:root{color-scheme:dark;--bg:#100f15;--surface:#181720;--surface-2:#211d30;--text:#f6f3fa;--muted:#aaa4b4;--soft:#d8d0e3;--line:#ffffff16;--purple:#4b3e76;--violet:#cbb8f5;--gold:#f2d899;font-family:Arial,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font:14px/1.5 Arial,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:20;padding:9px;background:white;color:#111}
.site-header{position:relative;z-index:5;background:#15141b;border-bottom:1px solid var(--line)}.header-row{min-height:66px;display:flex;align-items:center;gap:24px}.brand{flex:none;display:inline-flex;align-items:center;gap:9px;font-size:19px;font-weight:750;letter-spacing:-.7px}.brand img{width:32px;height:32px}.brand span span{color:var(--violet)}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,25px);flex:1;white-space:nowrap;color:#d4cfdb;font-size:11px}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--violet)}.header-actions{display:flex;align-items:center;gap:8px}.icon-button,.menu-button{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:transparent;color:#eeeaf4;cursor:pointer}.icon-button svg,.menu-button svg{width:15px;height:15px}.menu-button{display:none}.search-panel{padding:0 0 12px}.search-panel[hidden]{display:none}.search-form{display:flex;max-width:520px;margin-left:auto}.search-form input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:7px 0 0 7px;background:#100f15;color:var(--text)}.search-form button{padding:0 14px;border:0;border-radius:0 7px 7px 0;background:var(--purple);color:white;font-weight:700;cursor:pointer}.search-results{max-width:520px;margin:7px 0 0 auto;color:var(--muted);font-size:12px}.search-results a{display:block;padding:5px 0;color:var(--soft)}
.preview-note{display:flex;align-items:center;gap:8px;margin:16px 0 0;padding:8px 11px;border:1px solid #cbb8f533;border-radius:6px;background:#cbb8f50b;color:#d5c9e8;font-size:10px}.preview-note b{color:var(--violet);font-size:9px;letter-spacing:.1em}
.front-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(250px,.8fr);gap:14px;margin-top:14px}.hero-card{position:relative;min-height:365px;display:flex;align-items:flex-end;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#21202b}.hero-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}.hero-card:hover>img{transform:scale(1.025)}.hero-card::after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(180deg,transparent 0%,#10101436 31%,#101014f2 100%)}.hero-copy{position:relative;z-index:1;max-width:720px;padding:22px 24px}.label{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid #d4c6ef5c;border-radius:4px;background:#4b3e76d9;color:#f7f1ff;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-copy h1{max-width:660px;margin:9px 0 7px;font-size:clamp(25px,3.1vw,37px);line-height:1.11;letter-spacing:-.04em}.hero-copy p{max-width:660px;margin:0;color:#ded9e4;font-size:12px}.story-meta{display:flex;align-items:center;gap:12px;margin-top:11px;color:#b9b3c0;font-size:9px}.story-meta span{display:inline-flex;align-items:center;gap:5px}.story-meta svg{width:11px;height:11px;opacity:.78}
.side-stories{display:grid;grid-template-rows:repeat(3,1fr);gap:10px}.side-story{min-height:0;display:grid;grid-template-columns:96px minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color .15s}.side-story:hover{border-color:#cbb8f566}.side-story img{width:96px;height:100%;min-height:94px;object-fit:cover}.side-copy{align-self:center;padding:9px 10px}.side-copy h2{margin:5px 0 6px;font-size:12px;line-height:1.3}.side-copy .label{padding:3px 5px;font-size:7px}.side-copy .story-meta{gap:8px;margin-top:5px;font-size:8px}
.category-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:12px 0 25px}.category-link{min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 5px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:#e1dce7;font-size:10px;text-align:center;transition:background .15s,border-color .15s,transform .15s}.category-link:hover{transform:translateY(-2px);border-color:#cbb8f566;background:var(--surface-2)}.category-link svg{width:17px;height:17px;color:var(--violet)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 12px}.section-heading h2{display:flex;align-items:center;gap:9px;margin:0;font-size:18px;line-height:1.2;letter-spacing:-.025em}.section-heading h2::before{content:"";width:3px;height:19px;border-radius:4px;background:var(--violet)}.section-heading>a{color:var(--violet);font-size:10px;font-weight:700}.section-heading>a:hover{text-decoration:underline;text-underline-offset:3px}
.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.78fr);gap:17px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.feature-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.feature-card img{display:block;width:100%;aspect-ratio:1.8/1;object-fit:cover;transition:transform .25s}.feature-card:hover img{transform:scale(1.03)}.feature-image{overflow:hidden}.feature-copy{padding:10px 11px 12px}.feature-copy .label{padding:3px 5px;font-size:7px}.feature-copy h3{margin:6px 0;font-size:12px;line-height:1.35}.feature-copy p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.feature-copy .story-meta{margin-top:8px;font-size:8px}
.side-panel{display:grid;align-content:start;gap:13px}.newsletter{padding:15px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(140deg,#29223b,#1b1827 75%)}.newsletter[hidden]{display:none}.newsletter h2{margin:0 0 5px;font-size:14px}.newsletter p{margin:0;color:var(--muted);font-size:10px}.newsletter-form{display:flex;gap:6px;margin-top:10px}.newsletter-form input{min-width:0;flex:1;padding:8px 9px;border:1px solid var(--line);border-radius:6px;background:#100f15;color:var(--text);font-size:10px}.newsletter-form button{padding:0 10px;border:0;border-radius:6px;background:var(--purple);color:#fff;font-size:9px;font-weight:700}.newsletter-note{display:block;margin-top:7px;color:#aaa1b7;font-size:9px}
.latest-section{margin-top:27px}.lower-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.78fr);gap:17px}.latest-list{display:grid;gap:9px}.latest-item{display:grid;grid-template-columns:112px minmax(0,1fr);gap:11px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color .15s}.latest-item:hover{border-color:#cbb8f566}.latest-item img{width:112px;height:70px;object-fit:cover;border-radius:5px}.latest-copy .label{padding:3px 5px;font-size:7px}.latest-copy h3{margin:5px 0 3px;font-size:12px;line-height:1.3}.latest-copy p{margin:0;color:var(--muted);font-size:9px}.latest-copy .story-meta{margin-top:5px;font-size:8px}
.ranking{display:grid;gap:0}.rank-item{display:grid;grid-template-columns:20px 44px minmax(0,1fr);align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.rank-item:last-child{border:0}.rank-number{color:var(--violet);font-size:15px;font-weight:800}.rank-item img{width:44px;height:37px;object-fit:cover;border-radius:4px}.rank-item h3{margin:0;font-size:10px;line-height:1.3}.rank-item small{display:block;margin-top:3px;color:var(--muted);font-size:8px}
.method-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:hidden;margin-top:12px;padding:15px 17px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(110deg,#28213c,#191722 75%)}.method-banner::after{content:"";position:absolute;right:70px;top:-58px;width:190px;height:190px;border:1px solid #cbb8f522;border-radius:50%;box-shadow:0 0 0 18px #cbb8f50a,0 0 0 40px #cbb8f506}.method-banner div{position:relative;z-index:1}.method-banner strong{display:block;font-size:13px}.method-banner p{margin:3px 0 0;color:var(--muted);font-size:10px}.method-banner>a{position:relative;z-index:1;flex:none;padding:8px 11px;border-radius:6px;background:var(--purple);font-size:9px;font-weight:700}
.site-footer{margin-top:28px;border-top:1px solid var(--line);background:#15141b}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.15fr;gap:26px;padding:22px 0}.footer-about .brand{font-size:17px}.footer-about p{max-width:230px;margin:8px 0;color:var(--muted);font-size:10px}.footer-col h2{margin:0 0 8px;color:var(--text);font-size:10px}.footer-col a{display:block;margin:5px 0;color:var(--muted);font-size:9px}.footer-col a:hover{color:var(--violet)}.footer-bottom{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line);color:#817b89;font-size:8px}
.pause-screen{display:none;min-height:100vh;place-items:center;padding:24px;background:var(--bg);text-align:center}.pause-screen>div{max-width:500px}.pause-screen img{width:46px;height:46px}.pause-screen h1{margin:18px 0 8px;font-size:34px}.pause-screen p{color:var(--muted)}.site-paused .site-shell{display:none}.site-paused .pause-screen{display:grid}
@media(max-width:980px){.header-row{gap:15px}.main-nav{gap:12px;font-size:10px}.main-nav a:nth-child(5),.main-nav a:nth-child(6){display:none}.front-grid,.content-grid,.lower-grid{grid-template-columns:minmax(0,1.55fr) minmax(235px,.8fr)}.hero-card{min-height:335px}.side-story{grid-template-columns:80px minmax(0,1fr)}.side-story img{width:80px}.category-row{gap:6px}.category-link{font-size:9px}.footer-grid{gap:16px}}
@media(max-width:720px){.wrap{width:calc(100% - 26px)}.header-row{min-height:58px;justify-content:space-between}.brand{font-size:17px}.brand img{width:29px;height:29px}.menu-button{display:grid}.main-nav{position:absolute;top:58px;left:0;right:0;display:none;align-items:stretch;gap:0;padding:7px 13px 12px;border-bottom:1px solid var(--line);background:#15141b}.nav-open .main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav a,.main-nav a:nth-child(5),.main-nav a:nth-child(6){display:block;padding:9px;border-bottom:1px solid var(--line)}.header-actions{margin-left:auto}.preview-note{margin-top:11px}.front-grid{grid-template-columns:1fr;gap:9px;margin-top:10px}.hero-card{min-height:300px}.hero-copy{padding:17px}.hero-copy h1{font-size:clamp(24px,6vw,32px)}.side-stories{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:7px}.side-story{display:block}.side-story img{width:100%;height:78px;min-height:0}.side-copy{padding:7px}.side-copy h2{font-size:10px}.side-copy .story-meta{display:none}.category-row{grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0 22px}.category-link{min-height:60px}.content-grid,.lower-grid{grid-template-columns:1fr;gap:16px}.featured-grid{gap:8px}.feature-copy{padding:8px}.feature-copy h3{font-size:10px}.feature-copy p{display:none}.feature-copy .story-meta{display:none}.side-panel{grid-template-columns:1fr}.latest-section{margin-top:21px}.latest-item{grid-template-columns:86px minmax(0,1fr);gap:9px}.latest-item img{width:86px;height:62px}.latest-copy h3{font-size:11px}.latest-copy p{display:none}.ranking{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.rank-item{grid-template-columns:17px 38px minmax(0,1fr)}.rank-item img{width:38px;height:34px}.method-banner{margin-top:8px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px 0}.footer-about{grid-column:1/-1}.footer-bottom{font-size:7px}}
@media(max-width:420px){.hero-card{min-height:275px}.side-stories{grid-template-columns:1fr}.side-story{display:grid;grid-template-columns:78px minmax(0,1fr)}.side-story img{width:78px;height:100%;min-height:78px}.side-copy h2{font-size:11px}.side-copy .story-meta{display:flex}.category-row{gap:6px}.category-link{font-size:8px}.featured-grid{grid-template-columns:1fr}.feature-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:stretch}.feature-card img{height:100%;min-height:100px;aspect-ratio:auto}.feature-copy p{display:block}.feature-copy .story-meta{display:flex}.section-heading h2{font-size:16px}.method-banner{align-items:flex-start;flex-direction:column}.rank-item{grid-template-columns:17px 34px minmax(0,1fr)}.rank-item img{width:34px;height:32px}}