:root{--ink:#211729;--pink:#fa3978;--light:#fff0f5;--yellow:#ffdf67;--muted:#77717f}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.layout{display:grid;grid-template-columns:205px minmax(0,760px) 280px;max-width:1440px;margin:auto;min-height:100vh}.sidebar{border-right:1px solid #eee;padding:25px 15px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-size:25px;font-weight:950;letter-spacing:-1.6px;white-space:nowrap;margin:3px 4px 26px}.brand span{color:var(--pink)}.brand small{font-size:11px;color:var(--ink)}.nav{display:flex;flex-direction:column;gap:4px}.nav a{font-weight:800;padding:15px 12px;border-radius:16px}.nav a.active{background:#fdf0f5}.nav i{font-style:normal;font-size:20px;display:inline-block;width:32px}.sidebar .bottom{margin-top:auto}.pill,.dark,.outline{display:inline-flex;justify-content:center;align-items:center;border-radius:28px;padding:14px 22px;font-weight:800;border:2px solid var(--ink);box-shadow:2px 3px 0 var(--ink)}.pill{background:var(--pink);color:white}.dark{background:var(--ink);color:white;border-color:var(--ink);box-shadow:none}.outline{background:white;width:100%}.sidebar .pill,.sidebar .dark{width:100%;margin-top:12px}.main{padding:20px 30px 100px;min-width:0}.aside{border-left:1px solid #eee;padding:25px 18px;position:sticky;top:0;height:100vh}.aside h3{margin:0 0 15px}.sideitem{display:flex;align-items:center;border:1px solid #eae7eb;border-radius:17px;padding:9px;margin:8px 0;font-size:12px;font-weight:800;gap:10px}.sideitem b{font-size:22px}.sideitem img{width:44px;height:44px;object-fit:cover;border-radius:12px}.sideitem em{margin-left:auto;color:#d33871;font-style:normal}.asidebox,.hero{border:2px solid var(--ink);border-radius:22px;box-shadow:3px 4px 0 var(--ink)}.asidebox{margin-top:55px;padding:16px}.asidebox p,.muted{color:var(--muted);line-height:1.55}.hero{background:#fff4f7;padding:12px;display:flex;gap:15px;align-items:center}.hero img{width:110px;height:195px;object-fit:cover;border-radius:15px}.hero-body{flex:1}.hero h2{font-size:20px;margin:5px 0}.hero .pill{width:100%;margin:8px 0}.tiny{font-size:12px;font-weight:700;color:#7c7180}.notice{font-size:12px;line-height:1.5;color:#746e79}.live{margin-top:24px}.live strong{color:#35a67c}.headline{background:var(--pink);color:white;display:inline-block;font-stretch:condensed;font-size:40px;line-height:1.05;padding:7px 10px;border-radius:8px;margin:7px 0 0;letter-spacing:-1.5px}.stories{display:flex;gap:13px;overflow:auto;padding:5px 2px 14px;scrollbar-width:none}.story{flex:0 0 62px;text-align:center;font-size:11px;font-weight:800}.story img{width:56px;height:56px;border:3px solid #f7976b;outline:2px solid white;outline-offset:-5px;border-radius:50%;object-fit:cover}.feature{display:grid;grid-template-columns:36% 1fr;gap:22px;align-items:center;margin:8px 0 35px}.feature img{width:100%;aspect-ratio:1.5;object-fit:cover;border:4px solid var(--ink);border-radius:22px}.feature h2{font-size:26px;line-height:1.05;margin:4px 0}.feature p{font-size:16px;color:var(--muted);line-height:1.5;margin:8px 0}.bar{display:flex;gap:4px;margin:15px 0 7px}.bar span{height:6px;flex:1;background:#e9e4e9;border-radius:5px}.bar span:nth-child(-n+2){background:var(--ink)}.bar span:nth-child(3){background:var(--yellow);outline:2px solid var(--ink)}mark{background:var(--yellow);font-weight:800}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin:35px 0 14px}.sectionhead h2{margin:0;font-size:24px}.sectionhead a{font-weight:800;color:#e53776}.rank{display:flex;align-items:center;border-top:1px solid #eee;gap:14px;padding:12px 0}.rank>strong{font-size:24px;width:23px;text-align:center}.rank img{width:70px;height:65px;border-radius:13px;object-fit:cover}.rank div{flex:1}.rank h3{font-size:15px;margin:0 0 5px}.rank p{margin:0;color:var(--muted);font-size:13px}.rank .change{color:#d63872;font-weight:800;white-space:nowrap}.page-title{font-size:38px;letter-spacing:-1.3px;margin:16px 0 8px}.intro{color:#6f6976;line-height:1.6;font-size:16px;max-width:700px}.search{width:100%;padding:15px 18px;border:1px solid #ddd;border-radius:14px;margin:15px 0}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:10px}.chip{background:white;border:1px solid #ddd;border-radius:25px;padding:9px 15px;white-space:nowrap;font-weight:700}.chip.selected{background:var(--ink);color:white}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid #e9e5e8;border-radius:18px;overflow:hidden;background:white}.card img{width:100%;aspect-ratio:1.35;object-fit:cover}.card .content{padding:12px}.card h3{font-size:15px;margin:0 0 7px}.card p{color:var(--muted);font-size:12px;margin:0}.badge{font-size:11px;background:#fff0f5;color:#d62d6a;padding:5px 8px;border-radius:12px;font-weight:800}.editor{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.editor canvas{width:100%;background:#f7eff2;border-radius:16px}.editor label{font-weight:800;display:block;margin:15px 0 6px}.editor input[type=text]{width:100%;padding:13px;border:1px solid #ddd;border-radius:10px}.editor input[type=file]{max-width:100%}.editor button{width:100%;margin-top:14px}.info{background:#fff5f8;border:1px solid #f7dce7;padding:16px;border-radius:15px;line-height:1.5}.faq details{border-top:1px solid #eee;padding:17px 0}.faq summary{font-weight:800;cursor:pointer}.mobile-header,.mobile-nav{display:none}footer{border-top:1px solid #eee;margin-top:50px;padding-top:20px;color:#8c8491;font-size:12px;line-height:1.8}button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:1050px){.layout{grid-template-columns:190px minmax(0,1fr)}.aside{display:none}}@media(max-width:700px){.layout{display:block}.sidebar{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #eee;position:sticky;top:0;background:white;z-index:5}.mobile-header .brand{margin:0;font-size:22px}.mobile-header button{border:0;background:#211729;color:white;border-radius:20px;padding:9px 16px;font-weight:800}.main{padding:16px 16px 100px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:6;background:white;border-top:1px solid #eee;justify-content:space-around;padding:9px 0 max(9px,env(safe-area-inset-bottom))}.mobile-nav a{text-align:center;font-size:10px;font-weight:800;color:#756d7b}.mobile-nav a.active{color:var(--pink)}.mobile-nav i{font-style:normal;display:block;font-size:21px;margin-bottom:2px}.hero img{width:80px;height:150px}.hero h2{font-size:17px}.hero .pill{padding:10px}.headline{font-size:35px}.feature{gap:13px;grid-template-columns:38% 1fr}.feature h2{font-size:20px}.feature p{font-size:13px}.feature img{aspect-ratio:1}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.page-title{font-size:32px}.editor{grid-template-columns:1fr}.rank img{width:57px;height:56px}.rank p{font-size:12px}.rank .change{font-size:12px}}
:root .signin-dialog{border:2px solid #211729;border-radius:20px;box-shadow:4px 5px 0 #211729;padding:24px;max-width:min(420px,90vw);width:100%;color:#211729}
.signin-dialog::backdrop{background:rgba(33,23,41,.48)}
.signin-dialog #signin-close{margin-top:22px}
.editor-templates{display:flex;flex-wrap:wrap;gap:8px}
.editor .editor-templates button{width:auto;margin:0}
.feed-card .card{display:block;height:calc(100% - 38px)}
.source-row{padding:9px 3px;font-size:12px}
.source-link{font-weight:800;color:#c42d69;text-decoration:underline;text-underline-offset:3px}
.source-missing{color:#77717f}
.source-section{margin:20px 0;padding:16px;background:#fff5f8;border-radius:15px}