:root{--bg: #07070b;--ink: #e8e6e0;--dim: #6b6a66;--accent-celestial: #7dd3fc;--accent-sprout: #86efac;--line: rgba(232, 230, 224, .12)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:var(--bg);color:var(--ink);font-family:Fraunces,serif;overflow:hidden;overscroll-behavior:none}.canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}canvas{display:block;touch-action:none}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.55) 100%)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.7'/></svg>")}.ui{position:fixed;z-index:10;pointer-events:none}.ui>*{pointer-events:auto}.top-bar{top:0;left:0;right:0;padding:18px 22px 12px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.title{font-family:Fraunces,serif;font-weight:300;font-size:15px;letter-spacing:.04em;line-height:1.3}.title .em{font-weight:600;font-style:italic}.title .sub{display:block;margin-top:2px;font-family:JetBrains Mono,monospace;font-size:9px;color:var(--dim);letter-spacing:.18em;text-transform:uppercase}.tabs{display:flex;border:1px solid var(--line);border-radius:2px;overflow:hidden}.tab{background:transparent;border:none;color:var(--dim);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:9px 14px;cursor:pointer;transition:all .3s ease;position:relative}.tab+.tab{border-left:1px solid var(--line)}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);background:#ffffff0a}.tab.active:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:1px;background:currentColor}body[data-mode=celestial] .tab.active{color:var(--accent-celestial)}body[data-mode=sprout] .tab.active{color:var(--accent-sprout)}.controls{position:fixed;z-index:10;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px;background:#07070bb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:999px}.count-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--dim);letter-spacing:.12em;text-transform:uppercase}.count-btn{background:transparent;border:1px solid transparent;color:var(--dim);font-family:JetBrains Mono,monospace;font-size:11px;padding:5px 10px;border-radius:999px;cursor:pointer;transition:all .2s ease;min-width:44px}.count-btn:hover{color:var(--ink)}.count-btn.active{color:var(--ink);border-color:var(--line);background:#ffffff0d}.hint{position:fixed;z-index:10;bottom:76px;left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:9px;color:var(--dim);letter-spacing:.18em;text-transform:uppercase;opacity:.7;animation:hintFade 9s ease forwards;pointer-events:none;white-space:nowrap}@keyframes hintFade{0%,70%{opacity:.7}to{opacity:0}}.legend{position:fixed;top:70px;right:22px;z-index:10;font-family:JetBrains Mono,monospace;font-size:9px;color:var(--dim);letter-spacing:.14em;text-transform:uppercase;text-align:right;line-height:1.7;pointer-events:none}.legend .val{color:var(--ink)}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--dim);letter-spacing:.2em;text-transform:uppercase;transition:opacity .6s ease}.loader.hide{opacity:0;pointer-events:none}.preload{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#07070b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--ink);font-family:JetBrains Mono,monospace;transition:opacity .6s ease .1s}.preload.hidden{opacity:0;pointer-events:none}.preload-title{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--dim)}.preload-bar{width:280px;height:2px;background:#e8e6e014;position:relative;overflow:hidden}.preload-fill{height:100%;background:linear-gradient(90deg,transparent,var(--accent-celestial));transition:width .2s ease}.preload-pct{font-size:10px;letter-spacing:.18em;color:var(--ink);font-variant-numeric:tabular-nums}.control-panel{position:fixed;z-index:11;top:70px;right:0;pointer-events:auto;display:flex;align-items:flex-start;gap:0}.panel-toggle{background:#07070bc7;border:1px solid var(--line);border-right:none;color:var(--ink);font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;padding:8px 10px;cursor:pointer;border-radius:6px 0 0 6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.panel-toggle:hover{background:#14141cd9}.panel-body{width:260px;max-height:calc(100vh - 100px);overflow-y:auto;padding:14px 14px 18px;background:#07070bc7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:6px 0 0 6px;display:flex;flex-direction:column;gap:14px;font-family:JetBrains Mono,monospace;color:var(--ink)}.panel-section{display:flex;flex-direction:column;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.panel-section:last-child{border-bottom:none}.section-title{font-size:9px;color:var(--dim);letter-spacing:.2em;text-transform:uppercase}.slider-row{display:flex;flex-direction:column;gap:4px;font-size:10px}.slider-label{display:flex;justify-content:space-between;color:var(--dim);letter-spacing:.08em}.slider-label .slider-val{color:var(--ink);font-variant-numeric:tabular-nums}.slider-row input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;width:100%;height:12px;cursor:pointer}.slider-row input[type=range]::-webkit-slider-runnable-track{height:2px;background:#e8e6e02e;border-radius:2px}.slider-row input[type=range]::-moz-range-track{height:2px;background:#e8e6e02e;border-radius:2px}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--ink);margin-top:-4px;cursor:grab}.slider-row input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--ink);border:none;cursor:grab}body[data-mode=celestial] .slider-row input[type=range]::-webkit-slider-thumb{background:var(--accent-celestial)}body[data-mode=celestial] .slider-row input[type=range]::-moz-range-thumb{background:var(--accent-celestial)}body[data-mode=sprout] .slider-row input[type=range]::-webkit-slider-thumb{background:var(--accent-sprout)}body[data-mode=sprout] .slider-row input[type=range]::-moz-range-thumb{background:var(--accent-sprout)}.replay-btn{background:transparent;border:1px solid var(--line);color:var(--ink);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:2px;cursor:pointer;transition:background .2s ease}.replay-btn:hover:not(:disabled){background:#ffffff0f}.replay-btn:disabled{color:var(--dim);cursor:default}.version-row{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:10px}.version-label{color:var(--dim);letter-spacing:.08em;min-width:60px}.version-select{flex:1;background:#00000080;color:var(--ink);border:1px solid var(--line);border-radius:2px;padding:4px 6px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.04em;outline:none}.version-select option{background:#07070b;color:var(--ink)}.version-desc{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--dim);letter-spacing:.05em;line-height:1.4;padding:2px 0 4px}.time-slider{position:fixed;z-index:10;bottom:76px;left:22px;width:230px;padding:8px 12px;background:#07070bb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:6px;font-family:JetBrains Mono,monospace;display:flex;flex-direction:column;gap:6px}.time-row{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--dim);letter-spacing:.14em;text-transform:uppercase}.time-row .time-value{color:var(--ink);margin-left:auto;font-size:13px;letter-spacing:.06em;font-variant-numeric:tabular-nums}.time-live-btn{background:transparent;border:1px solid var(--line);color:var(--dim);font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;border-radius:999px;cursor:pointer}.time-live-btn:hover{color:var(--ink)}.time-slider input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;width:100%;height:12px;cursor:pointer}.time-slider input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#0a0e2a,#5a3060 18%,#f0a060 26%,#80c0e0 50%,#f0a060 78%,#5a3060 86%,#0a0e2a);border-radius:2px}.time-slider input[type=range]::-moz-range-track{height:2px;background:linear-gradient(to right,#0a0e2a,#5a3060 18%,#f0a060 26%,#80c0e0 50%,#f0a060 78%,#5a3060 86%,#0a0e2a);border-radius:2px}.time-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent-sprout);margin-top:-5px;cursor:grab;box-shadow:0 0 6px #86efac80}.time-slider input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent-sprout);border:none;cursor:grab}@media (max-width: 520px){.top-bar{padding:14px 14px 10px;flex-direction:column}.title{font-size:13px}.legend{top:auto;bottom:140px;right:14px}.controls{bottom:14px}.control-panel{top:auto;bottom:50px}.panel-body{max-height:50vh;width:240px}.time-slider{width:calc(100% - 28px);left:14px;bottom:130px}}