:root{color:#f5f5f5;font-synthesis:none;--bg:#050505;--panel:#0d0d0d;--panel-soft:#111;--line:#292929;--muted:#a4a4a4;--red:#e31319;--radius:12px;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#101010 0,#050505 45%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}img{max-width:100%;display:block}a{color:inherit}.container{width:min(1480px,100% - 48px);margin:0 auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#050505f5;position:sticky;top:0}.header-main{grid-template-columns:390px 1fr auto;align-items:center;gap:28px;height:82px;display:grid}.brand-line{align-items:baseline;gap:7px;line-height:1;display:flex}.brand-line strong{letter-spacing:-2px;font-size:36px;font-style:italic}.brand-line em{color:var(--red);font-size:29px;font-weight:900;transform:rotate(-4deg)}.brand-line span{letter-spacing:5px;font-size:10px}.brand small{letter-spacing:1.5px;color:#bbb;text-align:center;margin-top:8px;font-size:9px;display:block}.brand small b{color:var(--red)}.primary-nav,.secondary-nav{justify-content:center;gap:40px;display:flex}.primary-nav button,.secondary-nav button{color:#d5d5d5;cursor:pointer;background:0 0;border:0;padding:29px 4px 24px;position:relative}.primary-nav button.active:after{content:"";background:var(--red);height:2px;position:absolute;bottom:12px;left:0;right:0}.secondary-nav-wrap{border-top:1px solid #1d1d1d}.secondary-nav{justify-content:flex-start;align-items:center;gap:38px;height:62px}.secondary-nav button{color:#aaa;padding:0;font-size:14px}.header-actions{gap:14px;display:flex}.icon-button{color:#fff;cursor:pointer;background:0 0;border:0;padding:8px}.icon-button svg{width:22px;height:22px}.page-grid{grid-template-columns:minmax(0,1fr) 420px;gap:20px;padding-top:28px;padding-bottom:60px;display:grid}.content-column{min-width:0}.hero-card{border:1px solid var(--line);border-radius:var(--radius);background-position:50%;background-size:cover;align-items:flex-end;min-height:390px;padding:38px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;pointer-events:none;max-width:610px;position:relative}.hero-link-overlay{z-index:1;position:absolute;inset:0}.tag{background:var(--red);color:#fff;text-transform:uppercase;border-radius:4px;padding:7px 10px;font-size:13px;font-weight:800;display:inline-flex}.hero-card h1{letter-spacing:-2.5px;max-width:740px;margin:20px 0 18px;font-size:clamp(38px,4vw,66px);line-height:.98}.hero-card p{color:#d2d2d2;max-width:470px;font-size:17px;line-height:1.45}.hero-meta,.article-meta{color:#bbb;align-items:center;gap:12px;font-size:13px;display:flex}.hero-meta span:last-child,.article-meta span{align-items:center;gap:6px;display:inline-flex}.avatar{color:#fff;background:#222;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.hero-bookmark{z-index:3;position:absolute;bottom:28px;right:28px}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.article-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#111,#0a0a0a);min-width:0;overflow:hidden}.article-card>img{aspect-ratio:16/9;object-fit:cover;background:#161616;width:100%}.article-card-link{color:inherit;text-decoration:none;display:block}.card-image{aspect-ratio:16/9;background:#161616;width:100%;display:block;position:relative;overflow:hidden}.card-image img{object-fit:cover;transition:transform .35s}.article-card-link:hover .card-image img{transform:scale(1.025)}.article-card-body{padding:18px 18px 16px}.article-card h3{letter-spacing:-.5px;min-height:74px;margin:14px 0 24px;font-size:22px;line-height:1.2}.article-meta{justify-content:space-between}.load-more{color:#eee;cursor:pointer;background:#0b0b0b;border:1px solid #444;border-radius:6px;margin:18px auto 0;padding:12px 24px;display:block}.sidebar{flex-direction:column;gap:16px;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#101010,#0b0b0b);padding:18px}.panel h2{border-bottom:2px solid var(--red);margin:0 0 18px;padding-bottom:12px;font-size:17px}.ranked-list{gap:10px;display:grid}.ranked-list article{grid-template-columns:24px 112px 1fr;align-items:center;gap:12px;display:grid}.ranked-list img{object-fit:cover;border-radius:5px;width:112px;height:68px}.ranked-list h3{margin:0 0 5px;font-size:14px;line-height:1.3}.ranked-list small{color:#888}.rank{font-size:25px}.sidebar-bottom{grid-template-columns:1fr 150px;gap:14px;display:grid}.compact-panel ul{color:#d0d0d0;gap:13px;margin:0;padding-left:18px;font-size:12px;line-height:1.35;display:grid}.compact-panel a{text-decoration:none}.compact-panel li::marker{color:var(--red)}.category-panel ul{padding:0;list-style:none}.status-screen{text-align:center;place-content:center;min-height:100vh;display:grid}.mobile-only{display:none}@media (max-width:1100px){.header-main{grid-template-columns:280px 1fr auto}.brand-line strong{font-size:29px}.primary-nav{gap:20px}.page-grid{grid-template-columns:1fr}.sidebar{display:none}}@media (max-width:760px){.container{width:min(100% - 28px,680px)}.desktop-only{display:none!important}.mobile-only{display:inline-flex}.header-main{grid-template-columns:44px 1fr 44px;gap:4px;height:86px}.brand{text-align:center}.brand-line{justify-content:center}.brand-line strong{font-size:28px}.brand-line em{font-size:23px}.brand-line span{display:none}.brand small{margin-top:5px;font-size:7px}.header-actions .icon-button{padding:6px}.page-grid{padding-top:16px}.hero-card{background-position:60%;align-items:flex-end;min-height:470px;padding:24px 18px}.hero-card h1{letter-spacing:-1.3px;font-size:34px}.hero-card p{font-size:15px}.hero-meta strong{max-width:120px}.cards-grid{grid-template-columns:1fr}.article-card{grid-template-columns:42% 1fr;display:grid}.article-card>img{aspect-ratio:auto;height:100%}.card-image{aspect-ratio:auto;height:100%;min-height:180px}.article-card h3{min-height:0;margin:10px 0 18px;font-size:17px}.article-card-body{padding:14px}.tag{padding:5px 8px;font-size:11px}}.hero-card,.article-card{cursor:pointer}.article-page{padding-top:42px;padding-bottom:80px}.back-button{color:#ddd;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;margin-bottom:28px;padding:10px 14px}.article-layout{max-width:900px;margin:0 auto}.article-header h1{letter-spacing:-.04em;margin:18px 0;font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.02}.article-lead{color:#b9b9b9;max-width:760px;font-size:1.25rem;line-height:1.6}.article-meta{color:#858585;flex-wrap:wrap;gap:20px;margin:22px 0 32px;font-size:.94rem;display:flex}.article-cover-wrap{aspect-ratio:16/9;border:1px solid #272727;border-radius:14px;width:100%;position:relative;overflow:hidden}.article-cover{object-fit:cover}.article-body{color:#d2d2d2;max-width:760px;margin:40px auto;font-size:1.08rem;line-height:1.85}.article-body h2{color:#fff;margin-top:44px;font-size:1.9rem;line-height:1.2}.article-body img{border-radius:10px;width:100%;height:auto;margin:28px 0}.article-body a{color:#ef2b2d}.source-link{color:#fff;background:#d71920;border-radius:8px;margin-left:max(0px,50% - 380px);padding:13px 18px;font-weight:700;text-decoration:none;display:inline-flex}.article-credits{color:#bbb;background:#0d0d0d;border:1px solid #2d2d2d;border-radius:12px;max-width:760px;margin:52px auto 0;padding:24px}.article-credits h2{color:#fff;margin:0 0 18px;font-size:1.2rem}.article-credits p{margin:8px 0}.article-credits a{color:#ff5357;margin-top:12px;display:inline-flex}.article-site-header .header-main{justify-content:center;display:flex}.back-button{text-decoration:none;display:inline-flex}.category-pill{text-transform:uppercase;background:#d71920;border-radius:5px;padding:7px 11px;font-size:.78rem;font-weight:800}@media (max-width:700px){.article-page{padding-top:24px}.article-header h1{font-size:2.25rem}.article-lead{font-size:1.05rem}.article-body{font-size:1rem}.source-link{margin-left:0}}.brand-button,.article-click-target,.ranked-item,.compact-panel button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.brand-button{display:block}.article-click-target{width:100%;display:block}.hero-target{border-radius:12px;overflow:hidden}.article-click-target>*{pointer-events:none}.secondary-nav button.active{color:#fff}.secondary-nav button.active:after{content:"";background:var(--red);height:2px;position:absolute;bottom:-20px;left:0;right:0}.ranked-item{grid-template-columns:24px 112px 1fr;align-items:center;gap:12px;width:100%;text-decoration:none;display:grid}.ranked-item:hover strong,.compact-panel button:hover{color:#fff}.ranked-item span:last-child{display:grid}.ranked-item strong{margin:0 0 5px;font-size:14px;font-weight:700;line-height:1.3}.ranked-item small{color:#888}.compact-panel button{color:#d0d0d0;width:100%;line-height:1.35}.end-message,.empty-state{color:#888;text-align:center;margin:28px 0}.mobile-menu{background:#090909;border-top:1px solid #222;padding:12px 20px 18px;display:grid}.mobile-menu button{color:#eee;text-align:left;background:0 0;border:0;border-bottom:1px solid #1d1d1d;padding:14px 4px}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;place-items:start center;padding:8vh 20px 20px;display:grid;position:fixed;inset:0}.modal-panel{background:#101010;border:1px solid #2d2d2d;border-radius:14px;width:min(760px,100%);max-height:82vh;padding:22px;overflow:auto;box-shadow:0 24px 80px #0000008c}.modal-panel>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.modal-panel h2{margin:0}.search-input{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#080808;border:1px solid #383838;border-radius:9px;outline:none;padding:15px 16px}.search-input:focus{border-color:var(--red)}.modal-results{gap:10px;margin-top:16px;display:grid}.result-button{color:#fff;text-align:left;cursor:pointer;background:#0a0a0a;border:1px solid #252525;border-radius:9px;grid-template-columns:112px 1fr;gap:14px;padding:10px;text-decoration:none;display:grid}.result-button:hover{border-color:#555}.result-button img{object-fit:cover;border-radius:6px;width:112px;height:68px}.result-button span{align-content:center;gap:6px;display:grid}.result-button small{color:#999}.article-kicker-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.save-article{color:#fff;cursor:pointer;background:#101010;border:1px solid #3a3a3a;border-radius:7px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.save-article svg{width:18px;height:18px}.article-body p{margin:0 0 24px}.article-body h3{color:#fff;margin-top:38px;font-size:1.5rem}.article-body figure{margin:32px 0}.article-body figcaption{color:#888;margin-top:8px;font-size:.85rem}.article-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.article-body th,.article-body td{white-space:nowrap;border:1px solid #333;padding:10px 12px}.article-body blockquote{border-left:3px solid var(--red);color:#eee;margin:30px 0;padding-left:20px}@media (max-width:700px){.result-button{grid-template-columns:84px 1fr}.result-button img{width:84px;height:62px}.article-kicker-row{align-items:flex-start}}.login-screen{background:radial-gradient(circle at top,#1a1a1a,#050505 58%);padding:24px}.login-box{text-align:left;background:#0c0c0cf5;border:1px solid #2b2b2b;border-radius:16px;gap:12px;width:min(420px,100vw - 40px);padding:32px;display:grid;box-shadow:0 28px 80px #00000080}.login-box h1{margin:0;font-size:clamp(1.7rem,5vw,2.3rem)}.login-box p{color:#999;margin:0 0 10px}.login-box label{color:#d6d6d6;font-size:.86rem;font-weight:700}.login-box input{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#080808;border:1px solid #343434;border-radius:9px;outline:none;padding:14px 15px}.login-box input:focus{border-color:var(--red);box-shadow:0 0 0 3px #d7192026}.login-box button{background:var(--red);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:9px;margin-top:8px;padding:14px 16px;font-weight:800}.login-box button:disabled,.login-box input:disabled{opacity:.65;cursor:wait}.login-error{color:#ff8d91;text-align:center}