:root{--bg:#100f0f;--bg-card:#1a1918;--text:#cecdc3;--text-muted:#878580;--accent:#cdd597;--accent-warm:#fca192;--border:#282726;--border-hover:#403e3c;--sans:"Inter", system-ui, sans-serif;--serif:"Newsreader", Georgia, serif;--mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--serif);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.7}.site-header{max-width:960px;margin:0 auto;padding:5rem 2.5rem 2rem}.site-header h1{font-family:var(--sans);letter-spacing:-.01em;color:var(--text);font-size:1.6rem;font-weight:500}.site-header .subtitle{color:var(--text-muted);font-family:var(--serif);margin-top:.5rem;font-size:1.05rem;font-style:italic}.site-header nav{flex-wrap:wrap;gap:1.8rem;margin-top:1.8rem;display:flex}.site-header nav a{color:var(--text-muted);font-family:var(--sans);letter-spacing:.01em;font-size:.85rem;text-decoration:none;transition:color .2s}.site-header nav a:hover{color:var(--text)}.divider{max-width:960px;margin:0 auto;padding:0 2.5rem}.divider hr{border:none;border-top:1px solid var(--border)}main{max-width:960px;margin:0 auto;padding:2.5rem}.section-label{font-family:var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1.8rem;font-size:.75rem;font-weight:500}.topic-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;margin-bottom:2.5rem;transition:border-color .3s,box-shadow .3s;overflow:hidden}.topic-card:hover{border-color:var(--border-hover);box-shadow:0 2px 20px #0000004d}.shader-container{aspect-ratio:21/9;cursor:pointer;width:100%;position:relative;overflow:hidden}.shader-container canvas{width:100%;height:100%;display:block}.shader-overlay{pointer-events:none;background:linear-gradient(#0000,#100f0feb);padding:1.5rem 1.8rem;position:absolute;bottom:0;left:0;right:0}.shader-overlay h2{font-family:var(--sans);color:#fff;letter-spacing:-.01em;text-shadow:0 1px 8px #00000080;font-size:1.25rem;font-weight:500}.shader-overlay .tag{font-family:var(--mono);letter-spacing:.04em;color:var(--accent);opacity:.85;margin-top:.4rem;font-size:.65rem;display:inline-block}.card-body{padding:1.5rem 1.8rem 1.8rem}.card-body p{color:var(--text-muted);font-size:.95rem}.card-body .read-more{color:var(--accent);font-family:var(--sans);letter-spacing:.01em;margin-top:1rem;font-size:.82rem;text-decoration:none;transition:color .2s;display:inline-block}.card-body .read-more:hover{color:var(--accent-warm)}.placeholder-cards{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem;display:grid}.placeholder-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:1.5rem 1.8rem;transition:border-color .3s}.placeholder-card:hover{border-color:var(--border-hover)}.placeholder-card h3{font-family:var(--sans);margin-bottom:.5rem;font-size:1rem;font-weight:500}.placeholder-card p{color:var(--text-muted);font-size:.85rem}.placeholder-card .coming-soon{font-family:var(--mono);letter-spacing:.06em;color:var(--text-muted);opacity:.5;margin-top:.8rem;font-size:.65rem}#about p{color:var(--text-muted);max-width:600px;font-size:.95rem}footer{max-width:960px;color:var(--text-muted);font-family:var(--sans);opacity:.4;margin:0 auto;padding:3rem 2.5rem;font-size:.75rem}@media (width<=600px){.site-header{padding:3rem 1.4rem 1.4rem}main{padding:1.4rem}.placeholder-cards{grid-template-columns:1fr}.shader-container{aspect-ratio:16/9}}.side-panel{z-index:50;flex-direction:column;gap:1.1rem;display:flex;position:fixed;top:50%;left:1.8rem;transform:translateY(-50%)}.side-panel button{cursor:pointer;font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-align:left;transform-origin:0;background:0 0;border:none;padding:0;font-size:.8rem;transition:color .2s,transform .2s}.side-panel button:hover{color:var(--text);transform:scale(1.18)}.side-panel button.active{color:var(--accent)}@media (width<=1180px){.side-panel{display:none}}.side-panel .sp-group{flex-direction:column;display:flex;position:relative}.side-panel .sp-sub{opacity:0;visibility:hidden;flex-direction:column;gap:.5rem;transition:opacity .22s,transform .22s,visibility .22s;display:flex;position:absolute;left:0}.side-panel .sp-group.up .sp-sub{margin-bottom:.7rem;bottom:100%;transform:translateY(6px)}.side-panel .sp-group.down .sp-sub{margin-top:.7rem;top:100%;transform:translateY(-6px)}.side-panel .sp-group:hover .sp-sub{opacity:1;visibility:visible;transform:translateY(0)}.side-panel .sp-sub a,.side-panel .sp-sub button,.side-panel .sp-sub span{font-family:var(--sans);letter-spacing:.03em;text-transform:none;color:var(--text-muted);cursor:pointer;text-align:left;transform-origin:0;background:0 0;border:none;padding:0 0 0 .7rem;font-size:.72rem;text-decoration:none;transition:color .2s,transform .2s}.side-panel .sp-sub a:hover,.side-panel .sp-sub button:hover{color:var(--text);transform:scale(1.12)}.side-panel .sp-sub .sp-disabled,.side-panel .sp-sub .sp-disabled:hover{color:#4a4a4a;cursor:default;transform:none}.side-panel .sp-sub .sp-cat{letter-spacing:.09em;text-transform:uppercase;color:#6a6a6a;cursor:default;padding-left:.7rem;font-size:.66rem}.side-panel .sp-sub .sp-cat:hover{color:#6a6a6a;transform:none}.side-panel .sp-sub .sp-item{padding-left:1.5rem}@media (height<=600px){.side-panel .sp-sub .sp-item{display:none}}@font-face{font-family:STIX Two Text;src:url(https://cdn.jsdelivr.net/gh/google/fonts@main/ofl/stixtwotext/STIXTwoText%5Bwght%5D.ttf)format("truetype");font-weight:400 700;font-display:swap}*{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}::-webkit-scrollbar-corner{background:0 0}