:root{--panel-bg: rgba(12, 20, 24, .82);--panel-fg: #e8f0ee;--accent-fallback: #2e7d5b;font-family:system-ui,-apple-system,sans-serif}body{margin:0;background:#101820;color:var(--panel-fg)}.onboarding{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#101820;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.onboarding__panel{width:100%;max-width:340px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.onboarding__art{width:148px;height:148px;margin-bottom:12px}.onboarding__art svg{width:100%;height:100%;overflow:visible}.onboarding__eyebrow{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;opacity:.55}.onboarding__title{margin:0;font-size:1.8rem;font-weight:600;letter-spacing:-.01em}.onboarding__body{margin:6px 0 0;font-size:1rem;line-height:1.5;opacity:.82;text-wrap:balance}.onboarding__note{margin:10px 0 0;font-size:.85rem;line-height:1.45;opacity:.65;max-width:30ch}.onboarding__actions{margin-top:24px;display:flex;flex-direction:column;gap:8px;width:100%}.onboarding__primary{font:inherit;font-size:1rem;font-weight:600;padding:14px 20px;border-radius:999px;border:none;background:var(--accent, var(--accent-fallback));color:#0b1116;cursor:pointer}.onboarding__primary:disabled{opacity:.5}.onboarding__secondary,.onboarding__back{font:inherit;font-size:.85rem;padding:10px;border:none;background:none;color:inherit;opacity:.6;text-decoration:underline;cursor:pointer}.onboarding__footer{margin-top:18px;display:flex;align-items:center;gap:12px;min-height:24px}.onboarding__dots{display:flex;gap:6px}.onboarding__dots span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.25}.onboarding__dots span.is-current{opacity:1;background:var(--accent, var(--accent-fallback))}.onboarding svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.ob-ring{opacity:.2;stroke-dasharray:4 8}.ob-viewer{fill:currentColor;stroke:none;opacity:.7}.ob-cone{fill:var(--accent, var(--accent-fallback));stroke:none;opacity:.28}.ob-sweep{animation:ob-sweep 4s ease-in-out infinite}.ob-target{fill:var(--accent, var(--accent-fallback));stroke:none;animation:ob-pulse 4s ease-in-out infinite}@keyframes ob-sweep{0%{transform:rotate(-150deg)}70%,to{transform:rotate(0)}}@keyframes ob-pulse{0%,60%{opacity:.25}80%,to{opacity:1}}.ob-blades{animation:ob-blades 4s ease-in-out infinite}.ob-blade{fill:currentColor;stroke:none;opacity:.22}.ob-iris{fill:var(--accent, var(--accent-fallback));stroke:none;animation:ob-iris 4s ease-in-out infinite}@keyframes ob-blades{0%,15%{transform:rotate(0) scale(1)}55%,to{transform:rotate(40deg) scale(1.25)}}@keyframes ob-iris{0%,15%{transform:scale(.5)}55%,to{transform:scale(1.9)}}.ob-ground{opacity:.3}.ob-obelisk{stroke:var(--accent, var(--accent-fallback))}.ob-drop{animation:ob-drop 4s ease-in-out infinite}.ob-ripple{stroke:var(--accent, var(--accent-fallback));animation:ob-ripple 4s ease-in-out infinite}.ob-tap{fill:currentColor;stroke:none;animation:ob-tap 4s ease-in-out infinite}@keyframes ob-drop{0%{transform:translateY(-16px);opacity:0}40%,to{transform:translateY(0);opacity:1}}@keyframes ob-ripple{0%,45%{transform:scale(.4);opacity:0}60%{opacity:.8}85%,to{transform:scale(1.15);opacity:0}}@keyframes ob-tap{0%,40%{opacity:0}50%,70%{opacity:.9}85%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.onboarding .ob-sweep,.onboarding .ob-target,.onboarding .ob-blades,.onboarding .ob-iris,.onboarding .ob-drop,.onboarding .ob-ripple,.onboarding .ob-tap{animation:none}.onboarding .ob-blades{transform:rotate(40deg) scale(1.25)}.onboarding .ob-iris{transform:scale(1.9)}.onboarding .ob-ripple,.onboarding .ob-tap{opacity:0}}.picker{min-height:100vh;padding:24px 20px 48px;display:flex;flex-direction:column;gap:12px;max-width:480px;margin:0 auto;box-sizing:border-box}.picker h1{font-size:1.4rem;line-height:1.3;margin:0 0 8px}.picker h2{font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin:12px 0 4px}.picker__modes{display:grid;gap:8px}.picker__mode{text-align:left;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:inherit;display:grid;gap:4px}.picker__mode span{font-size:.82rem;opacity:.75}.picker__mode.is-selected{border-color:var(--accent-fallback);background:#2e7d5b40}.picker__locations{display:flex;flex-wrap:wrap;gap:8px}.picker__location{padding:10px 14px;border-radius:999px;border:1px solid var(--accent, rgba(255, 255, 255, .18));background:#ffffff0f;color:inherit}.picker__location.is-selected{background:var(--accent, var(--accent-fallback));color:#0c1418;font-weight:600}.picker__start{margin-top:20px;padding:14px;border-radius:10px;border:none;background:var(--accent-fallback);color:#fff;font-size:1.05rem;font-weight:600}.picker__start:disabled{opacity:.4}.hud{position:fixed;top:max(8px,env(safe-area-inset-top));left:8px;z-index:1000;background:var(--panel-bg);border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.5;max-width:62vw;pointer-events:auto}.hud__row--title{font-weight:700}.hud__row--buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.hud__row--buttons button{font-size:11px;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:inherit}.hud__row--buttons button[aria-pressed=true]{background:#fff9;border-color:#fffc;color:#10131a;font-weight:700}.alignment-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:calc(max(12px,env(safe-area-inset-bottom)) + 68px);box-sizing:border-box;pointer-events:none}.alignment-overlay__hint{margin:12px 16px 0;text-align:center;font-size:.9rem;text-shadow:0 1px 3px rgba(0,0,0,.8)}.alignment-overlay__lock,.alignment-overlay__show,.reshow-button{pointer-events:auto;margin-top:12px;padding:12px 22px;border-radius:999px;border:none;background:var(--accent-fallback);color:#fff;font-size:1rem;font-weight:600}.alignment-overlay__show,.reshow-button{position:fixed;left:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:1000;margin:0}.dial{position:fixed;left:12px;right:12px;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 64px);z-index:1000;background:var(--panel-bg);border-radius:12px;padding:8px 12px;color:var(--panel-fg);font-size:12px}.dial__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.dial__head--split{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.15)}.dial__head strong{font-size:16px;font-variant-numeric:tabular-nums}.dial__row{display:flex;align-items:center;gap:8px}.dial__row input[type=range]{flex:1;min-width:0;accent-color:#6fd3a8}.dial__row button{min-width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:inherit;font-size:15px}.dial__row button[aria-pressed=true]{background:#6fd3a859;border-color:#6fd3a8}.dial__row button:disabled,.dial__row input:disabled{opacity:.4}.clean-toggle{position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:1001;height:44px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:var(--panel-bg);color:var(--panel-fg);font-size:12px}body.demo-clean .hud,body.demo-clean .dial,body.demo-clean .anim-controls,body.demo-clean .alignment-overlay__show,body.demo-clean .reshow-button{display:none}body.demo-clean .clean-toggle{opacity:.35}.anim-controls{position:fixed;left:50%;transform:translate(-50%);bottom:max(12px,env(safe-area-inset-bottom));z-index:1000;display:flex;gap:8px;background:var(--panel-bg);border-radius:999px;padding:6px 10px}.anim-controls button{min-width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:var(--panel-fg);font-size:18px}.anim-controls button[aria-pressed=true]{background:#fff9;border-color:#fffc;color:#10131a}