@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/space-grotesk-latin-BhU9QXUp.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/jetbrains-mono-latin-6fWv1k7M.woff2)format("woff2")}:root{--bg:#060a14;--ocean:#0c1424;--land:#45638f;--coast:#6f9ed8;--plate:#2ee6ff;--shallow:#ffc24a;--mid:#c74edb;--deep:#6d7cff;--volcano:#ff4f2b;--ink:#e8ecf5;--muted:#7d879c;--hairline:#7d879c38;--hairline-soft:#7d879c1f;--panel:#090e1ac7;--sheet:#080c17f5;--bracket:#a8ccffd9;--frameline:#7d879c29;--tabbar-h:calc(42px + env(safe-area-inset-bottom));--font-display:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-body:system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:radial-gradient(120% 90% at 50% 40%, #0b1220 0%, var(--bg) 55%, #04060d 100%);color:var(--ink);font-family:var(--font-body);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--plate);outline-offset:2px}.mono{font-family:var(--font-mono)}#app{position:fixed;inset:0}#app canvas{touch-action:none;cursor:grab;display:block}#app canvas:active{cursor:grabbing}#app canvas:focus-visible{outline:2px solid var(--plate);outline-offset:-2px}.frame{--bc:var(--bracket-color,var(--bracket));border:1px solid var(--frameline);background: linear-gradient(var(--bc), var(--bc)) top left / 11px 1px, linear-gradient(var(--bc), var(--bc)) top left / 1px 11px, linear-gradient(var(--bc), var(--bc)) top right / 11px 1px, linear-gradient(var(--bc), var(--bc)) top right / 1px 11px, linear-gradient(var(--bc), var(--bc)) bottom left / 11px 1px, linear-gradient(var(--bc), var(--bc)) bottom left / 1px 11px, linear-gradient(var(--bc), var(--bc)) bottom right / 11px 1px, linear-gradient(var(--bc), var(--bc)) bottom right / 1px 11px, var(--panel);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-repeat:no-repeat;border-radius:0;position:relative}.mod{font-family:var(--font-mono);letter-spacing:.18em;color:var(--muted);text-transform:uppercase;font-size:9px}.masthead{z-index:5;pointer-events:none;position:fixed;top:20px;left:24px}.eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:6px;font-size:10px;display:flex}.eyebrow:before{content:"";background:var(--bracket);width:18px;height:1px}.eyebrow a{color:var(--muted);border-bottom:1px solid #7d879c59;text-decoration:none}.eyebrow a:hover{border-bottom-color:var(--muted)}.title{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;font-size:clamp(18px,2.6vw,26px);font-weight:300}.subtitle{color:var(--muted);max-width:34ch;margin-top:6px;font-size:12px}.masthead .rule{max-width:240px;height:5px;margin-top:9px;position:relative}.masthead .rule:before{content:"";background:var(--hairline);height:1px;position:absolute;top:2px;left:0;right:0}.masthead .rule:after{content:"";background:var(--bracket);width:1px;height:5px;box-shadow:60px 0 0 var(--hairline), 120px 0 0 var(--hairline), 180px 0 0 var(--hairline), 239px 0 0 var(--bracket);position:absolute;top:0;left:0}.status{z-index:5;font-family:var(--font-mono);color:var(--muted);text-align:right;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;position:fixed;top:20px;right:24px}.status .dot{background:var(--shallow);vertical-align:1px;width:6px;height:6px;margin-right:7px;animation:2.4s ease-in-out infinite blink;display:inline-block}.status.archive .dot,.status.sample .dot{animation:none}.status.archive .dot{background:var(--muted)}@keyframes blink{50%{opacity:.35}}.rail{z-index:6;flex-direction:column;gap:12px;width:234px;display:flex;position:fixed;top:50%;right:20px;transform:translateY(-52%)}.card{padding:11px 14px 12px}.card h2{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:baseline;margin-bottom:7px;padding-bottom:7px;font-size:10px;font-weight:400;display:flex}.toggle{text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:4px 0;display:flex}.toggle .label{align-items:center;gap:9px;font-size:13px;display:flex}.swatch{flex:none;display:inline-block}.swatch.line{background:currentColor;width:16px;height:3px}.swatch.dot{background:currentColor;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px}.swatch.tri{filter:drop-shadow(0 0 4px);width:13px;height:12px;overflow:visible}.swatch.sm{width:7px;height:7px;box-shadow:0 0 6px}.scale{padding:0 0 8px 25px;transition:opacity .2s}.toggle[aria-pressed=false]+.scale{opacity:.3}.scale-row{text-align:left;width:100%;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:9px;padding:3px 0;display:flex}.scale-text{flex-direction:column;gap:1px;display:flex}.scale-label{color:var(--muted);font-size:13px;transition:color .18s}.scale-meta{font-family:var(--font-mono);color:var(--muted);font-size:10.5px}.scale-row[aria-checked=true] .scale-label{color:var(--ink)}.scale-chip{border:1px solid var(--hairline);background:0 0;flex:none;width:9px;height:9px;transition:background .18s,border-color .18s,box-shadow .18s}.scale-row[aria-checked=true] .scale-chip{background:var(--plate);border-color:var(--plate);box-shadow:0 0 7px #2ee6ffb3}.scale-row:hover .scale-label{color:var(--ink)}.switch{border:1px solid var(--hairline);background:#7d879c1a;border-radius:0;flex:none;width:40px;height:20px;transition:background .18s,border-color .18s;position:relative}.switch:after{content:"";background:var(--muted);border-radius:0;width:12px;height:12px;transition:transform .18s,background .18s,box-shadow .18s;position:absolute;top:3px;left:3px}.toggle[aria-pressed=true] .switch{background:#2ee6ff24;border-color:#2ee6ff73}.toggle[aria-pressed=true] .switch:after{background:var(--plate);transform:translate(20px);box-shadow:0 0 7px #2ee6ffb3}.toggle[aria-pressed=false]:hover .switch{border-color:#7d879c73}.toggle[aria-pressed=false]:hover .switch:after{background:var(--ink)}.sublegend{padding:0 0 8px 25px;transition:opacity .2s}.toggle[aria-pressed=false]+.sublegend{opacity:.3}.sublegend .row{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:11px;padding:2.5px 0;font-size:10.5px;display:flex}.sublegend .note{color:var(--muted);margin-top:5px;font-size:10.5px;line-height:1.45}.divider{border-top:1px solid var(--hairline);margin-bottom:4px}.stat{justify-content:space-between;align-items:baseline;gap:10px;padding:5.5px 0;display:flex}.stat+.stat{border-top:1px solid var(--hairline-soft)}.stat .k{color:var(--muted);flex:none;font-size:11px}.stat .v{font-family:var(--font-mono);text-align:right;font-size:12px}.stat .v em{color:var(--ink);font-style:normal}.stat .dim{color:var(--muted)}.src{color:var(--muted);border-top:1px solid var(--hairline);margin-top:9px;padding-top:8px;font-size:10.5px;line-height:1.5}.src a{color:var(--plate);border-bottom:1px solid #2ee6ff59;text-decoration:none}.src a:hover{border-bottom-color:var(--plate)}.bottom-stack{z-index:8;flex-direction:column;gap:9px;width:min(720px,100% - 32px);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.bottom-stack[hidden]{display:none}.readout{font-family:var(--font-mono);text-shadow:0 1px 10px #03050aeb,0 0 3px #03050af2;pointer-events:none;align-items:baseline;gap:12px;padding:0 2px;display:flex}.rd-date{letter-spacing:.03em;color:var(--ink);min-width:8.5ch;font-size:17px}.rd-metrics{color:var(--muted);white-space:nowrap;font-size:11px}.rd-metrics b{color:var(--ink);font-weight:400}.rd-metrics .mag{color:var(--ink)}@keyframes bindFlash{0%{color:var(--plate);text-shadow:0 0 14px #2ee6ff80,0 1px 10px #03050aeb}to{color:var(--ink);text-shadow:0 1px 10px #03050aeb,0 0 3px #03050af2}}@keyframes barFlash{0%{box-shadow:0 0 18px #2ee6ffe6}to{box-shadow:0 0 10px #2ee6ff80}}.rd-date.flash{animation:.42s ease-out bindFlash}.bar.selected.flash{animation:.42s ease-out barFlash}.island{align-items:center;gap:13px;padding:12px 16px 11px;display:flex;box-shadow:0 8px 32px #00000073}.island .island-mod{position:absolute;top:5px;right:10px}.play{border:1px solid var(--hairline);background:linear-gradient(var(--bracket), var(--bracket)) top left / 7px 1px, linear-gradient(var(--bracket), var(--bracket)) top left / 1px 7px, linear-gradient(var(--bracket), var(--bracket)) bottom right / 7px 1px, linear-gradient(var(--bracket), var(--bracket)) bottom right / 1px 7px, #7d879c12;background-repeat:no-repeat;border-radius:0;flex:none;place-items:center;width:40px;height:40px;transition:border-color .18s;display:grid}.play:hover{border-color:var(--plate)}.play svg{width:13px;height:13px;fill:var(--ink)}.play .pause-icon,.play[data-playing=true] .play-icon{display:none}.play[data-playing=true] .pause-icon{display:block}.play[data-playing=true]{border-color:var(--plate);box-shadow:0 0 14px #2ee6ff40}.strip{flex:1;min-width:0}.waveform{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;align-items:flex-end;gap:3px;height:40px;display:flex;position:relative}.bar{background:#7d879c57;border-radius:0;flex:1;min-width:3px;transition:background .15s,opacity .15s}.bar:hover{background:#e8ecf58c}.bar.hot{background:#ffc24a80}.bar.hot:hover{background:#ffc24acc}.bar.selected{box-shadow:0 0 10px #2ee6ff80;background:var(--plate)!important}.bar.future{opacity:.25;pointer-events:none}.axis{font-family:var(--font-mono);color:var(--muted);letter-spacing:.08em;border-top:1px solid #7d879c24;justify-content:space-between;margin-top:6px;padding-top:4px;font-size:9.5px;display:flex}.inspector{z-index:6;width:min(320px,100vw - 48px);padding:12px 15px 14px;position:fixed;left:24px}.inspector-close{width:26px;height:26px;color:var(--muted);background:0 0;border:0;border-radius:0;font-size:17px;line-height:1;position:absolute;top:6px;right:8px}.inspector-close:hover{color:var(--ink)}.inspector-place{color:var(--muted);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;padding-right:26px;font-size:10px}.inspector-mag{font-family:var(--font-mono);margin-top:3px;font-size:26px;font-weight:300}.inspector-mag .swatch,.inspector-name .swatch{margin-right:9px}.inspector-mag .swatch.dot{vertical-align:4px;width:11px;height:11px}.inspector-mag .swatch.tri{vertical-align:3px;width:14px;height:13px}.inspector-name .swatch.dot{vertical-align:2px;width:9px;height:9px}.inspector-name .swatch.tri{vertical-align:1px;width:12px;height:11px}.inspector-name{font-family:var(--font-mono);overflow-wrap:anywhere;margin-top:3px;font-size:18px;font-weight:300;line-height:1.25}.inspector-data{border-top:1px solid var(--hairline);gap:5px;margin-top:10px;padding-top:9px;display:grid}.inspector-data div{justify-content:space-between;gap:14px;display:flex}.inspector-data dt{color:var(--muted);font-size:11px}.inspector-data dd{font-family:var(--font-mono);text-align:right;font-size:12px}.depth-dot{vertical-align:0;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.inspector-fact{color:var(--muted);margin-top:11px;font-size:12px;line-height:1.5}.inspector-articles{border-top:1px solid var(--hairline);gap:5px;margin:11px 0 0;padding:9px 0 0;list-style:none;display:grid}.inspector-articles a{color:var(--plate);font-size:11.5px;text-decoration:none}.inspector-articles a:hover,.inspector-articles a:focus-visible{text-decoration:underline}.inspector-articles--volcano a{color:var(--volcano);border-bottom:1px solid #ff4f2b59;text-decoration:none}.inspector-articles--volcano a:hover,.inspector-articles--volcano a:focus-visible{border-bottom-color:var(--volcano);text-decoration:none}.inspector-articles--volcano a:after{content:" ↗"}.inspector-link{z-index:5;pointer-events:none;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.inspector-link line{stroke-width:1.25px;stroke-dasharray:3 3;opacity:.75}.inspector-link circle{stroke-width:1px}.masthead,.status,.rail,.bottom-stack,.tabbar{transition:transform .3s ease-out,opacity .3s ease-out}.chrome-enter{opacity:0;transition:none}.masthead.chrome-enter{transform:translate(-28px)}.status.chrome-enter{transform:translate(28px)}.rail.chrome-enter{transform:translateY(-52%)translate(28px)}.bottom-stack.chrome-enter{transform:translate(-50%)translateY(28px)}.tabbar{z-index:22;height:var(--tabbar-h);padding:0 10px env(safe-area-inset-bottom);background:linear-gradient(var(--bracket), var(--bracket)) top left / 11px 1px, linear-gradient(var(--bracket), var(--bracket)) top left / 1px 11px, linear-gradient(var(--bracket), var(--bracket)) top right / 11px 1px, linear-gradient(var(--bracket), var(--bracket)) top right / 1px 11px, var(--sheet);border:1px solid var(--frameline);background-repeat:no-repeat;border-bottom:none;border-radius:0;gap:8px;display:none;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar.chrome-enter{transform:translate(-50%)translateY(28px)}.tabbar .tab{height:42px;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);flex:1;justify-content:center;align-items:center;gap:8px;font-size:10.5px;transition:color .18s;display:flex;position:relative}.tabbar .tab:before{content:"";background:0 0;height:2px;transition:background .18s;position:absolute;top:0;left:20%;right:20%}.tabbar .tab .caret{border-top:1.5px solid;border-right:1.5px solid;width:8px;height:8px;transition:transform .25s;transform:rotate(-45deg)translateY(2px)}.tabbar .tab[aria-expanded=true]{color:var(--ink)}.tabbar .tab[aria-expanded=true]:before{background:var(--plate)}.tabbar .tab[aria-expanded=true] .caret{transform:rotate(135deg)translateY(-1px)}.scrim{z-index:14;opacity:0;pointer-events:none;background:#03050a8c;transition:opacity .25s;display:none;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.drawer{left:50%;bottom:calc(var(--tabbar-h) - 16px);z-index:3;background:linear-gradient(var(--bracket), var(--bracket)) top left / 11px 1px, linear-gradient(var(--bracket), var(--bracket)) top left / 1px 11px, linear-gradient(var(--bracket), var(--bracket)) top right / 11px 1px, linear-gradient(var(--bracket), var(--bracket)) top right / 1px 11px, var(--sheet);border:1px solid var(--frameline);max-height:calc(100vh - var(--tabbar-h) - 16px);max-height:calc(100dvh - var(--tabbar-h) - 16px);overscroll-behavior:contain;background-repeat:no-repeat;border-bottom:none;border-radius:0;padding:12px 18px 30px;transition:transform .3s cubic-bezier(.32,.72,.2,1);display:none;position:fixed;overflow-y:auto;transform:translate(-50%,102%)}.drawer.open{z-index:18;transform:translate(-50%)}.drawer .card{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:2px 0}.drawer .card h2{display:none}.tabbar,.drawer{width:min(720px,100% - 24px)}@media (width<=780px){.rail{display:none}.masthead{top:14px;left:16px}.masthead .rule{display:none}.status{font-size:10px;top:14px;right:12px}.inspector{width:auto;left:12px;right:12px}.bottom-stack{bottom:calc(var(--tabbar-h) + 12px);gap:7px;width:calc(100% - 24px)}.island{gap:10px;padding:10px 12px 9px}.island .island-mod{display:none}.play{width:36px;height:36px}.rd-date{font-size:15px}.rd-metrics{font-size:10.5px}.tabbar{display:flex}.scrim,.drawer{display:block}}@media (width>=781px) and ((width<=1200px) or (height<=820px)){.rail{display:none}.tabbar{display:flex}.drawer,.scrim{display:block}.bottom-stack{bottom:calc(var(--tabbar-h) + 12px);width:min(720px,100% - 24px)}.masthead .rule{display:none}}@media (prefers-reduced-motion:reduce){.status .dot{animation:none}.drawer,.tabbar .tab .caret{transition:none}.rd-date.flash,.bar.selected.flash{animation:none}*{transition-duration:.01ms!important}}