@font-face{font-family:Manrope;src:url(/assets/manrope-latin-C46ZzDBF.woff2)format("woff2");font-weight:300 800;font-display:swap}@font-face{font-family:Noto Music;src:url(/assets/noto-music-BFiker5B.woff2)format("woff2");font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#09090b;--c-fg:#fafaf9;--c-muted:#a1a1aa;--c-surface:#1a1a1d;--c-accent:#fdba74;--c-bar-red:#f2554b;--c-bar-yellow:#f6cb3c;--c-bar-green:#3dd68c;--c-cents-ok:#4ade80;--c-cents-mid:#fbbf24;--c-cents-bad:#ff6b5e;--c-line:#0b0d10;--c-line-outline:#fff;--c-dashed:#fff;--c-arrow:#fff;--font-body:"Manrope", system-ui, -apple-system, sans-serif;--font-music:"Noto Music", serif;--tap-min:44px;--bar-width:128px}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg:#fafaf9;--c-fg:#0a0a0a;--c-muted:#5b5b57;--c-surface:#efefec;--c-accent:#9a3412;--c-bar-red:#e5372e;--c-bar-yellow:#f5c518;--c-bar-green:#2fb863;--c-cents-ok:#0b7a3b;--c-cents-mid:#8a5a00;--c-cents-bad:#b3261e}}*{box-sizing:border-box}html{background:var(--c-bg)}body{background:var(--c-bg);color:var(--c-fg);font:400 16px / 1.5 var(--font-body);margin:0}button,select,input{font:inherit;color:var(--c-fg);cursor:pointer}button:active{opacity:.85}:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}.settings[hidden],.deviation[hidden],.bar .needle[hidden],main[data-running=true] :is(.selectors,.summary,.settings,.run){display:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}main{max-width:480px;height:100dvh;padding:20px 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.selectors{gap:12px;display:flex}.selectors select{background:var(--c-surface);border:0;border-radius:16px;min-width:0;height:52px;padding:0 10px;font-weight:600}.selectors .key{flex:1.15}.selectors .type{flex:1}select:disabled{opacity:.35;cursor:not-allowed}.summary{min-height:var(--tap-min);color:var(--c-muted);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;margin:-6px 0;padding:0 4px;font-size:13px;font-weight:600;display:flex}.settings{background:var(--c-surface);border-radius:20px;flex-direction:column;gap:12px;padding:12px;display:flex}.pill{background:var(--c-bg);border-radius:999px;gap:4px;padding:4px;display:flex}.pill button{height:var(--tap-min);background:0 0;border:0;border-radius:999px;flex:1;font-weight:600}.pill button[aria-pressed=true]{background:var(--c-fg);color:var(--c-bg)}.settings .instrument{background:var(--c-bg);border:0;border-radius:14px;width:100%;height:48px;padding:0 10px;font-weight:600}.settings .instrument[data-empty=true]{color:var(--c-muted)}.hz{color:var(--c-muted);align-items:center;gap:8px;font-weight:600;display:flex}.hz button{width:var(--tap-min);height:var(--tap-min);background:var(--c-bg);border:0;border-radius:50%;flex:none;font-size:22px;font-weight:600}.hz input{min-width:0;height:var(--tap-min);background:var(--c-bg);font-variant-numeric:tabular-nums;text-align:center;cursor:text;border:0;border-radius:14px;flex:1;font-size:20px;font-weight:600}.hz input[aria-invalid=true]{outline:2px solid var(--c-cents-bad)}.readout{justify-content:space-between;align-items:center;gap:12px;display:flex}.readout .text{flex-direction:column;align-items:flex-start;min-width:0;line-height:1;display:flex}.note{letter-spacing:-1px;white-space:nowrap;font-size:36px;font-weight:600}.note[data-long=true]{font-size:30px}.deviation{font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;margin-top:4px;display:flex}.deviation .value{font-size:20px;font-weight:600}.deviation .value[data-tone=ok]{color:var(--c-cents-ok)}.deviation .value[data-tone=mid]{color:var(--c-cents-mid)}.deviation .value[data-tone=bad]{color:var(--c-cents-bad)}.deviation .unit{color:var(--c-muted);font-size:13px;font-weight:600}.notice{color:var(--c-cents-mid);margin-top:6px;font-size:13px;font-weight:600;line-height:1.2}.staff{flex:none;width:96px;height:74px;display:block}.staff .lines{stroke:var(--c-muted);stroke-width:1.2px}.staff .ink{fill:var(--c-fg)}.staff .ledger,.staff .stem{stroke:var(--c-fg)}.staff text{fill:var(--c-fg);font-family:var(--font-music)}.meter{flex:1;justify-content:center;min-height:0;padding:14px 0;display:flex}.bar{width:var(--bar-width);border-radius:calc(var(--bar-width) / 2);background:linear-gradient(to bottom, var(--c-bar-red) 0%, var(--c-bar-yellow) 24%, var(--c-bar-green) 42%, var(--c-bar-green) 58%, var(--c-bar-yellow) 76%, var(--c-bar-red) 100%);align-self:stretch;min-height:120px;position:relative}.bar .tick{background:var(--c-fg);border-radius:2px;width:10px;height:3px;margin-top:-1.5px;position:absolute}.bar .tick.left{right:calc(100% + 4px)}.bar .tick.right{left:calc(100% + 4px)}.bar .scale{color:var(--c-muted);font-variant-numeric:tabular-nums;margin-top:-11px;font-size:16px;font-weight:600;line-height:22px;position:absolute;left:calc(100% + 22px)}.bar .center{border-top:3px dashed var(--c-dashed);height:0;margin-top:-1.5px;position:absolute;top:50%;left:16px;right:16px}.bar .needle{background:var(--c-line);height:6px;box-shadow:0 0 0 1.5px var(--c-line-outline);border-radius:4px;margin-top:-3px;transition:top 90ms linear;position:absolute;left:-16px;right:-16px}.bar .arrow{filter:drop-shadow(0 1px 4px #00000073);width:30px;height:120px;margin-left:-15px;position:absolute;left:50%}.bar .arrow path{stroke:var(--c-arrow);stroke-width:2.5px}.bar .arrow.up{bottom:9%}.bar .arrow.down{top:9%;transform:scaleY(-1)}.run{background:var(--c-fg);width:200px;height:52px;color:var(--c-bg);border:0;border-radius:26px;flex:none;justify-content:center;align-self:center;align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.run:disabled{opacity:.6}.status{color:var(--c-muted);text-align:center;margin:0;font-size:13px}.status[data-tone=error]{color:var(--c-cents-bad)}.debug{z-index:10;max-width:480px;max-height:70dvh;padding:10px 20px calc(20px + env(safe-area-inset-bottom));background:var(--c-surface);border-radius:28px 28px 0 0;flex-direction:column;gap:12px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -10px 32px #0000008c}.debug .handle{background:var(--c-muted);opacity:.5;border-radius:2px;align-self:center;width:40px;height:4px}.debug .head{color:var(--c-muted);letter-spacing:1px;justify-content:space-between;font-size:13px;font-weight:700;display:flex}.debug .rows{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;align-items:center;gap:10px 12px;margin:0;font-size:15px;display:grid}.debug dt{color:var(--c-muted);font-weight:600}.debug dd{margin:0;font-weight:700}.debug .level{align-items:center;gap:8px;display:flex}.debug .level-bar{background:var(--c-bg);border-radius:3px;width:84px;height:6px;display:block}.debug .level-fill{background:var(--c-fg);border-radius:3px;width:0;height:6px;display:block}.debug .timing{color:var(--c-muted);white-space:pre-wrap;margin:0;font:12px/1.4 ui-monospace,Menlo,monospace}.debug .record{background:var(--c-bg);border:0;border-radius:24px;justify-content:center;align-items:center;gap:10px;height:48px;font-size:16px;font-weight:600;display:flex}.debug .dot{background:var(--c-bar-red);border-radius:50%;width:12px;height:12px}@media (prefers-reduced-motion:reduce){.bar .needle{transition:none}}