@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap";:root{--bg:#0b0a08;--bg-elev:#14110d;--bg-panel:#17140f;--ink:#f2ebe0;--muted:#9a8f7d;--line:#e8a0452e;--accent:#e8a045;--accent-2:#c4783a;--danger:#ff6b4a;--glow:#e8a0451f;--font-display:"Instrument Serif", Georgia, serif;--font-body:"Manrope", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, #c4783a2e, transparent 55%), radial-gradient(900px 500px at 90% 0%, #506e8c1f, transparent 50%), linear-gradient(180deg, #100e0b 0%, var(--bg) 40%, #090807 100%);background-attachment:fixed}button,input{font:inherit;color:inherit}button{cursor:pointer}.app{flex-direction:column;min-height:100vh;display:flex;position:relative}.grain{pointer-events:none;opacity:.07;z-index:50;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0a08d1;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.4rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;display:flex}.brand-mark{border:1px solid var(--accent);width:2.4rem;height:2.4rem;color:var(--accent);font-family:var(--font-mono);letter-spacing:.06em;place-items:center;font-size:.75rem;font-weight:600;display:grid}.brand-name{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:1.45rem;line-height:1}.brand-sub{font-family:var(--font-mono);color:var(--muted);letter-spacing:.08em;margin:.15rem 0 0;font-size:.7rem}.tabs{gap:.4rem;display:flex}.tab{color:var(--muted);background:0 0;border:1px solid #0000;padding:.55rem .95rem;transition:color .2s,border-color .2s,background .2s}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-color:var(--line);background:var(--glow)}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .35rem;font-size:.68rem}.muted{color:var(--muted)}.explore,.library-main{flex:1;padding:1.25rem 1.4rem 2rem}.hero-strip{grid-template-columns:1.1fr 1fr;align-items:end;gap:1.5rem;margin-bottom:1.1rem;display:grid}.hero-strip h1{font-family:var(--font-display);max-width:14ch;margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:400;line-height:1.05}.hero-strip .muted{max-width:42ch;margin:.7rem 0 0}.timeline{border:1px solid var(--line);background:linear-gradient(160deg, #e8a04514, transparent 40%), var(--bg-elev);padding:1rem 1.1rem 1.15rem;animation:.7s both rise}.timeline-top{justify-content:space-between;align-items:start;gap:1rem;display:flex}.timeline h2{font-family:var(--font-display);margin:0;font-size:1.55rem;font-weight:400}.timeline-nav{gap:.35rem;display:flex}.ghost-btn{border:1px solid var(--line);width:2.1rem;height:2.1rem;color:var(--ink);background:0 0;place-items:center;transition:background .2s,border-color .2s;display:grid}.ghost-btn:hover:not(:disabled){background:var(--glow);border-color:var(--accent)}.ghost-btn:disabled{opacity:.35;cursor:default}.year-slider{width:100%;accent-color:var(--accent);cursor:pointer;margin:1rem 0 .55rem}.year-marks{grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}.year-mark{font-family:var(--font-mono);color:var(--muted);background:0 0;border:1px solid #0000;padding:.35rem .2rem;font-size:.78rem}.year-mark.active{color:var(--accent);border-color:var(--line);background:#e8a04514}.timeline-copy{color:var(--muted);margin:.85rem 0 0;font-size:.92rem;line-height:1.55}.stage{grid-template-columns:1.55fr .9fr;gap:1rem;min-height:62vh;display:grid}.scene-wrap{border:1px solid var(--line);background:#090807;min-height:62vh;animation:.85s both rise;position:relative;overflow:hidden}.scene-wrap canvas{min-height:62vh;width:100%!important;height:100%!important}.scene-loading{font-family:var(--font-mono);color:var(--muted);letter-spacing:.08em;z-index:2;place-items:center;font-size:.8rem;display:grid;position:absolute;inset:0}.scene-hint{z-index:3;font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;border:1px solid var(--line);background:#090807a6;padding:.35rem .55rem;font-size:.68rem;position:absolute;bottom:.8rem;left:.9rem}.hot-label{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink);border:1px solid var(--accent);pointer-events:none;background:#0c0a08e0;padding:.3rem .5rem;font-size:11px}.panel{border:1px solid var(--line);background:var(--bg-panel);max-height:72vh;padding:1.1rem;animation:.95s both rise;overflow:auto}.panel h2{font-family:var(--font-display);margin:0;font-size:1.7rem;font-weight:400}.panel-head{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.lead{color:var(--muted);margin:.7rem 0 0}.year-note{border-left:2px solid var(--accent);color:var(--ink);background:#e8a04512;margin:.9rem 0 0;padding:.7rem .8rem;font-size:.92rem;line-height:1.5}.year-note span{font-family:var(--font-mono);color:var(--accent);margin-right:.45rem;font-size:.75rem;display:inline-block}.specs{gap:.55rem;margin:1rem 0 0;display:grid}.specs>div{border-bottom:1px solid #ffffff0d;grid-template-columns:.9fr 1.2fr;gap:.6rem;padding-bottom:.45rem;display:grid}.specs dt{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.68rem}.specs dd{margin:0;font-size:.92rem}.body-copy{color:#d8cfc0;margin:1rem 0 0;font-size:.95rem;line-height:1.65}.warn{color:var(--danger);margin:1rem 0 0;font-size:.92rem}.node-list{gap:.45rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.node-list button{text-align:left;background:#ffffff05;border:1px solid #0000;gap:.15rem;width:100%;padding:.7rem .75rem;transition:border-color .2s,background .2s;display:grid}.node-list button:hover{border-color:var(--line);background:var(--glow)}.node-cat{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2);font-size:.65rem}.library-hero{max-width:48rem;margin-bottom:1.5rem;animation:.6s both rise}.library-hero h1{font-family:var(--font-display);margin:0;font-size:clamp(2.1rem,4vw,3.4rem);font-weight:400;line-height:1.05}.library-hero .muted{max-width:50ch;margin:.7rem 0 1.1rem}.search{border:1px solid var(--line);background:#00000059;outline:none;width:min(100%,28rem);padding:.75rem .9rem}.search:focus{border-color:var(--accent)}.library-grid{grid-template-columns:1fr 1.15fr;align-items:start;gap:1rem;display:grid}.doc-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.doc-card{text-align:left;border:1px solid var(--line);background:var(--bg-elev);gap:.25rem;width:100%;padding:.95rem 1rem;transition:transform .25s,border-color .2s,background .2s;display:grid}.doc-card:hover{border-color:#e8a04573;transform:translateY(-2px)}.doc-card.active{background:linear-gradient(135deg, #e8a0451f, transparent 55%), var(--bg-panel);border-color:var(--accent)}.doc-kind{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.65rem}.doc-card strong{font-family:var(--font-display);font-size:1.25rem;font-weight:400}.doc-year{font-family:var(--font-mono);color:var(--muted);font-size:.72rem}.doc-card p{color:var(--muted);margin:.35rem 0 0;font-size:.88rem;line-height:1.45}.doc-reader{border:1px solid var(--line);background:var(--bg-panel);min-height:24rem;padding:1.4rem 1.5rem 1.7rem;animation:.75s both rise}.doc-reader h2{font-family:var(--font-display);margin:0 0 1rem;font-size:2rem;font-weight:400}.doc-body p{color:#d9d0c1;margin:0 0 1rem;line-height:1.7}.empty{padding:1rem}.footer{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--muted);letter-spacing:.03em;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:.9rem 1.4rem 1.2rem;font-size:.68rem;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.hero-strip,.stage,.library-grid{grid-template-columns:1fr}.hero-strip h1{max-width:none}.panel{max-height:none}.scene-wrap,.scene-wrap canvas{min-height:52vh}}@media (width<=640px){.topbar{flex-direction:column;align-items:stretch}.tabs{width:100%}.tab{flex:1}.footer{flex-direction:column}}*{margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{color:#fff;background:#e8a04559}