:root{--bg:#07060d;--panel:#12101eb8;--panel-solid:#15131f;--line:#ffffff1f;--text:#f5f3ff;--muted:#b3aec8;--accent:#ff5fa2;--accent-2:#ffd23f;--radius:16px;--tap:44px;--gutter:max(12px, env(safe-area-inset-left));--gutter-r:max(12px, env(safe-area-inset-right));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit}#app{height:100dvh;position:fixed;inset:0}#stage{touch-action:manipulation;background:radial-gradient(ellipse at 50% 30%, #1a1430 0%, var(--bg) 70%);position:absolute;inset:0;overflow:hidden}#camera,#fx{width:100%;height:100%;position:absolute;inset:0}#camera{object-fit:cover;filter:brightness(.55)saturate(.85);opacity:0;transition:opacity .6s;transform:scaleX(-1)}#camera.live{opacity:1}#fx{pointer-events:none}#hud{top:calc(64px + env(safe-area-inset-top));left:var(--gutter);background:var(--panel);white-space:pre;pointer-events:none;border-radius:10px;padding:8px 10px;font:12px/1.45 ui-monospace,Cascadia Mono,Consolas,monospace;position:absolute}#toast{left:50%;top:calc(72px + env(safe-area-inset-top));background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;border-radius:999px;max-width:calc(100% - 32px);padding:10px 14px;font-size:14px;position:absolute;transform:translate(-50%)}.icon-btn{width:var(--tap);height:var(--tap);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:background .15s,transform .1s,opacity .15s;display:inline-grid}.icon-btn:hover:not(:disabled){background:#ffffff24}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn:focus-visible,.primary:focus-visible,.link:focus-visible,input:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.icon{fill:currentColor;width:22px;height:22px}.topbar{padding:max(10px, env(safe-area-inset-top)) var(--gutter-r) 10px var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{letter-spacing:.01em;text-shadow:0 1px 12px #0009;margin:0;font-size:17px;font-weight:700}.brand span{display:none}.tools{gap:8px;display:flex}.lead{align-items:center;gap:10px;min-width:0;display:flex}.player{margin:0 var(--gutter-r) max(10px, env(safe-area-inset-bottom)) var(--gutter);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.player .play{background:var(--text);color:var(--bg)}.player .play:hover:not(:disabled){background:#fff}.track{flex-direction:column;flex:1;min-width:0;padding:0 4px;display:flex}#track-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}#track-artist{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:12px;overflow:hidden}.tablet-up{display:none!important}input[type=range]{width:110px;accent-color:var(--accent)}.overlay{padding:max(16px, env(safe-area-inset-top)) var(--gutter-r) max(16px, env(safe-area-inset-bottom)) var(--gutter);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07060db8;place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.card{border:1px solid var(--line);background:var(--panel-solid);border-radius:22px;width:100%;max-width:440px;padding:22px 20px;position:relative;box-shadow:0 20px 60px #00000080}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);margin:0 0 6px;font-size:12px;font-weight:600}.card h2{margin:0 0 14px;font-size:24px;line-height:1.2}.steps{color:var(--muted);gap:10px;margin:0 0 18px;padding:0;font-size:15px;line-height:1.4;list-style:none;display:grid}.steps li{align-items:flex-start;gap:12px;display:flex}.step-emoji{text-align:center;flex:none;width:28px;font-size:22px;line-height:1}.primary{background:linear-gradient(90deg, var(--accent), #ff8c42);color:#fff;cursor:pointer;border:0;border-radius:999px;width:100%;min-height:52px;font-size:17px;font-weight:700}.primary:disabled{opacity:.6;cursor:progress}.status{text-align:center;min-height:1.4em;color:var(--accent-2);margin:10px 0 0;font-size:14px}.fineprint{color:var(--muted);margin:8px 0 0;font-size:12.5px;line-height:1.45}.link{min-height:var(--tap);color:var(--text);cursor:pointer;background:0 0;border:0;margin:12px auto 0;padding:0 12px;text-decoration:underline;display:block}.close{position:absolute;top:12px;right:12px}.toggle{min-height:var(--tap);align-items:center;gap:10px;font-size:15px;display:flex}.toggle input{width:20px;height:20px;accent-color:var(--accent)}kbd{border:1px solid var(--line);border-radius:6px;padding:1px 6px;font:12px ui-monospace,Consolas,monospace}@media (min-width:600px){:root{--tap:48px;--gutter:max(20px, env(safe-area-inset-left));--gutter-r:max(20px, env(safe-area-inset-right))}.brand{font-size:20px}.brand span{display:inline}.tablet-up{display:initial!important}#btn-prev.tablet-up{display:inline-grid!important}.track.tablet-up,#track-artist.tablet-up{display:block!important}.player{gap:10px;padding:8px 12px 8px 8px}#track-title{font-size:15px}.card{padding:28px}.card h2{font-size:28px}}@media (min-width:1024px){.player{width:min(720px,100% - 40px);margin:0 0 max(18px, env(safe-area-inset-bottom));left:50%;right:auto;transform:translate(-50%)}input[type=range]{width:140px}}@media (max-height:480px) and (orientation:landscape){:root{--tap:40px}.topbar{padding-top:max(6px, env(safe-area-inset-top))}.player{margin-bottom:max(6px, env(safe-area-inset-bottom));padding:4px}.card{padding:16px 18px}.card h2{margin-bottom:8px;font-size:20px}.steps{gap:6px;margin-bottom:12px;font-size:14px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}