:root{--font-sans:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--color-night:#10151f;--color-ink:#f6f2e9;--color-ink-soft:#f6f2e9b8;--color-ink-faint:#f6f2e975;--color-glass:#1016206b;--color-glass-strong:#1016209e;--color-glass-edge:#ffffff24;--color-dandelion:#f5cf3c;--color-dandelion-soft:#f5cf3c2e;--color-meadow:#9fc23c;--radius-pill:999px;--radius-panel:22px;--radius-chip:12px;--blur-glass:blur(18px) saturate(140%);--shadow-float:0 18px 50px #05080e59, 0 2px 8px #05080e40;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-hero:clamp(3rem, 1.6rem + 6vw, 6.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--duration-fast:.16s;--duration-normal:.42s;--duration-slow:1.4s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-calm:cubic-bezier(.45, 0, .2, 1)}.btn{align-items:center;gap:var(--space-2);border:1px solid var(--color-glass-edge);border-radius:var(--radius-pill);font:500 var(--text-base) / 1 var(--font-sans);color:var(--color-ink);cursor:pointer;transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out-expo);background:0 0;padding:.7rem 1.4rem;display:inline-flex}.btn:hover{border-color:#ffffff52}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-dandelion);border-color:var(--color-dandelion);color:#1f1a0b;padding-inline:2rem}.btn-primary:hover{background:#ffdc5c}.btn-ghost{color:var(--color-ink-soft)}:where(button,input):focus-visible{outline:2px solid var(--color-dandelion);outline-offset:3px}.intro{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--duration-slow) var(--ease-calm), backdrop-filter var(--duration-slow) var(--ease-calm);background:radial-gradient(120% 90% at 15% 100%,#090d16c7,#090d1633 60%,#0000),linear-gradient(#090d160d,#090d168c);place-items:end start;padding:clamp(1.5rem,6vw,5.5rem);display:grid;position:fixed;inset:0}.intro.is-leaving{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();pointer-events:none}.intro-inner{max-width:40rem;animation:rise 1.6s var(--ease-out-expo) both}.intro-kicker{margin:0 0 var(--space-4);font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--color-ink-faint)}.intro-title{font:300 var(--text-hero) / .95 var(--font-display);letter-spacing:-.02em;font-variation-settings:"opsz" 144;margin:0}.intro-sub{max-width:30rem;margin:var(--space-6) 0 var(--space-8);color:var(--color-ink-soft);font-size:1.05rem;line-height:1.6}.intro-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.intro-hint{margin:var(--space-6) 0 0;font-size:var(--text-xs);color:var(--color-ink-faint)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.hud{z-index:10;pointer-events:none;opacity:0;transition:opacity var(--duration-slow) var(--ease-calm);position:fixed;inset:0}.hud.is-ready{opacity:1}.hud>*{pointer-events:auto}.hud-top{inset:max(1rem, env(safe-area-inset-top)) 1.25rem auto;pointer-events:none;text-shadow:0 1px 12px #00000059;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.hud-left{pointer-events:none;align-items:center;gap:.9rem;display:flex}.brand{gap:2px;display:grid}.back-btn{border:1px solid var(--color-glass-edge);border-radius:var(--radius-pill);background:var(--color-glass-strong);-webkit-backdrop-filter:var(--blur-glass);color:var(--color-ink);font:500 var(--text-sm) / 1 var(--font-sans);text-shadow:none;white-space:nowrap;pointer-events:auto;transition:border-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out-expo);align-items:center;gap:.35rem;padding:.5rem .95rem .5rem .65rem;text-decoration:none;display:inline-flex}@media (max-width:440px){.back-btn{padding:.55rem}.back-btn span{display:none}}.back-btn:hover{border-color:#fff6}.back-btn:hover svg{transform:translate(-2px)}.back-btn svg{transition:transform var(--duration-normal) var(--ease-out-expo)}.intro-back{top:max(1rem, env(safe-area-inset-top));position:absolute;left:1.25rem}.brand-mark{font:italic 300 1.6rem / 1 var(--font-display);letter-spacing:-.01em}.brand-scene{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-soft)}.readout{justify-items:end;gap:4px;display:grid}.readout-time{font:300 2.1rem / 1 var(--font-display);font-variant-numeric:tabular-nums}.readout-meta{font-size:var(--text-sm);color:var(--color-ink-soft)}.caption{left:50%;bottom:calc(max(1.1rem, env(safe-area-inset-bottom)) + 4rem);border-radius:var(--radius-pill);background:var(--color-glass);max-width:min(36rem,100vw - 2rem);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);font:italic 300 1.05rem / 1.4 var(--font-display);text-align:center;opacity:0;transition:opacity var(--duration-slow) var(--ease-calm), transform var(--duration-slow) var(--ease-calm);pointer-events:none;margin:0;padding:.65rem 1.2rem;position:absolute;transform:translate(-50%,10px)}.caption.is-visible{opacity:1;transform:translate(-50%)}.hud:has(.dock.is-open) .caption{bottom:auto;top:calc(max(1rem, env(safe-area-inset-top)) + 4.5rem)}.dock{left:50%;bottom:calc(max(1.1rem, env(safe-area-inset-bottom)) + 3.6rem);opacity:0;visibility:hidden;pointer-events:none;border:1px solid var(--color-glass-edge);border-radius:var(--radius-panel);background:var(--color-glass);width:min(1080px,100vw - 2rem);-webkit-backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-float);transition:opacity var(--duration-normal) var(--ease-calm), transform var(--duration-normal) var(--ease-out-expo), visibility 0s linear var(--duration-normal);grid-template-columns:1.35fr 1.25fr .95fr auto;gap:0;padding:.85rem .5rem;display:grid;position:absolute;transform:translate(-50%,16px)}.dock.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(-50%)}.hud-actions{left:50%;bottom:max(1.1rem, env(safe-area-inset-bottom));transition:opacity var(--duration-normal) var(--ease-calm), transform var(--duration-normal) var(--ease-out-expo);gap:.5rem;display:flex;position:absolute;transform:translate(-50%)}.pill-btn{align-items:center;gap:var(--space-2);border:1px solid var(--color-glass-edge);border-radius:var(--radius-pill);font:500 var(--text-sm) / 1 var(--font-sans);color:var(--color-ink);background:var(--color-glass-strong);-webkit-backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-float);white-space:nowrap;cursor:pointer;transition:border-color var(--duration-fast) ease, color var(--duration-fast) ease;padding:.65rem 1.15rem;display:inline-flex}.pill-btn:hover{border-color:#ffffff52}.dock-toggle[aria-expanded=true]{color:var(--color-dandelion);border-color:#f5cf3c73}.hud.is-idle .dock,.hud.is-idle .dock.is-open,.hud.is-idle .hud-actions{opacity:0;transform:translate(-50%,14px)}@media (max-width:600px){.hud-actions{left:max(.75rem, env(safe-area-inset-left));transform:none}.hud.is-idle .hud-actions{transform:translateY(14px)}}.hud.is-idle .dock,.hud.is-idle .dock.is-open{pointer-events:none}.hud.is-idle .hud-top{opacity:.55}.hud.is-idle .back-btn{opacity:.85}.hud-top{transition:opacity var(--duration-slow) var(--ease-calm)}.dock-group{align-content:start;gap:.55rem;min-width:0;padding:0 .9rem;display:grid}.dock-group+.dock-group{border-left:1px solid #ffffff14}.dock-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.dock-label{letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-faint);font-size:.6875rem}.dock-actions{align-content:center;justify-items:stretch}.segmented{border-radius:var(--radius-pill);background:#00000038;padding:2px;display:inline-flex}.segmented button{border-radius:var(--radius-pill);font:500 var(--text-xs) / 1 var(--font-sans);color:var(--color-ink-soft);cursor:pointer;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:0;padding:.3rem .75rem}.segmented button[aria-checked=true]{color:var(--color-ink);background:#ffffff29}.chips{flex-wrap:wrap;gap:.35rem;display:flex}.chip{border-radius:var(--radius-chip);font:400 var(--text-xs) / 1 var(--font-sans);color:var(--color-ink-soft);cursor:pointer;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease, border-color var(--duration-fast) ease;background:#ffffff0d;border:1px solid #0000;align-items:center;gap:.35rem;padding:.38rem .6rem;display:inline-flex}.chip svg{width:15px;height:15px}.chip:hover{color:var(--color-ink);background:#ffffff1a}.chip[aria-checked=true]{background:var(--color-dandelion-soft);color:var(--color-ink);border-color:#f5cf3c80}.slider{grid-template-columns:5.6rem 1fr 3rem;align-items:center;gap:.6rem;display:grid}.slider-volume{grid-template-columns:5.6rem 1fr}.slider-label{font-size:var(--text-xs);color:var(--color-ink-soft);white-space:nowrap}.slider output{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-ink-soft);text-align:right}.slider input{--track:linear-gradient(90deg, #ffffff59, #ffffff59);appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.slider-hours input{--track:linear-gradient(90deg, #0d1630 0%, #1f2a55 19%, #d77a6e 26%, #f2c48e 31%, #86b6ea 45%, #7fb2ea 66%, #f0c07a 72%, #d3707a 76.5%, #2c3668 81%, #0d1630 100%)}.slider-brightness input{--track:linear-gradient(90deg, #1b1f2a, #6d7280 45%, #fff6d8)}.slider input::-webkit-slider-runnable-track{background:var(--track);border-radius:999px;height:6px;box-shadow:inset 0 0 0 1px #ffffff1a}.slider input::-moz-range-track{background:var(--track);border-radius:999px;height:6px}.slider input::-webkit-slider-thumb{appearance:none;border:2px solid var(--color-ink);background:var(--color-night);width:16px;height:16px;transition:transform var(--duration-fast) var(--ease-out-expo);border-radius:50%;margin-top:-5px;box-shadow:0 2px 8px #0006}.slider input::-moz-range-thumb{border:2px solid var(--color-ink);background:var(--color-night);border-radius:50%;width:13px;height:13px}.slider input:active::-webkit-slider-thumb{transform:scale(1.2)}.icon-btn{width:2.25rem;height:2.25rem;color:var(--color-ink-soft);cursor:pointer;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;background:#ffffff0f;border:1px solid #0000;border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--color-ink);background:#ffffff24}.icon-btn[aria-pressed=true]{color:var(--color-dandelion)}.dock-langs{gap:.1rem;margin-right:auto;display:flex}.dock-langs a{border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--color-ink-soft);padding:.35rem .5rem;text-decoration:none}.dock-langs a[aria-current=true]{color:var(--color-ink);background:#ffffff24}.btn-surprise{font-size:var(--text-sm);color:var(--color-dandelion);white-space:nowrap;border-color:#f5cf3c66;justify-content:center;padding:.6rem 1rem}.btn-surprise:hover{background:var(--color-dandelion-soft)}@media (max-width:860px){.dock{gap:var(--space-4);grid-template-columns:1fr;max-height:70vh;padding:1rem .25rem 1.1rem;overflow-y:auto}.dock-group+.dock-group{padding-top:var(--space-4);border-top:1px solid #ffffff14;border-left:0}.dock-actions{grid-template-columns:1fr auto;align-items:center}.caption{border-radius:var(--radius-chip);font-size:.95rem}.readout-time{font-size:1.6rem}.brand-mark{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-night);height:100%;color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}.stage{position:fixed;inset:0}#scene{cursor:grab;touch-action:none;outline:none;width:100%;height:100%;display:block}#scene.is-dragging{cursor:grabbing}