:root{color-scheme:dark;--bg: #06080d;--panel: rgba(10, 14, 22, .62);--panel2: rgba(10, 14, 22, .88);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7);--accent: #a6d7ff;--accent2: #ffe2a8;--border: rgba(255, 255, 255, .12);--shadow: rgba(0, 0, 0, .35);--shadow2: rgba(0, 0, 0, .55);--good: rgba(166, 215, 255, .95);--warn: rgba(255, 226, 168, .95);--bad: rgba(255, 132, 154, .95)}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;height:100svh;min-height:-webkit-fill-available}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;-webkit-tap-highlight-color:transparent}#ui-root{position:absolute;inset:0;pointer-events:none}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;font-size:clamp(64px,10vw,120px);letter-spacing:-.02em;color:#fffffff2;text-shadow:0 18px 60px rgba(0,0,0,.35);pointer-events:none;z-index:4}.countdown.pop{animation:countdownPop .42s ease}@keyframes countdownPop{0%{transform:scale(.9);opacity:0}30%{opacity:1}to{transform:scale(1);opacity:1}}.topbar{position:absolute;top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));display:flex;justify-content:flex-end;align-items:center;gap:10px;pointer-events:none;z-index:3}.chip{pointer-events:auto;display:inline-flex;gap:8px;align-items:center;background:var(--panel);border:1px solid var(--border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text);border-radius:999px;padding:10px 12px;box-shadow:0 10px 30px var(--shadow);font-size:13px;user-select:none}.chip-dot{width:8px;height:8px;border-radius:999px;background:#ffffff59;box-shadow:0 0 0 2px #ffffff0f}.chip[data-quality=high] .chip-dot{background:var(--good);box-shadow:0 0 18px #a6d7ff59,0 0 0 2px #a6d7ff24}.chip[data-quality=low] .chip-dot{background:var(--warn);box-shadow:0 0 18px #ffe2a840,0 0 0 2px #ffe2a824}.button{pointer-events:auto;cursor:pointer;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff17,#ffffff05);color:var(--text);border-radius:14px;padding:12px 14px;font-weight:600;font-size:14px;user-select:none;box-shadow:0 14px 36px var(--shadow2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .14s ease,border-color .18s ease,background .18s ease,opacity .18s ease}.button:active{transform:translateY(1px)}.button.primary{border-color:#a6d7ff59;background:linear-gradient(180deg,#a6d7ff38,#ffffff08)}.button.is-hidden{opacity:0;transform:translateY(-2px);pointer-events:none}.panel{width:min(520px,calc(100vw - 32px));pointer-events:auto;background:var(--panel2);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:0 18px 50px var(--shadow2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.title{font-size:16px;font-weight:700;color:var(--text);margin:0 0 8px;letter-spacing:.2px}.muted{font-size:13px;line-height:1.35;color:var(--muted);margin:0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.progress{height:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.progress>div{height:100%;width:0%;background:linear-gradient(90deg,#a6d7ffb3,#ffe2a8b3);border-radius:999px;transition:width .18s ease}.overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:auto;background:radial-gradient(1100px 700px at 50% 25%,#a6d7ff1a,#06080deb),radial-gradient(900px 600px at 80% 10%,rgba(255,226,168,.06),transparent 65%),radial-gradient(1000px 700px at 10% 10%,rgba(140,190,255,.07),transparent 60%),linear-gradient(180deg,#06080db8,#06080df2);opacity:1;transition:opacity .52s ease;z-index:2}.overlay:before{content:"";position:absolute;inset:-40px;background:radial-gradient(600px 320px at 40% 22%,rgba(166,215,255,.14),transparent 70%),radial-gradient(520px 280px at 62% 30%,rgba(255,226,168,.1),transparent 72%),radial-gradient(700px 420px at 50% 12%,rgba(120,180,255,.08),transparent 70%);filter:blur(14px);opacity:.85;animation:aurora 10s ease-in-out infinite;pointer-events:none}.overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.03),transparent 42%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.02),transparent 46%),repeating-linear-gradient(120deg,rgba(255,255,255,.018) 0 1px,transparent 1px 6px);mix-blend-mode:overlay;opacity:.28;pointer-events:none}.overlay-inner{width:min(560px,calc(100vw - 32px));position:relative;z-index:1;display:grid;place-items:center}.play{pointer-events:auto;width:94px;height:94px;border-radius:999px;border:1px solid rgba(166,215,255,.35);background:radial-gradient(circle at 40% 30%,#a6d7ff2e,#ffffff05);box-shadow:0 18px 60px #0000008c,0 0 28px #a6d7ff1f;color:#ffffffeb;display:grid;place-items:center;cursor:pointer;user-select:none;position:relative;padding:0;transition:transform .14s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease}.play:active{transform:translateY(1px)}.play:disabled{cursor:default;opacity:.85}.play.is-ready{border-color:#a6d7ff85;filter:saturate(1.05);animation:readyPulse 2.4s ease-in-out infinite}.play-ring{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px)}.play-ring-track{fill:none;stroke:#ffffff1a;stroke-width:5}.play-ring-bar{fill:none;stroke:#a6d7ffe6;stroke-width:5;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;filter:drop-shadow(0 0 10px rgba(166,215,255,.25));transition:stroke-dashoffset .18s ease}.play-core{width:84px;height:84px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#ffffff0f,#06080d59),radial-gradient(circle at 60% 70%,rgba(166,215,255,.1),transparent 60%);border:1px solid rgba(255,255,255,.1)}.play-icon{width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid rgba(255,255,255,.92);margin-left:4px}@media(max-width:380px){.play{width:88px;height:88px}.play-core{width:78px;height:78px}}@keyframes aurora{0%{transform:translate3d(-1%,-1%,0) scale(1);opacity:.75}50%{transform:translate3d(1.5%,1%,0) scale(1.04);opacity:.95}to{transform:translate3d(-1%,-1%,0) scale(1);opacity:.75}}@keyframes readyPulse{0%,to{box-shadow:0 18px 60px #0000008c,0 0 22px #a6d7ff1a}50%{box-shadow:0 20px 70px #00000094,0 0 34px #a6d7ff2e}}@media(prefers-reduced-motion:reduce){.overlay:before,.play.is-ready{animation:none!important}}