.tuner-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.tuner .field:disabled{opacity:.45}.dial{max-width:440px;margin:1rem auto 0;position:relative}.gauge svg{width:100%;height:auto;display:block;overflow:visible}.gauge .track{fill:none;stroke:var(--green-line);stroke-width:14px;stroke-linecap:round}.gauge .band-near{fill:none;stroke:var(--amber);stroke-width:14px}.gauge .band-good{fill:none;stroke:var(--mint);stroke-width:14px}.gauge .tick{stroke:var(--on-green-muted);stroke-opacity:.5;stroke-width:1.5px}.gauge .tick.major{stroke-opacity:.9;stroke-width:2.5px}.gauge .end-label{fill:var(--on-green-muted);font-size:22px;font-family:var(--serif)}.gauge .needle line{stroke:#fff;stroke-width:6px;stroke-linecap:round}.gauge .needle{opacity:.35;transition:transform .1s linear}.gauge[data-active] .needle{opacity:1}.tuner[data-tone=good] .gauge .needle line{stroke:#fff}.tuner[data-tone=good] .gauge .band-good{stroke:#b4f0c6;filter:drop-shadow(0 0 6px #a3dbb0b3)}.tuner[data-tone=off] .gauge .needle line,.tuner[data-tone=far] .gauge .needle line{stroke:var(--amber)}.readout{text-align:center;pointer-events:none;position:absolute;top:30%;left:0;right:0}.note{font-family:var(--display);color:#fff;font-variant-numeric:lining-nums;font-size:clamp(5rem,24vw,8.5rem);font-weight:700;line-height:.9}.note sub{vertical-align:baseline;color:var(--on-green-muted);margin-left:.05em;font-size:.32em}.tuner[data-tone=good] .note{color:var(--mint)}.tuner[data-status=holding] .note,.tuner[data-status=holding] .numbers{opacity:.6}.numbers{font-variant-numeric:tabular-nums;justify-content:center;gap:.9rem;margin-top:.4rem;display:flex}.cents{color:var(--on-green);min-width:3.5em;font-size:1.35rem}.hz{color:var(--on-green-muted);align-self:center;font-size:1.05rem}.message{text-align:center;min-height:2.6em;color:var(--on-green);margin:.75rem 0 .5rem;font-size:1.3rem}.tuner[data-tone=good] .message{color:var(--mint)}.tuner[data-tone=off] .message,.tuner[data-tone=far] .message{color:var(--amber)}.message[data-error]{color:var(--amber);font-size:1.1rem}.strings{grid-template-columns:repeat(4,1fr);gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.strings li{border:1px solid var(--green-line);border-radius:var(--radius-lg);background:var(--green);grid-template-rows:auto auto;display:grid;overflow:hidden}.strings li[data-current]{border-color:var(--on-green-muted)}.strings li[data-in-tune]{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint)}.string,.speaker{font:inherit;color:var(--on-green);cursor:pointer;touch-action:manipulation;background:0 0;border:0}.string{font-family:var(--display);min-height:64px;padding:.6rem 0 .35rem;font-size:2rem;font-weight:700}.string sub{font-family:var(--serif);vertical-align:baseline;color:var(--on-green-muted);font-size:.85rem;font-weight:400}.string[aria-pressed=true]{background:var(--mint);color:var(--green-deep)}.string[aria-pressed=true] sub{color:var(--green-deep)}.speaker{border-top:1px solid var(--green-line);place-items:center;min-height:44px;display:grid}.speaker svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;width:22px;height:22px}.speaker:hover,.string:hover{background:var(--green-raised)}.string[aria-pressed=true]:hover{background:#a8e8bb}.speaker[aria-pressed=true]{color:var(--green-deep);background:var(--amber)}.strings-hint{text-align:center;color:var(--on-green-muted);margin:.6rem 0 0;font-size:.95rem}.tuning-hint{color:var(--on-green-muted);margin:0}