:root{--bg:#090d17;--surface:#121a25;--surface2:#1a2530;--line:#314350;--ink:#f2f6f7;--muted:#a6b7c0;--cyan:#37ddd9;--pink:#f337ac;--green:#8be893;--radius:15px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.55}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.display{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.98;letter-spacing:.015em}h1{font-size:clamp(2.8rem,8vw,6.7rem);font-weight:800;text-transform:uppercase}h2{font-size:clamp(2.35rem,5vw,4.5rem);font-weight:800;text-transform:uppercase}h3{font-size:clamp(1.6rem,3vw,2.35rem);font-weight:700;text-transform:uppercase}.site-header{height:84px;border-bottom:1px solid var(--line);background:#090d17eb;backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.header-inner{max-width:1240px;margin:auto;padding:0 30px;height:100%;display:flex;align-items:center;gap:36px}.brand{font-size:1.52rem;font-weight:800;line-height:.75;letter-spacing:.02em;display:inline-flex;flex-direction:column;min-width:122px;text-shadow:0 0 16px #36dadc65}.brand span{color:var(--cyan)}.brand strong{color:var(--pink);font-size:1.13em;margin-left:17px}.brand small{font:700 .56rem 'DM Sans',sans-serif;letter-spacing:.27em;text-align:right;color:#fff;margin-top:8px}.desktop-links{display:flex;gap:25px;margin-left:auto;align-items:center;color:var(--muted);font-size:.91rem;font-weight:700}.desktop-links a:hover,.desktop-links a.active{color:var(--cyan)}.header-actions{display:flex;gap:11px;align-items:center}.icon-button,.nav-login{border:1px solid var(--line);background:var(--surface);color:var(--ink);height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:0 13px;font-weight:700}.icon-button:hover,.nav-login:hover{border-color:var(--cyan);color:var(--cyan)}.icon-button{width:44px;padding:0}.nav-login svg,.icon-button svg{width:20px;height:20px}.mobile-nav{display:none}.container{max-width:1240px;margin:auto;padding:0 30px}.hero{position:relative;min-height:min(760px,calc(100dvh - 84px));display:grid;align-items:end;overflow:hidden;background:#0a111e}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090d17e6 0%,#090d1770 55%,#090d1718 100%),linear-gradient(0deg,#090d17 0%,transparent 65%)}.hero-content{position:relative;z-index:1;width:min(850px,90%);padding:80px 0 96px}.eyebrow{color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px}.hero h1{max-width:750px;margin-bottom:20px}.hero h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 24px #37ddd965}.hero p{max-width:590px;color:#d3e2e7;font-size:1.13rem;margin-bottom:30px}.hero-cta,.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;background:var(--cyan);color:#061018;padding:13px 20px;font-weight:800;transition:transform .2s,box-shadow .2s}.hero-cta:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 0 24px #37ddd980}.hero-cta svg,.primary svg{width:19px}.hero-meta{display:flex;gap:18px;margin-top:36px;color:#9eb4bd;font-size:.73rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hero-meta span:not(:last-child):after{content:'·';margin-left:18px;color:var(--cyan)}.section{padding-top:82px;padding-bottom:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section-heading h2{margin:0}.section-heading p{max-width:360px;color:var(--muted);margin:0}.section-kicker{color:var(--cyan);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;display:block;margin-bottom:12px}.toolbar{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:24px}.search-box{display:flex;align-items:center;gap:9px;flex:1 1 260px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:0 13px}.search-box svg{width:20px;color:var(--cyan)}.search-box input{width:100%;background:transparent;border:0;outline:none;color:var(--ink);height:47px}.select{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:0 14px;min-height:47px}.feed-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:17px}.story-card{display:flex;gap:17px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,transform .2s}.story-card:hover{border-color:var(--cyan);transform:translateY(-2px)}.story-card img{width:38%;min-width:38%;object-fit:cover;aspect-ratio:1.35}.story-card.featured{grid-row:span 2;display:block}.story-card.featured img{width:100%;height:325px;aspect-ratio:auto}.story-card .copy{padding:18px 20px;align-self:center}.story-card.featured .copy{padding:25px 28px 30px}.story-card h3{margin:10px 0;font-size:clamp(1.35rem,2.5vw,2rem)}.story-card.featured h3{font-size:clamp(2rem,4vw,3.1rem)}.story-card p{color:var(--muted);font-size:.91rem;margin:0 0 12px}.meta{font-size:.74rem;color:#8fa6b3;font-weight:700;letter-spacing:.05em}.chip{color:var(--cyan);font-size:.72rem;text-transform:uppercase;font-weight:800;letter-spacing:.12em}.empty{padding:50px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.topics{background:#0d1420;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic-card{min-height:172px;padding:23px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);background:linear-gradient(145deg,#162330,#101721);border-radius:var(--radius);transition:transform .2s,border-color .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:0 0 20px #37ddd92a}.topic-card:nth-child(2),.topic-card:nth-child(5){border-color:#8b3f8a}.topic-card:nth-child(3){border-color:#3b796a}.topic-card .topic-icon{font-size:2rem;color:var(--cyan)}.topic-card:nth-child(2) .topic-icon,.topic-card:nth-child(5) .topic-icon{color:#ec79da}.topic-card h3{margin:0;font-size:1.8rem}.topic-card small{color:var(--muted)}.callout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.callout img{border:1px solid var(--line);border-radius:var(--radius);width:100%;aspect-ratio:1.5;object-fit:cover}.callout p{color:var(--muted);font-size:1.05rem;max-width:480px}.callout .text-link{color:var(--cyan);font-weight:800;border-bottom:1px solid var(--cyan);padding-bottom:5px}footer{border-top:1px solid var(--line);padding:36px 0 110px;color:var(--muted);font-size:.83rem}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.article-shell{max-width:930px;margin:0 auto;padding:52px 26px 100px}.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--cyan);font-weight:800;font-size:.83rem;margin-bottom:30px}.article-header h1{margin:12px 0 16px}.article-header .dek{color:var(--muted);font-size:1.19rem;max-width:700px}.article-hero{width:100%;aspect-ratio:1.8;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);margin:30px 0}.article-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 38px}.action{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:9px 13px;display:flex;align-items:center;gap:8px;font-weight:700}.action:hover,.action.active{border-color:var(--cyan);color:var(--cyan)}.action svg{width:19px}.article-body{font-size:1.09rem;line-height:1.8;color:#d6e2e6}.article-body p{margin:0 0 25px}.article-body h2{font-size:2.4rem;color:#fff;margin:45px 0 18px}.article-body blockquote{margin:36px 0;padding:14px 26px;border-left:4px solid var(--pink);background:var(--surface);font-family:'Barlow Condensed';font-size:2rem;color:#fff}.article-body figure{margin:30px 0}.article-body figure img{width:100%;border-radius:12px;border:1px solid var(--line)}figcaption{font-size:.78rem;color:var(--muted);margin-top:8px}.embed{aspect-ratio:16/9;background:#05080d;border:1px solid var(--line);border-radius:12px;overflow:hidden}.embed iframe,.embed video{border:0;width:100%;height:100%}.embed-link{display:flex;align-items:center;justify-content:center;height:100%;color:var(--cyan);text-decoration:underline}.comments{border-top:1px solid var(--line);margin-top:55px;padding-top:34px}.comments h2{font-size:2.6rem}.comment{border-bottom:1px solid var(--line);padding:18px 0}.comment.child{margin-left:40px;border-left:2px solid var(--line);padding-left:18px}.comment-head{display:flex;align-items:center;gap:10px;font-size:.85rem}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#203e47;border:1px solid var(--cyan);color:var(--cyan);font-weight:800;object-fit:cover}.comment-head time{color:var(--muted);margin-left:auto}.comment p{margin:9px 0 7px;white-space:pre-wrap;overflow-wrap:anywhere}.text-button{border:0;background:none;color:var(--cyan);font-weight:700;padding:4px 8px 4px 0}.composer{margin-top:25px}.composer textarea,.field textarea{min-height:110px;resize:vertical}.composer textarea,.field input,.field textarea,.field select{display:block;width:100%;background:#0c1420;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px 13px}.composer button{margin-top:10px}.hint{color:var(--muted);font-size:.85rem}.profile{max-width:630px;margin:auto;padding:65px 24px 130px}.profile-panel,.admin-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.profile-panel h1{font-size:3.3rem}.profile-identity{display:flex;gap:18px;align-items:center;margin:26px 0}.profile-identity .avatar{width:80px;height:80px;font-size:2rem}.profile-identity h2{font-size:2rem;margin:0}.profile-identity p{color:var(--muted);margin:5px 0}.saved-list{display:grid;gap:10px}.saved-list a{border:1px solid var(--line);border-radius:9px;padding:13px;color:var(--cyan)}.admin{max-width:1240px;padding:42px 30px 130px;margin:auto}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.admin-header h1{font-size:3.8rem;margin:0}.admin-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:10px;margin-bottom:20px}.admin-tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:9px 16px;border-radius:8px}.admin-tabs button.active{color:#08151a;background:var(--cyan);border-color:var(--cyan);font-weight:800}.admin-layout{display:grid;grid-template-columns:290px 1fr;gap:18px}.admin-list{display:grid;gap:7px;align-content:start}.admin-list button{text-align:left;background:#0b1420;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:11px}.admin-list button.active{border-color:var(--cyan)}.admin-list small{display:block;color:var(--muted);margin-top:3px}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:block}.field span{display:block;font-size:.78rem;font-weight:800;color:#cde0e4;margin-bottom:7px}.field.wide{grid-column:1/-1}.field textarea{min-height:84px}.block-editor{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}.block-editor h3{margin-bottom:14px}.block-row{background:#0c1420;border:1px solid var(--line);border-radius:10px;padding:15px;margin-bottom:13px}.block-row-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.block-row-head select{background:var(--surface2);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:6px}.small-actions{display:flex;gap:5px}.small-actions button{background:var(--surface2);color:var(--ink);border:1px solid var(--line);border-radius:6px;min-width:33px;height:33px}.form-actions{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}.danger{border:1px solid #b4576a;background:#381e29;color:#ffd6db;border-radius:8px;padding:10px 15px;font-weight:800}.secondary{border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:8px;padding:10px 15px;font-weight:700}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding:15px 0}.admin-row p{margin:4px 0 0;color:var(--muted);font-size:.83rem}.admin-row .row-actions{display:flex;gap:7px;flex-wrap:wrap}.admin-row select{background:#0c1420;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:8px}.notice{border:1px solid #657f86;background:#18313b;padding:14px;border-radius:9px;color:#e1f9f8;margin:15px 0}.error{color:#ff9eaf;font-size:.85rem;min-height:1.4em}.loading{padding:70px 20px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%,20px);background:#d9fbf7;color:#061319;border-radius:9px;padding:12px 18px;font-weight:800;opacity:0;pointer-events:none;z-index:100;transition:.2s;box-shadow:0 10px 35px #0009}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.desktop-links{display:none}.header-inner{padding:0 18px}.header-actions{margin-left:auto}.hero{min-height:680px}.hero-content{padding-bottom:85px}.section{padding-top:60px;padding-bottom:62px}.feed-grid{grid-template-columns:1fr}.story-card.featured{grid-row:auto}.topic-grid{grid-template-columns:repeat(2,1fr)}.callout{gap:25px}.admin-layout{grid-template-columns:1fr}.admin-list{display:flex;overflow:auto}.admin-list button{min-width:160px}.footer-inner{flex-wrap:wrap}}
@media(max-width:600px){body{padding-bottom:66px}.site-header{height:70px}.brand{font-size:1.23rem;min-width:105px}.brand small{font-size:.48rem}.nav-login{font-size:.8rem;padding:0 10px}.container{padding:0 17px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:space-around;background:#0e1721f5;border-top:1px solid var(--line);padding:8px 0 max(8px,env(safe-area-inset-bottom));backdrop-filter:blur(15px)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-size:.65rem;min-width:64px}.mobile-nav a.active{color:var(--cyan)}.mobile-nav svg{width:23px;height:23px}.hero{min-height:calc(100dvh - 135px);max-height:760px;align-items:end}.hero-art{object-position:62% center}.hero:after{background:linear-gradient(0deg,#090d17 0%,#090d17a8 34%,#090d1710 100%)}.hero-content{width:100%;padding:100px 0 44px}.hero h1{font-size:clamp(3.25rem,15vw,5.2rem)}.hero p{font-size:1rem}.hero-meta{font-size:.58rem;gap:8px;margin-top:25px}.hero-meta span:not(:last-child):after{margin-left:8px}.section-heading{display:block}.section-heading p{margin-top:15px}.story-card{gap:0}.story-card:not(.featured) img{width:37%;min-width:37%;aspect-ratio:1;object-fit:cover}.story-card .copy{padding:12px}.story-card h3{font-size:1.42rem;margin:7px 0}.story-card p{display:none}.story-card.featured img{height:245px}.story-card.featured .copy{padding:21px}.story-card.featured p{display:block}.topic-card{min-height:150px;padding:17px}.topic-card h3{font-size:1.42rem}.callout{grid-template-columns:1fr}.callout h2{margin-bottom:15px}.article-shell{padding:30px 17px 80px}.article-header h1{font-size:3.2rem}.article-hero{margin:24px 0}.article-actions{gap:7px}.action{font-size:.8rem;padding:8px 9px}.comment.child{margin-left:18px}.comment-head time{font-size:.67rem}.profile{padding:38px 17px 80px}.profile-panel,.admin-panel{padding:20px}.admin{padding:27px 17px 75px}.admin-header h1{font-size:3rem}.admin-form{grid-template-columns:1fr}.field.wide,.block-editor,.form-actions{grid-column:1}.admin-row{align-items:flex-start;flex-direction:column}.footer-inner{display:block}footer{padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}