:root{color-scheme:dark;--bg:#030914;--bg-elev:#081222;--bg-card:rgba(9,19,35,.82);--sidebar:rgba(4,12,25,.96);--border:rgba(132,163,204,.20);--border-soft:rgba(132,163,204,.12);--text:#f4f7fb;--muted:#9eaabd;--pink:#ed187d;--cyan:#24e3d0;--gold:#f4b84a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 78% -10%,rgba(237,24,125,.13),transparent 34%),radial-gradient(circle at 34% 110%,rgba(36,227,208,.07),transparent 38%),var(--bg);color:var(--text);font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}a{color:inherit}.app{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--sidebar),color-mix(in srgb,var(--sidebar) 82%,#07172a));border-right:1px solid var(--border-soft);overflow:auto}.sidebar-accent{height:2px;flex:0 0 2px;background:linear-gradient(90deg,var(--pink),#c52d9b 52%,var(--cyan));box-shadow:0 0 18px color-mix(in srgb,var(--pink) 42%,transparent)}.sidebar-header{min-height:122px;padding:17px 19px 14px;display:flex;align-items:flex-start}.logo{display:block;height:86px;max-width:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 6px 14px rgba(0,0,0,.36))}.sidebar-nav{padding:8px 12px 14px;flex:1}.side-label,.eyebrow,.section-label{font:800 10px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;color:var(--pink);text-transform:uppercase}.side-label{margin:5px 10px 11px}.side-link{display:flex;gap:9px;align-items:center;justify-content:space-between;text-decoration:none;color:var(--muted);border:1px solid transparent;border-radius:7px;min-height:39px;padding:9px 10px;margin-bottom:3px;font-size:13px;font-weight:700;transition:background .16s,border-color .16s,color .16s,transform .16s}.side-link:hover{background:rgba(102,127,165,.08);border-color:var(--border-soft);color:var(--text);transform:translateX(2px)}.side-link.active{background:linear-gradient(90deg,rgba(237,24,125,.16),rgba(237,24,125,.035));border-color:rgba(237,24,125,.38);box-shadow:inset 2px 0 0 var(--pink);color:var(--text)}.nav-icon{width:19px;height:19px;flex:0 0 19px;color:currentColor}.side-link:hover .nav-icon,.side-link.active .nav-icon{color:var(--pink)}.side-link.active .nav-icon{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--pink) 65%,transparent))}.side-name{display:flex;gap:9px;align-items:center}.side-count{padding:2px 6px;border:1px solid var(--border-soft);border-radius:999px;font:800 9.5px/1 ui-monospace,SFMono-Regular,monospace;color:var(--muted)}.side-divider{margin:16px 10px 8px;font:800 10.5px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.09em;color:var(--muted);text-transform:uppercase}.sidebar-footer{padding:13px 14px 15px;background:rgba(2,8,18,.20);border-top:1px solid var(--border-soft)}.side-action{display:flex;gap:8px;align-items:center;text-decoration:none;padding:10px;border:1px solid rgba(237,24,125,.50);border-radius:5px;background:linear-gradient(90deg,rgba(237,24,125,.16),rgba(237,24,125,.045));font:800 10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.045em;text-transform:uppercase}.side-track{display:flex;gap:8px;align-items:center;margin-top:10px;color:var(--muted);font:800 9.5px/1 ui-monospace,SFMono-Regular,monospace;text-decoration:none}.topbar{min-height:62px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;padding:11px 28px;background:rgba(3,9,20,.72);backdrop-filter:blur(16px)}.pulse{font:800 10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.pulse:before{content:'●';color:var(--cyan);margin-right:7px}.socials{display:flex;gap:7px;align-items:center}.social{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--border-soft);border-radius:5px;text-decoration:none;color:var(--muted);background:rgba(120,144,177,.06);font:800 11px/1 ui-monospace,SFMono-Regular,monospace}.social:hover{border-color:rgba(237,24,125,.58);color:#fff;background:rgba(237,24,125,.12)}.vice{margin-left:7px;border:1px solid rgba(237,24,125,.48);color:#f4f7fb;background:linear-gradient(90deg,rgba(237,24,125,.17),rgba(237,24,125,.045));padding:8px 10px;border-radius:5px;text-decoration:none;font:800 9px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.075em}.content{max-width:1210px;padding:34px 44px 60px}.back{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font:800 11px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}.back:hover{color:var(--cyan)}.article-hero{padding:28px 0 22px;border-bottom:1px solid var(--border-soft)}.article-hero h1,.view-hero h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-weight:400;letter-spacing:.048em;line-height:.92;font-size:clamp(34px,5vw,66px);max-width:940px;margin:12px 0 14px;text-transform:uppercase}.article-hero h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:850;letter-spacing:-.045em;line-height:1.04;text-transform:none}.meta{font:800 10px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;color:var(--cyan);text-transform:uppercase}.badge{display:inline-block;border-left:2px solid var(--pink);color:#ffd0e7;background:#260d20;padding:4px 8px;font:800 10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;text-transform:uppercase}.lede{color:var(--muted);max-width:760px;margin:0;font-size:16px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;margin-top:24px}.article-media{position:relative;aspect-ratio:16/8.5;background:#0d1520;border:1px solid rgba(237,24,125,.45);border-radius:9px;overflow:hidden}.article-media img{width:100%;height:100%;object-fit:cover;display:block}.media-tag{position:absolute;top:10px;left:10px;background:#0a1019e8;border:1px solid #ffffff33;border-radius:4px;padding:4px 7px;color:#fff;font:800 9px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em}.article-copy{margin-top:18px}.panel{background:linear-gradient(145deg,rgba(11,23,42,.88),rgba(7,15,29,.90));border:1px solid var(--border-soft);border-radius:8px;padding:18px;margin-top:14px}.panel h2{font:800 10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.11em;color:var(--pink);text-transform:uppercase;margin:0 0 10px}.panel p{margin:0;color:#c6cfdd;line-height:1.7}.source-card{position:sticky;top:74px}.source-name{font-size:18px;font-weight:850;line-height:1.2;margin:8px 0}.source-detail{color:var(--muted);font-size:13px}.button{display:flex;justify-content:center;align-items:center;text-decoration:none;background:linear-gradient(90deg,#d81770,var(--pink));padding:11px 14px;border-radius:5px;font-size:12px;font-weight:850;margin-top:16px}.button:hover{filter:brightness(1.12)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.card{display:block;text-decoration:none;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:8px;overflow:hidden;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:rgba(237,24,125,.42)}.card img{display:block;width:100%;height:126px;object-fit:cover}.card-body{padding:14px}.card h2{font-size:16px;line-height:1.28;margin:9px 0}.card p{color:var(--muted);font-size:12px;margin:0}.view-hero{padding:16px 0 28px;border-bottom:1px solid var(--border-soft);margin-bottom:22px}.footer{border-top:1px solid var(--border-soft);margin-top:52px;padding:22px 0;color:var(--muted);font-size:12px}@media(max-width:840px){.app{display:block}.sidebar{display:none}.content{padding:26px 20px 46px}.article-grid{grid-template-columns:1fr}.source-card{position:static}.topbar{padding:8px 18px}.vice{display:none}}@media(max-width:480px){.content{padding:22px 15px}.article-hero h1{font-size:36px}.social:nth-child(2),.social:nth-child(3){display:none}}  .social-links { display:flex; align-items:center; gap:7px; }
  .topbar-actions { display:flex; align-items:center; gap:14px; }
  .ecosystem-link { height:31px; display:inline-flex; align-items:center; gap:7px; padding:0 10px; border:1px solid rgba(237,24,125,.48); border-radius:5px; color:#F4F7FB; background:linear-gradient(90deg,rgba(237,24,125,.17),rgba(237,24,125,.045)); font-family:'SFMono-Regular',Consolas,monospace; font-size:9px; font-weight:800; letter-spacing:.075em; text-decoration:none; transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease; }
  .ecosystem-link::before { content:""; width:5px; height:5px; border-radius:50%; background:var(--pink); box-shadow:0 0 9px var(--pink); }
  .ecosystem-link:hover { border-color:var(--pink); background:rgba(237,24,125,.24); box-shadow:0 0 18px rgba(237,24,125,.18); transform:translateY(-1px); }
  .social-link { width:31px; height:31px; display:grid; place-items:center; border:1px solid var(--border-soft); border-radius:5px; color:var(--text-muted); background:rgba(120,144,177,.06); transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease; }
  .social-link:hover { color:var(--text); border-color:rgba(237,24,125,.58); background:rgba(237,24,125,.12); transform:translateY(-1px); }
  .social-icon { width:15px; height:15px; fill:currentColor; }
.topbar-actions{--text-muted:var(--muted)}.social-link{text-decoration:none;flex-shrink:0}.ecosystem-link{box-sizing:border-box;white-space:nowrap}@media(max-width:480px){.topbar{flex-wrap:wrap;gap:10px}.social-links{gap:5px}.social-link{width:29px;height:29px}.topbar-actions{gap:10px}}