:root{--bg: #f4f1ec;--surface: #ffffff;--ink: #15130f;--ink-2: #5c574f;--line: #e2ddd4;--accent: #e8590c;--make: #1f8a3b;--make-ink: #ffffff;--miss: #c92a2a;--miss-ink: #ffffff;--radius: 16px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #131210;--surface: #1e1c19;--ink: #f5f2ec;--ink-2: #a8a298;--line: #34312c;--accent: #ff7a2e;--make: #2f9e4f;--miss: #e03131}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}body{min-height:100dvh}button,input,label{font:inherit;touch-action:manipulation}#app{max-width:560px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}h1{font-size:2rem;margin:0;letter-spacing:-.02em}h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin:0 0 12px}.muted{color:var(--ink-2)}.top{display:flex;align-items:baseline;gap:10px;margin:8px 0 20px}.top h1{color:var(--accent)}.cta{display:block;width:100%;padding:22px;border:0;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:1.3rem;font-weight:700;cursor:pointer}.cta:active{transform:scale(.98)}.intro{line-height:1.5;margin:24px 4px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:2px}.tile-value{font-size:1.7rem;font-weight:800;font-variant-numeric:tabular-nums}.tile-label{font-size:.85rem;color:var(--ink-2)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:16px 0}.history{list-style:none;margin:0;padding:0}.history li+li{border-top:1px solid var(--line)}.history a{display:grid;grid-template-columns:1fr auto 3.5rem;gap:12px;align-items:center;padding:14px 0;color:inherit;text-decoration:none}.pct{font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.backup{display:flex;justify-content:center;gap:24px;margin-top:24px}.link{background:none;border:0;color:var(--ink-2);text-decoration:underline;cursor:pointer;padding:8px}.chart{position:relative}.chart svg{display:block;width:100%;height:auto;touch-action:pan-y}.chart .grid{stroke:var(--line);stroke-width:1}.chart .axis{fill:var(--ink-2);font-size:10px}.chart .line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart .dot{fill:var(--accent);stroke:var(--surface);stroke-width:2}.chart .dot.active{r:6}.chart .crosshair{stroke:var(--ink-2);stroke-width:1;stroke-dasharray:3 3}.chart .hit{fill:transparent}.chart .tooltip{position:absolute;top:-8px;transform:translate(-50%,-100%);background:var(--ink);color:var(--bg);padding:6px 10px;border-radius:8px;font-size:.85rem;white-space:nowrap;pointer-events:none}.chart .tooltip span{opacity:.75}.chart-empty{margin:0}.session{display:flex;flex-direction:column;min-height:calc(100dvh - 40px);gap:12px}.session-bar{display:flex;justify-content:space-between;align-items:center}.timer{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink-2)}.ghost{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:10px 18px;font-weight:600;cursor:pointer}.ghost:disabled{opacity:.4}.scoreboard{text-align:center;padding:8px 0}.big-pct{font-size:clamp(5rem,28vw,8rem);font-weight:900;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.big-pct small{font-size:.4em;font-weight:700}.score{font-size:1.6rem;font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums}.mini-stats{display:flex;justify-content:center;gap:20px;margin-top:10px;color:var(--ink-2)}.mini-stats b{color:var(--ink);font-size:1.15rem}.recent{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;min-height:14px;margin-top:14px}.recent i{width:14px;height:14px;border-radius:50%}.recent i.in{background:var(--make)}.recent i.out{border:3px solid var(--miss)}.recent.all{justify-content:flex-start}.session-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.cam-start{border-color:var(--accent);color:var(--accent)}.pads{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:42dvh}.pad{border:0;border-radius:24px;font-size:1.8rem;font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none}.pad.make{background:var(--make);color:var(--make-ink)}.pad.miss{background:var(--miss);color:var(--miss-ink)}.pad:active{transform:scale(.97);filter:brightness(1.1)}.pad.flash{animation:flash .35s ease-out}@keyframes flash{0%{filter:brightness(1.5)}to{filter:none}}.back{color:var(--ink-2);text-decoration:none;font-weight:600;padding:8px 0}.detail-title{font-size:1.6rem;text-transform:capitalize}.splits{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.splits td{padding:8px 0}.splits td+td{padding-left:10px}.bar-cell{width:50%}.bar{display:block;height:10px;min-width:2px;border-radius:0 4px 4px 0;background:var(--accent)}.danger{display:block;width:100%;margin-top:8px;padding:14px;background:none;border:1px solid var(--miss);color:var(--miss);border-radius:var(--radius);font-weight:600;cursor:pointer}.session-bar{gap:8px}.session-bar .timer{margin-right:auto}.mic.on{background:var(--accent);border-color:var(--accent);color:#fff}.voice-banner{margin:0;padding:10px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:.95rem;line-height:1.4}.voice-banner.error{border-color:var(--miss);color:var(--miss)}.voice-banner .dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;background:var(--ink-2);vertical-align:middle}.voice-banner .dot.live{background:var(--miss);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.voice-banner .heard{display:block;font-size:.85rem;min-height:1.2em}.voice-banner p{margin:0}.voice-banner.error p{color:var(--miss)}.voice-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.voice-settings label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--ink-2);min-width:0}.voice-settings select{width:100%;padding:8px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:.9rem}.camera{position:fixed;inset:0;background:#000;color:#fff;z-index:10}.cam-video,.cam-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.cam-overlay{touch-action:none}.cam-top,.cam-bottom{position:absolute;left:0;right:0;display:flex;align-items:center;gap:8px;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));pointer-events:none}.cam-top{top:0;justify-content:space-between;background:linear-gradient(rgba(0,0,0,.55),transparent)}.cam-bottom{bottom:0;justify-content:flex-end;padding-bottom:max(10px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#0000008c)}.cam-btn{pointer-events:auto;background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 14px;font-weight:600;cursor:pointer}.cam-btn.make{background:var(--make);border-color:var(--make)}.cam-btn.miss{background:var(--miss);border-color:var(--miss)}.cam-bottom .cam-btn:first-child{margin-right:auto}.cam-manual{font-size:.85rem;opacity:.8}.cam-score{font-size:1.4rem;font-variant-numeric:tabular-nums}.cam-hint{position:absolute;left:50%;top:64px;transform:translate(-50%);margin:0;max-width:min(90vw,520px);text-align:center;background:#0009;padding:8px 14px;border-radius:12px;pointer-events:none}.cam-flash{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(2.5rem,12vw,5rem);font-weight:900;padding:8px 28px;border-radius:20px;pointer-events:none;animation:flash-in .25s ease-out}.cam-flash.make{background:var(--make)}.cam-flash.miss{background:var(--miss)}@keyframes flash-in{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}}.cam-top-right{display:flex;gap:8px}.cam-btn.on{background:var(--accent);border-color:var(--accent)}.cam-voice{position:absolute;left:50%;bottom:64px;transform:translate(-50%);margin:0;max-width:min(90vw,560px);text-align:center;font-size:.9rem;background:#0009;padding:6px 12px;border-radius:10px;pointer-events:none}.small{font-size:.85rem}.cam-zoom{display:flex;gap:4px}.cam-zoom .cam-btn{min-width:40px;font-size:1.1rem;padding:6px 10px}.cam-ok{position:absolute;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translate(-50%);background:var(--make);border-color:var(--make);font-size:1.2rem;padding:12px 28px}.cam-zoom[hidden]{display:none}