.listening-mode{display:flex;gap:6px;margin:0 0 17px;padding:4px;background:#f1ede4;border-radius:10px}.listening-mode button{flex:1;border:0;border-radius:7px;padding:10px 6px;background:transparent;font-size:14px;font-weight:700;color:#0d1f3c}.listening-mode button[aria-pressed=true]{background:#0d1f3c;color:white}
.live-caption{font-size:12px;letter-spacing:1.4px;color:#5c6470;margin:14px 0 0;font-weight:700}.target-frequency{font-size:15px}.meter{height:72px;margin-top:12px;border-bottom:2px solid #cdd3d8}.ticks{inset:24px 0 0;background:repeating-linear-gradient(90deg,#aeb9c4 0 2px,transparent 2px calc(5% - .1px))}.needle{height:72px;width:4px;transition:left 75ms linear,opacity 150ms}.needle:before{content:'';position:absolute;left:-6px;top:0;width:16px;height:16px;border-radius:50%;background:var(--signal)}.center-tick{top:10px;bottom:0}.center-zone{left:47.5%;width:5%;background:#d8edc3}.meter-labels span:nth-child(2){color:#32601d}.readings{padding:12px 0;border-bottom:1px solid #eee8dc;align-items:center}.readings strong{font-size:19px}#cents{font-size:25px}.tuning-panel[data-stale=true] .needle{opacity:.3!important}.tuning-panel[data-stale=true] .readings{opacity:1}.tuning-panel[data-stale=true]{--signal:#5c6470}.motion{font-size:14px;min-height:20px;color:#664812;margin:4px 0 10px}.note-display{letter-spacing:-3px}
@media(max-width:740px){.listening-mode{margin-bottom:10px}.listening-mode button{padding:8px}.live-caption{margin-top:6px}.meter{height:58px}.needle{height:58px}.readings{gap:13px;padding:6px 0;margin-bottom:12px}.readings strong{font-size:16px}#cents{font-size:22px}.target-frequency{font-size:13px}.motion{margin:3px 0 6px}.tuning-panel{padding-top:10px}.intro{padding:10px 0}.note-display #target-note{font-size:64px}}

.input-level{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;font-size:12px;color:#5c6470}.input-level meter{width:70px;height:12px;accent-color:#126d50}

#pitch-trail{display:block;width:100%;height:150px;border:1px solid #dce1df;border-radius:10px}.trail-heading{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#5c6470;margin:8px 0}.trail-heading span:first-child{font-weight:700;letter-spacing:1px}.meter{display:none}.meter-labels{margin-top:7px}@media(max-width:740px){#pitch-trail{height:125px}.trail-heading{font-size:10px}}

#pitch-trail{height:255px}.mic-check p{margin:5px 0;font-size:13px}.tuning-panel[data-status=tuned]{background:white}@media(max-width:740px){#pitch-trail{height:235px}}

.meter-labels .pitch-symbol{font-size:22px;line-height:1;vertical-align:middle;font-weight:500;margin:0 3px}