.tuner-page{background:var(--paper-2,#f0ece7);justify-content:center;min-height:100vh;padding:24px 16px 80px;display:flex}@supports (color:lab(0% 0 0)){.tuner-page{background:var(--paper-2,lab(93.6339% .690728 2.95978))}}.tuner-device{background:var(--paper,#f8f5f1);border:1px solid var(--line-soft,#e9e4dd);border-radius:28px;width:100%;max-width:380px;padding-bottom:1.5rem;overflow:hidden}@supports (color:lab(0% 0 0)){.tuner-device{background:var(--paper,lab(96.7626% .51406 2.21726));border:1px solid var(--line-soft,lab(90.7369% .870407 3.7042))}}.tuner-topbar{justify-content:space-between;align-items:center;padding:1.25rem 1.25rem .75rem;display:flex}.tuner-title{font-family:var(--display,"Newsreader", serif);letter-spacing:-.01em;color:var(--ink,#1b1612);margin:0;font-size:22px;font-weight:500}@supports (color:lab(0% 0 0)){.tuner-title{color:var(--ink,lab(7.75355% 2.14732 3.62664))}}.tuner-mode-pill{background:var(--paper-2,#f0ece7);border-radius:20px;gap:2px;padding:3px;display:flex}@supports (color:lab(0% 0 0)){.tuner-mode-pill{background:var(--paper-2,lab(93.6339% .690728 2.95978))}}.tuner-mode-btn{cursor:pointer;color:var(--ink-3,#6d6864);font-size:11px;font-family:var(--sans,"Geist", sans-serif);background:0 0;border:none;border-radius:16px;padding:4px 12px;transition:background .15s,color .15s}@supports (color:lab(0% 0 0)){.tuner-mode-btn{color:var(--ink-3,lab(44.3049% 1.35762 2.66888))}}.tuner-mode-btn.active{background:var(--paper,#f8f5f1);color:var(--ink,#1b1612);border:1px solid var(--line-soft,#e9e4dd)}@supports (color:lab(0% 0 0)){.tuner-mode-btn.active{background:var(--paper,lab(96.7626% .51406 2.21726));color:var(--ink,lab(7.75355% 2.14732 3.62664));border:1px solid var(--line-soft,lab(90.7369% .870407 3.7042))}}.tuner-meter-zone{background:var(--paper-2,#f0ece7);border-radius:16px;margin:0 1rem;padding:1.25rem 1rem 1rem}@supports (color:lab(0% 0 0)){.tuner-meter-zone{background:var(--paper-2,lab(93.6339% .690728 2.95978))}}.tuner-meta-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.tuner-flat-sharp{gap:4px;display:flex}.tuner-fs-btn{color:var(--ink-3,#6d6864);cursor:pointer;font-size:15px;font-family:var(--sans,sans-serif);background:0 0;border:none;border-radius:6px;padding:2px 8px;transition:background .12s,color .12s}@supports (color:lab(0% 0 0)){.tuner-fs-btn{color:var(--ink-3,lab(44.3049% 1.35762 2.66888))}}.tuner-fs-btn.active{color:var(--ink,#1b1612);background:var(--paper,#f8f5f1);border:1px solid var(--line-soft,#e9e4dd)}@supports (color:lab(0% 0 0)){.tuner-fs-btn.active{color:var(--ink,lab(7.75355% 2.14732 3.62664));background:var(--paper,lab(96.7626% .51406 2.21726));border:1px solid var(--line-soft,lab(90.7369% .870407 3.7042))}}.tuner-hz-info{color:var(--ink-3,#6d6864);font-size:12px;font-family:var(--mono,monospace)}@supports (color:lab(0% 0 0)){.tuner-hz-info{color:var(--ink-3,lab(44.3049% 1.35762 2.66888))}}.tuner-meter-svg-wrap{height:76px;position:relative}.tuner-meter-svg-wrap svg{width:100%;height:76px}.tuner-status-badge{text-align:center;letter-spacing:.1em;box-sizing:border-box;border-radius:20px;width:100%;margin:.75rem 0 .25rem;padding:4px 16px;font-size:11px;font-weight:600;display:inline-block}.tuner-status-ready{color:var(--ink-3,#6d6864)}@supports (color:lab(0% 0 0)){.tuner-status-ready{color:var(--ink-3,lab(44.3049% 1.35762 2.66888))}}.tuner-status-perfect{color:#3b6d11;background:#eaf3de}.tuner-status-low,.tuner-status-high{color:#854f0b;background:#faeeda}.tuner-cents-row{justify-content:center;align-items:baseline;gap:4px;margin:.25rem 0;display:flex}.tuner-cents-val{color:var(--ink,#1b1612);font-size:22px;font-weight:500;font-family:var(--mono,monospace)}@supports (color:lab(0% 0 0)){.tuner-cents-val{color:var(--ink,lab(7.75355% 2.14732 3.62664))}}.tuner-cents-unit{color:var(--ink-3,#6d6864);font-size:13px}@supports (color:lab(0% 0 0)){.tuner-cents-unit{color:var(--ink-3,lab(44.3049% 1.35762 2.66888))}}.tuner-big-note{text-align:center;font-family:var(--display,"Newsreader", serif);color:var(--ink,#1b1612);letter-spacing:-2px;padding:.5rem 0 .25rem;font-size:80px;font-weight:500;line-height:1}@supports (color:lab(0% 0 0)){.tuner-big-note{color:var(--ink,lab(7.75355% 2.14732 3.62664))}}.tuner-octave-row{justify-content:center;gap:8px;margin-bottom:.75rem;display:flex}.tuner-oct-dot{background:var(--line,#dcd6cf);border-radius:50%;width:8px;height:8px;transition:background .15s}@supports (color:lab(0% 0 0)){.tuner-oct-dot{background:var(--line,lab(86.0998% 1.05408 4.45136))}}.tuner-oct-dot.active{background:#e24b4a}.tuner-strings-grid{grid-template-columns:repeat(6,1fr);gap:6px;margin:0 1rem .75rem;display:grid}.tuner-str-btn{border:1px solid var(--line-soft,#e9e4dd);background:var(--paper-2,#f0ece7);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:.5rem .25rem;transition:background .12s,border-color .12s;display:flex}@supports (color:lab(0% 0 0)){.tuner-str-btn{border:1px solid var(--line-soft,lab(90.7369% .870407 3.7042));background:var(--paper-2,lab(93.6339% .690728 2.95978))}}.tuner-str-btn:hover{background:var(--paper,#f8f5f1);border-color:var(--line,#dcd6cf)}@supports (color:lab(0% 0 0)){.tuner-str-btn:hover{background:var(--paper,lab(96.7626% .51406 2.21726));border-color:var(--line,lab(86.0998% 1.05408 4.45136))}}.tuner-str-btn.active{background:var(--paper,#f8f5f1);border-color:#e24b4a}@supports (color:lab(0% 0 0)){.tuner-str-btn.active{background:var(--paper,lab(96.7626% .51406 2.21726))}}.tuner-str-num{color:var(--ink-4,#9b9795);font-size:10px;font-family:var(--mono,monospace)}@supports (color:lab(0% 0 0)){.tuner-str-num{color:var(--ink-4,lab(62.8692% 1.00851 1.99536))}}.tuner-str-name{color:var(--ink,#1b1612);font-size:16px;font-weight:500;font-family:var(--display,serif)}@supports (color:lab(0% 0 0)){.tuner-str-name{color:var(--ink,lab(7.75355% 2.14732 3.62664))}}.tuner-str-btn.active .tuner-str-name{color:#a32d2d}.tuner-str-freq{color:var(--ink-4,#9b9795);font-size:9px;font-family:var(--mono,monospace)}@supports (color:lab(0% 0 0)){.tuner-str-freq{color:var(--ink-4,lab(62.8692% 1.00851 1.99536))}}.tuner-controls{justify-content:space-between;align-items:center;padding:.75rem 1.25rem 0;display:flex}.tuner-ctrl-btn{cursor:pointer;color:var(--ink-3,#6d6864);font-family:var(--sans,sans-serif);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;transition:color .15s;display:flex}@supports (color:lab(0% 0 0)){.tuner-ctrl-btn{color:var(--ink-3,lab(44.3049% 1.35762 2.66888))}}.tuner-ctrl-btn:hover{color:var(--ink,#1b1612)}@supports (color:lab(0% 0 0)){.tuner-ctrl-btn:hover{color:var(--ink,lab(7.75355% 2.14732 3.62664))}}.tuner-ctrl-btn span{font-size:11px}.tuner-listen-btn{color:#fff;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--sans,sans-serif);background:#e24b4a;border:none;border-radius:24px;align-items:center;gap:8px;padding:.65rem 2rem;transition:background .2s;display:flex}.tuner-listen-btn.listening{background:#3b6d11}.tuner-listen-btn:hover:not(.listening){background:#993c1d}.tuner-mic-error{text-align:center;color:var(--ink-3,#6d6864);padding:.75rem 1.25rem 0;font-size:12px}@supports (color:lab(0% 0 0)){.tuner-mic-error{color:var(--ink-3,lab(44.3049% 1.35762 2.66888))}}@media (max-width:420px){.tuner-device{border-radius:20px}.tuner-big-note{font-size:64px}.tuner-str-name{font-size:14px}}