.tuner-widget{--t-in-tune:#059669;--t-sharp:var(--accent);--t-flat:color-mix(in srgb, var(--accent) 60%, #2563eb);width:100%;max-width:48rem;color:var(--foreground);margin-inline:auto}.tuner-article{border-top:1px solid var(--border);width:100%;max-width:68ch;margin:clamp(3rem,8vw,5rem) auto 0;padding-top:clamp(2rem,5vw,3rem)}.tuner-equation{border:1px solid var(--border);border-inline-start:3px solid var(--accent);border-radius:var(--radius);background:var(--surface-soft);margin:1.25rem 0;padding:.9rem 1rem;overflow-x:auto}.tuner-equation math{min-width:max-content;color:var(--heading);margin-inline:auto;font-size:clamp(1.05rem,3vw,1.25rem)}.equation-copy-button{margin:0 0 .5rem auto;display:block}html[data-theme=dark] .tuner-widget{--t-in-tune:#34d399}.tuner-widget *,.tuner-widget :before,.tuner-widget :after{box-sizing:border-box;margin:0;padding:0}.tuner-widget .tuning-control{gap:.45rem;margin-bottom:18px;display:grid}.tuner-widget .tuning-control label{color:var(--heading);font-size:.9rem;font-weight:700}.tuner-widget .tuning-select-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);position:relative}.tuner-widget .tuning-select{appearance:none;border-radius:inherit;width:100%;color:var(--foreground);cursor:pointer;font:inherit;background:0 0;border:0;padding:.75rem 2.75rem .75rem .8rem}.tuner-widget .tuning-select:focus-visible{outline:none}.tuner-widget .tuning-select option{background:var(--surface);color:var(--foreground)}.tuner-widget .tuning-select option:checked{background:var(--accent);color:var(--on-accent)}.tuner-widget .tuning-select-icon{fill:none;width:1.1rem;height:1.1rem;stroke:var(--text-muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke .15s;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.tuner-widget .tuning-select-wrap:is(:hover,:focus-within) .tuning-select-icon{stroke:var(--accent)}.tuner-widget .display{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);text-align:center;margin-bottom:14px;padding:24px 20px 16px}.tuner-widget .note-big{letter-spacing:-2px;color:var(--text-muted);font-size:5rem;font-weight:700;line-height:1;transition:color .15s,opacity .15s}.tuner-widget .note-big sup{vertical-align:super;letter-spacing:0;font-size:1.8rem;font-weight:600}.tuner-widget .note-big.in-tune{color:var(--t-in-tune);opacity:1}.tuner-widget .note-big.sharp{color:var(--t-sharp);opacity:1}.tuner-widget .note-big.flat{color:var(--t-flat);opacity:1}.tuner-widget .freq-label{color:var(--text-muted);min-height:18px;margin:4px 0 18px;font-size:.8rem}.tuner-widget .meter-wrap{height:48px;margin-bottom:4px;position:relative}.tuner-widget .meter-rail{background:var(--border);height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.tuner-widget .meter-ok{background:var(--t-in-tune);opacity:.5;width:12%;height:4px;position:absolute;top:50%;left:44%;transform:translateY(-50%)}.tuner-widget .meter-center-line{background:var(--border);width:1px;position:absolute;top:8px;bottom:8px;left:50%;transform:translate(-50%)}.tuner-widget .needle{background:var(--accent);width:2px;transition:left 80ms ease-out,background .15s;position:absolute;top:6px;bottom:6px;left:50%;transform:translate(-50%)}.tuner-widget .needle.in-tune{background:var(--t-in-tune)}.tuner-widget .meter-row{color:var(--text-muted);justify-content:space-between;margin-bottom:6px;padding:0 2px;font-size:.68rem;display:flex}.tuner-widget .cents-label{color:var(--text-muted);min-height:18px;font-size:.78rem}.tuner-widget .strings{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px;margin-bottom:16px;display:grid}.tuner-widget .strings[hidden]{display:none}.tuner-widget .string-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;padding:12px 4px 10px;transition:border-color .15s,background .15s}.tuner-widget .string-card.nearest{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-style:solid}.tuner-widget .string-card.in-tune{border-color:var(--t-in-tune);background:color-mix(in srgb, var(--t-in-tune) 8%, transparent);border-style:solid}.tuner-widget .s-note{color:var(--foreground);font-size:1.6rem;font-weight:700;line-height:1.1}.tuner-widget .s-note sup{vertical-align:super;font-size:.8rem;font-weight:500}.tuner-widget .s-freq{color:var(--text-muted);margin-top:3px;font-size:.65rem}.tuner-widget .mic-btn{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);width:100%;color:var(--on-accent);letter-spacing:2px;text-transform:uppercase;cursor:pointer;padding:12px;font-size:.9rem;font-weight:700;transition:background .15s,color .15s}.tuner-widget .mic-btn:hover{background:var(--accent-hover)}.tuner-widget .mic-btn.on{background:var(--accent);color:var(--on-accent);border-style:solid}.tuner-widget .mic-btn.on:hover{opacity:.85}.tuner-widget .status-line{text-align:center;color:var(--text-muted);min-height:18px;margin-top:8px;font-size:.72rem}.tuner-widget .status-line.err{color:var(--accent);opacity:1}