:root{color:#e7eeef;font-synthesis:none;font-variant-numeric:tabular-nums;--bg:#101a22;--panel:#15222c;--input:#111c25;--border:#30414c;--muted:#a0b3be;--text:#e7eeef;--green:#b5e9ce;--green-ink:#172c25;--blue:#88afcd;--warning:#edbd82;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101a22;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}:root[data-theme=light]{--bg:#f0f3f2;--panel:#fff;--input:#f7f9f8;--border:#bac9cc;--muted:#4f636c;--text:#162e3a;--green:#236c52;--green-ink:#fff;--blue:#37698c;--warning:#925200;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,input,select,summary{min-height:44px}button{border:1px solid var(--border);background:var(--input);color:var(--text);cursor:pointer;border-radius:7px;padding:10px 17px;font-size:.88rem;font-weight:600}button:hover{border-color:var(--muted);background:var(--panel)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}select,input{border:1px solid var(--border);background:var(--input);width:100%;color:var(--text);border-radius:6px;margin-top:7px;padding:9px 11px;font-size:.88rem;display:block}input{min-width:0}label{color:var(--muted);font-size:.78rem;font-weight:600;display:block}h1,h2,p{margin:0}h1{letter-spacing:-.025em;margin-top:7px;font-size:1.25rem;font-weight:500}h2{font-size:1rem;font-weight:600}.topbar{border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:25px;height:76px;padding:0 max(28px,50vw - 640px);display:flex}.brand{letter-spacing:-.08em;align-items:center;gap:23px;font-size:2rem;font-weight:650;display:flex}.brand span{letter-spacing:.19em;color:var(--muted);font-size:.62rem;font-weight:500}.mic-status{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:.78rem;display:flex}.status-dot{background:var(--muted);border-radius:50%;width:7px;height:7px}.mic-status.active{color:var(--green)}.active .status-dot{background:var(--green)}.icon-button{background:0 0;border:0;padding:5px 10px;font-size:1.4rem}main{max-width:1280px;margin:0 auto;padding:30px 28px 20px}.workspace-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:.17em;color:var(--green);font-size:.64rem;font-weight:700}.quiet{background:0 0;font-weight:500}.quiet span{margin-left:10px;font-size:1.2rem}.workspace-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.instrument,.setup-panel,.history-panel{border:1px solid var(--border);background:var(--panel);border-radius:10px}.instrument{padding:23px 28px 0;overflow:hidden}.instrument-topline{letter-spacing:.08em;color:var(--muted);justify-content:space-between;gap:15px;font-size:.64rem;display:flex}.instrument-topline b{color:var(--text)}.instrument-topline .muted{letter-spacing:0}.muted{color:var(--muted)!important}.readout{text-align:center;min-height:253px;padding:14px 0 5px}.note{letter-spacing:-.06em;min-height:114px;font-size:6rem;font-weight:500;line-height:1.18}.cents{letter-spacing:-.03em;font-size:2.1rem;font-weight:450;line-height:1.3}.cents span{letter-spacing:0;color:var(--muted);font-size:.8rem;font-weight:400}.in-tune{color:var(--green)}.flat,.sharp{color:var(--warning)}.tuning-state{margin-top:6px;font-size:.9rem}.frequency{color:var(--muted);margin-top:9px;font-size:.75rem}.clipping .tuning-state{color:#ef9c86}.tuning-scale{border-top:1px solid var(--border);height:57px;margin:15px 8px 0;position:relative}.target-band{background:var(--green);opacity:.18;border-radius:3px;height:15px;position:absolute;top:-8px}.scale-center{background:var(--green);width:2px;height:23px;position:absolute;top:-12px;left:50%}.needle{color:var(--green);background:var(--green);width:2px;height:40px;position:absolute;top:-27px}.needle span{font-size:13px;position:absolute;top:-9px;left:-6px}.scale-labels{color:var(--muted);justify-content:space-between;padding-top:17px;font-size:.7rem;display:flex}.target-caption{text-align:center;color:var(--muted);min-height:44px;font-size:.72rem}.target-caption strong{color:var(--warning)}.session-controls{flex-wrap:wrap;justify-content:center;gap:9px;margin:5px 0 12px;display:flex}.primary{background:var(--green);color:var(--green-ink);border-color:var(--green);padding-inline:22px}.primary:hover{background:var(--green);color:var(--green-ink);opacity:.9}.primary.stop{background:var(--input);color:var(--text);border-color:var(--green)}.session-note{text-align:center;color:var(--muted);min-height:40px;padding:0 0 14px;font-size:.72rem}.warning{color:var(--warning)}.signal-strip{border-top:1px solid var(--border);background:var(--input);grid-template-columns:1fr 1fr;gap:25px;margin:0 -28px;padding:17px 28px;display:grid}.signal-strip>div{grid-template-columns:1fr auto;align-items:center;gap:9px;display:grid}.signal-strip span{letter-spacing:.12em;color:var(--muted);font-size:.57rem}.signal-strip strong{font-size:.79rem;font-weight:500}.signal-strip small{color:var(--muted);grid-column:1/-1;font-size:.63rem}.level-track{background:var(--border);grid-column:1/-1;height:3px;margin:6px 0}.level-track>div{background:var(--blue);height:100%}.setup-panel{flex-direction:column;grid-area:1/2/3;gap:16px;padding:21px;display:flex}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.panel-heading .eyebrow{color:var(--muted)}.small-tag{border:1px solid var(--border);color:var(--muted);border-radius:3px;padding:3px 7px;font-size:.6rem}.split{grid-template-columns:1fr 1fr;gap:12px;display:grid}.help{color:var(--muted);font-size:.71rem;line-height:1.65}.preset-buttons{gap:7px;margin-top:-5px;display:flex}.preset-buttons button{flex:1;min-height:44px;padding:6px;font-size:.76rem}.preset-buttons button.selected{border-color:var(--green);color:var(--green)}.history-panel{grid-column:1;padding:22px 24px 16px}.graph-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.graph-heading p{color:var(--muted);margin-top:4px;font-size:.7rem}.history-select select{min-height:44px;margin-top:0;padding:6px 10px;font-size:.75rem}.history-panel canvas{width:100%;height:260px;margin-top:22px;display:block}.graph-footer{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:15px;font-size:.65rem;display:flex}.legend{vertical-align:middle;width:14px;height:2px;margin-right:6px;display:inline-block}.legend.pitch{background:var(--green)}.legend.envelope{background:var(--blue)}.history-panel .help{margin-top:12px;font-size:.65rem}.diagnostics{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:24px;padding:6px 0}.diagnostics summary{cursor:pointer;padding:13px 0;font-size:.8rem;list-style-position:inside;display:list-item}.diagnostics summary span{float:right;color:var(--muted);font-size:.7rem}.diagnostics>p{color:var(--muted);margin:13px 0;font-size:.78rem}.diagnostic-grid{grid-template-columns:repeat(3,1fr);gap:18px 24px;padding:12px 0;display:grid}.diagnostic-grid dt{color:var(--muted);font-size:.69rem}.diagnostic-grid dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:.83rem}.diagnostic-actions{flex-wrap:wrap;gap:10px;display:flex}.fixture-results{background:var(--input);white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;padding:20px;font-size:.7rem;overflow:auto}footer{color:var(--muted);padding-top:24px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-between;gap:20px;font-size:.64rem;display:flex}dialog{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;width:min(480px,100vw - 24px);max-height:calc(100dvh - 40px);padding:24px;overflow:auto}dialog::backdrop{background:#071018bb}dialog>label,dialog>.split,dialog>.help,dialog>.preset-buttons,dialog>.panel-heading{margin-top:18px}.dialog-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden-note{letter-spacing:-.04em;margin-top:56px;font-size:3.3rem}.concealed p{color:var(--muted);margin-top:12px;font-size:.8rem}.classroom main{max-width:1600px}.classroom .setup-panel,.classroom .instrument-topline,.classroom footer{display:none}.classroom .workspace-grid{grid-template-columns:1fr}.classroom .history-panel{grid-column:1}.classroom .note{font-size:9rem}.classroom .cents{font-size:3.2rem}.classroom .readout{min-height:325px}.classroom .history-panel canvas{height:300px}@media (width>=1500px){main{padding-top:40px}.readout{min-height:275px;padding-top:23px}.note{font-size:6.5rem}}@media (width<=1000px){.workspace-grid{grid-template-columns:minmax(0,1fr) 260px;gap:15px}.setup-panel{padding:18px}.instrument{padding:20px 20px 0}.signal-strip{gap:15px;margin:0 -20px;padding:17px 20px}.instrument-topline .muted{display:none}.session-controls .quiet{padding-inline:10px}main{padding:25px 20px}.topbar{padding:0 20px}.graph-heading p{max-width:230px}}@media (width<=760px){.topbar{gap:12px;height:66px;padding:0 18px}.brand{gap:14px;font-size:1.8rem}.brand span{letter-spacing:.13em;font-size:.52rem}.mic-status{font-size:.64rem}.workspace-heading{margin-bottom:18px}.workspace-heading h1{font-size:1.05rem}.workspace-heading .quiet{padding:9px;font-size:.71rem}.workspace-heading .quiet span{display:none}main{padding:22px 14px}.workspace-grid{flex-direction:column;gap:16px;display:flex}.instrument,.history-panel{width:100%}.setup-panel{display:none}.instrument{padding:18px 18px 0}.instrument-topline{font-size:.58rem}.readout{min-height:245px;padding:18px 0 0}.note{min-height:110px;font-size:5.7rem}.cents{font-size:2rem}.session-controls{grid-template-columns:1fr 1fr;gap:9px;display:grid}.session-controls>button{padding:11px 7px;font-size:.8rem}.session-controls .quiet{grid-column:1/-1;min-height:44px;padding:4px}.session-note{padding-bottom:13px;font-size:.68rem}.signal-strip{gap:15px;margin:0 -18px;padding:15px 18px}.signal-strip>div{flex-direction:column;align-items:start;gap:5px;display:flex}.signal-strip strong{font-size:.81rem}.level-track{width:100%}.signal-strip small{font-size:.6rem}.history-panel{padding:18px 15px 15px}.history-panel canvas{height:245px}.graph-heading p{max-width:200px;font-size:.65rem}.history-select select{max-width:110px;min-height:44px}.graph-footer{gap:12px;font-size:.6rem}.diagnostics summary{font-size:.78rem}.diagnostics summary span{float:none;margin:8px 0 0 18px;display:block}.diagnostic-grid{grid-template-columns:1fr 1fr;gap:18px}.diagnostic-actions>button{width:100%}footer{padding-bottom:calc(12px + env(safe-area-inset-bottom));flex-direction:column;gap:7px}dialog{width:100%;max-width:none;max-height:90dvh;padding:22px 22px calc(22px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;margin:auto 0 0}.preset-buttons button{min-height:44px}.classroom .note{font-size:7rem}.classroom .history-panel canvas{height:220px}}@media (width<=360px){.brand span{display:none}.mic-status{font-size:.7rem}.workspace-heading h1{font-size:.9rem}.signal-strip{grid-template-columns:1fr 1fr}.graph-heading{align-items:start}.graph-heading p{max-width:145px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}