:root{--tuner-green: #39ff14;--tuner-green-dim: #1a6b12;--tuner-bg: #000}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#0a0a0a;color:#94a3b8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.tuner-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - var(--audio-bar-h, 0px));padding:24px 16px 32px;gap:20px}.tuner-display{width:min(340px,92vw);aspect-ratio:1;background:var(--tuner-bg);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px 28px;box-shadow:0 0 40px #39ff1414,inset 0 0 60px #39ff1408}.tuner-meter{width:100%;max-width:280px;height:auto;flex-shrink:0}.tuner-meter .bar{fill:var(--tuner-green-dim);transition:fill .06s ease,opacity .06s ease}.tuner-meter .bar--center{fill:var(--tuner-green);opacity:.45}.tuner-meter .needle{stroke:var(--tuner-green);stroke-width:4;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 5px var(--tuner-green));transition:opacity .08s ease}.tuner-meter .needle--on{opacity:1}.tuner-meter .needle--in-tune{stroke-width:5;filter:drop-shadow(0 0 9px var(--tuner-green))}.tuner-meter .diamond{fill:var(--tuner-green);filter:drop-shadow(0 0 5px var(--tuner-green));opacity:0;transition:opacity .12s ease}.tuner-meter .diamond--on{opacity:1}.tuner-note{margin-top:4px;font-family:Share Tech Mono,Courier New,monospace;color:var(--tuner-green);text-shadow:0 0 12px rgba(57,255,20,.7),0 0 30px rgba(57,255,20,.35);line-height:1;display:flex;align-items:flex-end;justify-content:center;min-height:72px}.tuner-note__letter{font-size:clamp(56px,18vw,80px);font-weight:400}.tuner-note__acc{font-size:clamp(28px,8vw,40px);align-self:flex-start;margin-top:.35em;margin-left:-.05em}.tuner-note__octave{font-size:clamp(22px,6vw,32px);align-self:flex-end;margin-left:.05em;margin-bottom:.15em}.tuner-note--idle .tuner-note__letter{opacity:.35}.tuner-cents{margin:8px 0 0;font-family:Share Tech Mono,monospace;font-size:.95rem;color:var(--tuner-green-dim);letter-spacing:.04em;min-height:1.2em}.tuner-cents--in-tune{color:var(--tuner-green);text-shadow:0 0 8px rgba(57,255,20,.5)}.tuner-hint{margin:0;font-size:.9rem;text-align:center;max-width:320px}.tuner-mic-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--tuner-green-dim);background:transparent;color:var(--tuner-green);font-size:1rem;padding:12px 20px;border-radius:999px;cursor:pointer;font-family:inherit}.tuner-mic-btn--live{border-color:var(--tuner-green);background:#39ff141f;box-shadow:0 0 16px #39ff1433}.tuner-mic-btn:disabled{opacity:.6;cursor:wait}.tuner-accidental{display:flex;align-items:center;gap:8px;font-size:.88rem;cursor:pointer;-webkit-user-select:none;user-select:none}.tuner-accidental input{accent-color:var(--tuner-green)}