:root{color-scheme:dark;--night: #03050a;--ink: rgba(234, 238, 247, .9);--ink-soft: rgba(206, 214, 232, .6);--ink-faint: rgba(206, 214, 232, .36);--glass: rgba(8, 11, 20, .58);--glass-edge: rgba(255, 255, 255, .09);--accent: rgba(178, 216, 255, .95);--gutter: clamp(18px, 3.6vw, 44px);--serif: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--night);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.sky{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}body[data-idle=true] .sky{cursor:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity 1.4s ease}body[data-idle=true] .hud{opacity:0}body[data-hud=hidden] .hud{display:none}.caption{position:absolute;left:var(--gutter);bottom:calc(var(--gutter) + env(safe-area-inset-bottom));margin:0;transition:opacity 2.6s ease;text-shadow:0 1px 12px rgba(0,0,0,.6)}body[data-intro=pending] .caption{opacity:0}.caption-name{margin:0 0 .3rem;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1.45rem,2.4vw,2rem);letter-spacing:.01em;line-height:1.1}.caption-meta{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:0;font-size:.66rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:pre}.caption-clock{text-transform:none;letter-spacing:.14em;color:var(--ink-faint)}.hud-button{position:absolute;right:var(--gutter);bottom:calc(var(--gutter) + env(safe-area-inset-bottom));display:grid;place-items:center;width:2.6rem;height:2.6rem;padding:0;border:1px solid var(--glass-edge);border-radius:50%;background:#080b144d;color:var(--ink-soft);cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .3s ease,border-color .3s ease,background .3s ease}.hud-button svg{width:1.15rem;height:1.15rem}.hud-button:hover,.hud-button[aria-expanded=true]{color:var(--ink);border-color:#fff3;background:#080b1480}.panel{position:absolute;right:var(--gutter);bottom:calc(var(--gutter) + env(safe-area-inset-bottom) + 3.4rem);width:min(19.5rem,calc(100vw - 2 * var(--gutter)));max-height:calc(100vh - 2 * var(--gutter) - 4rem);overflow:auto;padding:1.1rem 1.1rem .9rem;border:1px solid var(--glass-edge);border-radius:14px;background:var(--glass);box-shadow:0 24px 60px #00000073;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);pointer-events:auto;animation:panel-in .35s ease both}.panel[hidden]{display:none}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}}.panel-group+.panel-group{margin-top:1rem}.panel-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.panel-value{color:var(--ink-soft);letter-spacing:.06em;font-variant-numeric:tabular-nums}.segmented{display:flex;gap:2px;padding:2px;border-radius:9px;background:#ffffff0a}.segment,.chip,.text-button{font:inherit;font-size:.78rem;color:var(--ink-soft);cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.segment{flex:1;padding:.42rem .3rem;border:0;border-radius:7px;background:transparent;white-space:nowrap}.segment:hover,.chip:hover,.text-button:hover{color:var(--ink)}.segment[aria-checked=true]{color:var(--ink);background:#ffffff1a}.chips{display:flex;flex-wrap:wrap;gap:.35rem}.chip{padding:.32rem .7rem;border:1px solid var(--glass-edge);border-radius:999px;background:transparent}.chip[aria-pressed=true]{color:var(--ink);border-color:#b2d8ff59;background:#b2d8ff14}.slider{width:100%;height:1.2rem;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:#ffffff29}.slider::-moz-range-track{height:2px;border-radius:2px;background:#ffffff29}.slider::-webkit-slider-thumb{width:.9rem;height:.9rem;margin-top:calc(-.45rem + 1px);border:0;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #b2d8ff8c;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider::-moz-range-thumb{width:.9rem;height:.9rem;border:0;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #b2d8ff8c}.panel-actions{display:flex;justify-content:space-between;margin-top:1.1rem;padding-top:.8rem;border-top:1px solid var(--glass-edge)}.text-button{padding:.2rem 0;border:0;background:transparent}.panel-hint{margin:.7rem 0 0;font-size:.7rem;line-height:1.5;color:var(--ink-faint)}.hud button:focus-visible,.slider:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.fallback{display:none;position:fixed;top:0;right:0;bottom:0;left:0;place-content:center;margin:0;padding:var(--gutter);font-family:var(--serif);font-style:italic;font-size:1.3rem;text-align:center;color:var(--ink-soft)}body[data-fallback=true] .fallback{display:grid}@media (max-width: 560px){.caption-meta{font-size:.6rem;letter-spacing:.16em}.caption{right:calc(var(--gutter) + 3.4rem)}}@media (prefers-reduced-motion: reduce){.hud,.caption,.panel{transition:none;animation:none}}