.tuner-meter{--tm-ok:#16a34a;--tm-near:#f59e0b;--tm-far:#dc2626;--tm-far-bg:#fde8e8;--tm-near-bg:#fdecc8;--tm-ok-bg:#bbf0cc;--tm-ok-strong:#86e0a4;margin-top:18px}.tuner-meter__read{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;min-height:44px;display:flex}.tuner-meter__cents{font-variant-numeric:tabular-nums;color:var(--cl-text);text-align:right;min-width:2.6ch;font-size:40px;font-weight:900;line-height:1}.tuner-meter__unit{text-transform:uppercase;letter-spacing:.06em;color:var(--cl-muted);font-size:12px;font-weight:800}.tuner-meter__word{color:var(--cl-text-2);font-size:16px;font-weight:800}.tuner-meter.is-ok .tuner-meter__cents,.tuner-meter.is-ok .tuner-meter__word{color:var(--tm-ok)}.tuner-meter.is-near .tuner-meter__word{color:#b45309}.tuner-meter.is-far .tuner-meter__word{color:#b91c1c}.tuner-meter__track{border:1px solid var(--cl-border-strong);background:repeating-linear-gradient(90deg, transparent 0 calc(10% - 1px), color-mix(in srgb, var(--cl-text) 22%, transparent) calc(10% - 1px) 10%) bottom / 100% 14px no-repeat, repeating-linear-gradient(90deg, transparent 0 calc(5% - 1px), color-mix(in srgb, var(--cl-text) 12%, transparent) calc(5% - 1px) 5%) bottom / 100% 8px no-repeat, var(--tm-far-bg);border-radius:14px;height:56px;margin-top:10px;position:relative;overflow:hidden}.tuner-meter__band{position:absolute;top:0;bottom:0}.tuner-meter__band.is-near{background:var(--tm-near-bg)}.tuner-meter__band.is-ok{background:var(--tm-ok-bg);box-shadow:inset 1px 0 0 var(--tm-ok), inset -1px 0 0 var(--tm-ok)}.tuner-meter.is-ok .tuner-meter__band.is-ok{background:var(--tm-ok-strong)}.tuner-meter__center{background:var(--tm-ok);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.tuner-meter__needle{width:0;transition:left .12s ease-out;position:absolute;top:0;bottom:0}.tuner-meter__needle:before{content:"";background:var(--cl-text);width:5px;box-shadow:0 0 0 2px var(--cl-surface);border-radius:999px;position:absolute;top:4px;bottom:4px;left:-2.5px}.tuner-meter__tip{border:7px solid #0000;border-top:8px solid var(--cl-text);position:absolute;top:-1px;left:-7px}.tuner-meter.is-ok .tuner-meter__needle:before{background:var(--tm-ok)}.tuner-meter.is-ok .tuner-meter__tip{border-top-color:var(--tm-ok)}.tuner-meter.is-near .tuner-meter__needle:before{background:var(--tm-near)}.tuner-meter.is-near .tuner-meter__tip{border-top-color:var(--tm-near)}.tuner-meter.is-far .tuner-meter__needle:before{background:var(--tm-far)}.tuner-meter.is-far .tuner-meter__tip{border-top-color:var(--tm-far)}.tuner-meter__scale{height:18px;color:var(--cl-muted);font-variant-numeric:tabular-nums;margin:4px 10px 0;font-size:11px;font-weight:700;position:relative}.tuner-meter__scale span{white-space:nowrap;position:absolute;transform:translate(-50%)}.tuner-meter__scale span:first-child{transform:none}.tuner-meter__scale span:last-child{transform:translate(-100%)}.tuner-meter__scale .is-zero{color:var(--tm-ok);font-weight:900}.tuner-meter__ends{text-transform:uppercase;letter-spacing:.04em;color:var(--cl-muted);justify-content:space-between;margin-top:2px;font-size:11px;font-weight:800;display:flex}.tuner-meter__hold{background:var(--cl-surface-2,#f4efe6);border-radius:999px;place-items:center;height:30px;margin-top:10px;display:grid;position:relative;overflow:hidden}.tuner-meter__hold-fill{transform-origin:0;background:var(--tm-ok-strong);animation:linear both tuner-hold;position:absolute;inset:0}.tuner-meter__hold-text{color:var(--cl-text-2);font-size:12.5px;font-weight:800;position:relative}.tuner-meter.is-ok .tuner-meter__hold-text{color:var(--cl-text)}@keyframes tuner-hold{0%{transform:scaleX(0)}to{transform:scaleX(1)}}:root[data-theme=dark] .tuner-meter{--tm-ok:#4ade80;--tm-near:#fbbf24;--tm-far:#f87171;--tm-far-bg:#33191b;--tm-near-bg:#3a2c12;--tm-ok-bg:#1a4a2b;--tm-ok-strong:#23683b}:root[data-theme=dark] .tuner-meter.is-near .tuner-meter__word{color:#fde68a}:root[data-theme=dark] .tuner-meter.is-far .tuner-meter__word{color:#fecaca}@media (max-width:480px){.tuner-meter__cents{font-size:34px}.tuner-meter__scale span:nth-child(2),.tuner-meter__scale span:nth-child(4){display:none}}@media (prefers-reduced-motion:reduce){.tuner-meter__needle{transition:none}.tuner-meter__hold-fill{animation:none;transform:scaleX(1)}}.tuner-say__turn{justify-content:center;align-items:center;gap:6px;margin:2px 0 6px;font-size:15px;font-weight:800;display:flex}.tuner-say__turn .is-cw{transform:scaleX(-1)}.tuner-buddy{flex-direction:column;align-items:center;gap:6px;margin-bottom:8px;display:flex}.tuner-buddy__say{border:1px solid var(--cl-border-strong);background:var(--cl-surface-2,var(--cl-surface));max-width:190px;color:var(--cl-text);text-align:center;border-radius:14px;padding:7px 11px;font-size:12.5px;font-weight:700;line-height:1.3}.tuner-short{display:none}@media (max-width:640px){.tuner{padding:14px}.tuner-steps,.tuner-extra,.tuner-strings-wrap,.tuner-side>p,.tuner-side>.cl-btn,.tuner-say p:not(.tuner-say__big):not(.tuner-say__turn),.tuner-say.is-idle{display:none}.tuner-side svg{max-width:210px}.tuner-start{gap:6px;margin-top:0}.tuner-main{gap:12px;margin-top:12px}.tuner-strings{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.tuner-strings .tuner-auto{grid-column:1/-1;padding-block:6px}.tuner-strings .cl-chip{min-height:0;padding:7px 2px}.tuner-strings .tuner-long{display:none}.tuner-strings .tuner-short{display:inline}.tuner-strings .cl-chip__hint svg{display:none}.tuner-meter__hold{margin-top:6px}.tuner-say{margin-top:10px}}