:root{--ground: #f6f7f7;--card: #ffffff;--ink: #14191b;--ink-2: #445055;--muted: #6d7c81;--line: #dde4e5;--accent: #0d6f70;--accent-ink: #ffffff;--pass: #1c6f3e;--fail: #a52b21;--pending: #9aa7ac;color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}@media(prefers-color-scheme:dark){:root{--ground: #0d1315;--card: #161f22;--ink: #e6edee;--ink-2: #c0cdd0;--muted: #8fa0a5;--line: #263438;--accent: #45c4bd;--accent-ink: #06201f;--pass: #6fd79b;--fail: #ff9a8f;--pending: #64757a}}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-text-size-adjust:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main{max-width:34rem;margin:0 auto;padding:1.5rem 1.15rem 3rem;display:flex;flex-direction:column;gap:1.35rem}header{display:flex;flex-direction:column;gap:.3rem}.eyebrow{margin:0;font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}h1{margin:0;font-size:1.65rem;letter-spacing:-.02em}.lede{margin:.2rem 0 0;color:var(--ink-2);font-size:.98rem}.checks{list-style:none;margin:0;padding:0;background:var(--card);border:1px solid var(--line);border-radius:.75rem;overflow:hidden}.hint{margin:0;color:var(--muted);font-size:.88rem}.warning{margin:0;padding:.7rem .85rem;border-radius:.6rem;background:var(--card);border:1px solid var(--fail);color:var(--ink-2);font-size:.9rem}.check{display:grid;grid-template-columns:.65rem 1fr auto;align-items:center;gap:.7rem;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.check:last-child{border-bottom:0}.dot{width:.65rem;height:.65rem;border-radius:50%;background:var(--pending)}.check-pass .dot{background:var(--pass)}.check-fail .dot{background:var(--fail)}.check-label{font-size:.97rem}.check-value{font-size:.85rem;color:var(--muted);text-align:right}.check-pass .check-value{color:var(--pass)}.check-fail .check-value{color:var(--fail)}button{font:inherit;border-radius:.7rem;min-height:3.25rem;padding:0 1.2rem;cursor:pointer;border:1px solid transparent}button.primary{background:var(--accent);color:var(--accent-ink);font-size:1.05rem;font-weight:600}button.primary:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:transparent;color:var(--ink-2);border-color:var(--line);min-height:2.75rem;font-size:.92rem}.failure,.live{background:var(--card);border:1px solid var(--line);border-radius:.75rem;padding:1.05rem;display:flex;flex-direction:column;gap:.7rem}.failure h2,.live h2{margin:0;font-size:1.05rem}.failure h2{color:var(--fail)}.failure p{margin:0;color:var(--ink-2);font-size:.92rem}.meter{height:.85rem;border-radius:.45rem;background:var(--ground);border:1px solid var(--line);overflow:hidden}.meter i{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left center;transform:scaleX(0)}.facts{margin:0;display:grid;gap:.55rem}.facts>div{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:.55rem}.facts dt{color:var(--muted);font-size:.88rem}.facts dd{margin:0;font-size:.92rem;font-variant-numeric:tabular-nums}.facts dd.label{max-width:60%;text-align:right;overflow-wrap:anywhere}.progress{display:flex;flex-direction:column;gap:.7rem;background:var(--card);border:1px solid var(--line);border-radius:.75rem;padding:.9rem 1rem}.tally{display:grid;grid-template-columns:1fr auto;gap:.25rem .75rem;align-items:baseline}.tally-name{font-size:.95rem}.tally-count{font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:600}.target{color:var(--muted);font-weight:400;font-size:.85rem}.tally-bar{grid-column:1 / -1;height:.35rem;border-radius:.2rem;background:var(--ground);border:1px solid var(--line);overflow:hidden}.tally-bar i{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left center;transform:scaleX(0)}.recorder{display:flex;flex-direction:column;gap:.9rem}button.start,button.stop{min-height:5rem;font-size:1.3rem;font-weight:600;border-radius:.9rem}button.start{background:var(--accent);color:var(--accent-ink)}button.stop{background:var(--fail);color:var(--card)}button.stop:disabled{opacity:.55}.timer{margin:0;text-align:center;font-size:2.6rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}.captured{background:var(--card);border:1px solid var(--line);border-radius:.75rem;padding:1.05rem}.captured h2{margin:0;font-size:1.05rem}.clip{margin:0;display:grid;gap:.5rem}.clip>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:.5rem}.clip dt{color:var(--muted);font-size:.88rem}.clip dd{margin:0;font-size:.92rem;font-variant-numeric:tabular-nums}.review{display:flex;flex-direction:column;gap:.85rem;background:var(--card);border:1px solid var(--line);border-radius:.75rem;padding:1.05rem}.review-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.review-head h2{margin:0;font-size:1.15rem}.length{color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}.player{width:100%;height:2.5rem}.labels{display:flex;flex-direction:column;gap:.6rem}button.label{min-height:3.6rem;font-size:1.1rem;font-weight:600;background:var(--accent);color:var(--accent-ink);border-radius:.7rem}button.label:disabled{opacity:.5}.save-failed{margin:0;font-size:.9rem;color:var(--fail)}