:root{--bg: #0b1220;--fg: #e6edf6;--muted: #8aa0bd;--accent: #3ddc97;--dingdong: #3ddc97;--ding: #f2c14e;--buzz: #ef5b5b;--panel: rgba(12, 20, 34, .92)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}#app{position:fixed;inset:0;display:flex;flex-direction:column}#stage{position:relative;flex:1;overflow:hidden;background:#000}#video,#overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#video{background:#000}#hud{position:absolute;top:env(safe-area-inset-top,0);left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:12px 14px;pointer-events:none}.status{font-weight:700;font-size:1.05rem;padding:8px 14px;border-radius:999px;background:var(--panel);backdrop-filter:blur(6px)}.status.idle{color:var(--muted)}.status.active{color:#fff;background:#3ddc9759}.status.result{color:#fff;background:#3d82dc66}.status.setup{color:#fff;background:#f2c14e66}.coach{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90%,460px);text-align:center;padding:16px 18px;border-radius:16px;background:var(--panel);backdrop-filter:blur(6px);border:2px solid rgba(242,193,78,.7);pointer-events:none}.coach.ready{border-color:#3ddc97e6}.coach-text{font-size:1.6rem;font-weight:800;line-height:1.2}.coach.ready .coach-text{color:var(--accent)}.coach-hint{margin-top:8px;font-size:.8rem;color:var(--muted)}.fps{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--muted);background:var(--panel);padding:6px 10px;border-radius:8px}#counters{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:10px;pointer-events:none}.counter{min-width:76px;text-align:center;padding:6px 10px;border-radius:12px;background:var(--panel);backdrop-filter:blur(6px)}.counter .c-label{display:block;font-size:.7rem;color:var(--muted)}.counter .c-value{font-size:1.4rem;font-weight:800;font-variant-numeric:tabular-nums}.counter.dingdong .c-value{color:var(--dingdong)}.counter.ding .c-value{color:var(--ding)}.counter.buzz .c-value{color:var(--buzz)}.debug{position:absolute;top:60px;left:14px;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.35;color:#b8f5d8;background:#0000008c;padding:8px 10px;border-radius:8px;pointer-events:none;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis}.debug-tools{position:absolute;right:14px;bottom:70px;display:flex;flex-direction:column;gap:6px;align-items:stretch}.dbtn{padding:8px 10px;border:1px solid #24324e;border-radius:8px;font-size:.78rem;font-weight:700;color:var(--fg);background:#0c1422eb}.dbtn:disabled{opacity:.45}.dbtn.recording{color:#fff;background:var(--buzz);border-color:var(--buzz)}#controls{display:flex;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0));background:var(--bg)}.btn{flex:1;padding:14px;border:none;border-radius:12px;font-size:1rem;font-weight:700;color:var(--fg);background:#1b2740}.btn.primary{background:var(--accent);color:#06231a}.btn.primary.running{background:var(--buzz);color:#2a0808}.settings{position:absolute;inset:0;background:#040810b8;display:flex;align-items:flex-end;z-index:10}.settings-inner{width:100%;max-height:88%;overflow-y:auto;background:var(--panel);border-radius:18px 18px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0))}.settings h2{margin:0 0 14px}.field{display:block;margin-bottom:18px}.field>span,.field legend{display:block;font-size:.9rem;color:var(--muted);margin-bottom:8px}.field b{color:var(--fg)}input[type=range]{width:100%;accent-color:var(--accent)}select{width:100%;padding:10px 12px;font:inherit;color:var(--fg);background:#16203a;border:1px solid #24324e;border-radius:10px;accent-color:var(--accent)}fieldset.field{border:1px solid #24324e;border-radius:10px;padding:10px 12px}.radio{margin-right:16px;color:var(--fg)}.field.toggle{display:flex;justify-content:space-between;align-items:center}.field-group{border-left:2px solid #24324e;padding-left:12px;margin-bottom:18px}.hint{margin:0 0 14px;font-size:.82rem;line-height:1.45;color:var(--muted)}.hint b{color:var(--fg)}.hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95em}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--muted);font-size:1rem;z-index:20}.hidden{display:none!important}