.tuner-page{--tuner-panel:rgba(10,14,22,.72);--tuner-panel-strong:#111827;--tuner-line:rgba(255,255,255,.09);--tuner-soft:rgba(255,255,255,.64);--tuner-muted:rgba(255,255,255,.42);--tuner-accent:#d6bd83;--tuner-green:#39d98a;--tuner-orange:#f4a340;--tuner-red:#ef5b5b;max-width:1240px;margin:0 auto;padding:1.1rem 1rem 2.5rem}.tuner-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:1.6rem .1rem 1.45rem;border-bottom:1px solid var(--tuner-line)}.tuner-eyebrow,.tuner-step,.tuner-listening-label{margin:0;color:var(--tuner-accent);font-size:.69rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.tuner-hero h1{margin:.25rem 0 0;color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:750;letter-spacing:-.04em}.tuner-subtitle{max-width:760px;margin:.55rem 0 0;color:var(--tuner-soft);font-size:1rem;line-height:1.6}.tuner-live-badge{display:flex;align-items:center;gap:.6rem;flex:0 0 auto;padding:.65rem .85rem;border:1px solid var(--tuner-line);border-radius:999px;background:rgba(255,255,255,.035);color:var(--tuner-soft);font-size:.78rem;font-weight:700}.tuner-live-dot{width:.55rem;height:.55rem;border-radius:50%;background:#6f7784;box-shadow:0 0 0 4px rgba(111,119,132,.1)}.tuner-live-badge.is-live{color:#d8fbea;border-color:rgba(57,217,138,.28);background:rgba(57,217,138,.07)}.tuner-live-badge.is-live .tuner-live-dot{background:var(--tuner-green);box-shadow:0 0 0 5px rgba(57,217,138,.12),0 0 18px rgba(57,217,138,.48)}.tuner-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.55fr);gap:1rem;margin-top:1rem}.tuner-card{border:1px solid var(--tuner-line);border-radius:1.25rem;background:linear-gradient(180deg,rgba(20,27,40,.88),rgba(9,13,21,.76));box-shadow:0 18px 50px rgba(0,0,0,.18)}.tuner-settings{padding:1.25rem}.tuner-card-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.05rem}.tuner-card-heading>div{display:flex;align-items:center;gap:.7rem}.tuner-card-heading h2{margin:0;color:#fff;font-size:1.05rem;font-weight:750}.tuner-card-heading.compact{margin-bottom:.8rem}.tuner-card-caption{color:var(--tuner-muted);font-size:.78rem}.tuner-field{margin-top:1rem}.tuner-field label{display:block;margin-bottom:.45rem;color:#f4f7fb;font-size:.84rem;font-weight:700}.tuner-field small{display:block;margin-top:.42rem;color:var(--tuner-muted);font-size:.75rem;line-height:1.45}.tuner-select{min-height:2.8rem;border:1px solid rgba(255,255,255,.11);border-radius:.8rem;background-color:#121a28;color:#f7f9fc;box-shadow:none}.tuner-select:focus{border-color:rgba(214,189,131,.65);box-shadow:0 0 0 .18rem rgba(214,189,131,.1)}.tuner-reference-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.tuner-reference-value{display:flex;align-items:center;justify-content:center;min-width:5.4rem;padding:0 .65rem;border:1px solid rgba(214,189,131,.2);border-radius:.8rem;background:rgba(214,189,131,.06);color:#e7ddc4;font-size:.75rem}.tuner-reference-value strong{margin-right:.25rem;font-size:1rem}.tuner-start-button{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;margin-top:1.2rem;min-height:3rem;border:1px solid rgba(214,189,131,.5);border-radius:.85rem;background:linear-gradient(180deg,#d6bd83,#b89c62);color:#111722;font-weight:800}.tuner-start-button:hover,.tuner-start-button:focus{color:#0b1018;filter:brightness(1.06)}.tuner-start-button.is-running{border-color:rgba(239,91,91,.55);background:rgba(239,91,91,.12);color:#ffdede}.tuner-privacy-note{display:flex;gap:.55rem;margin-top:.9rem;padding:.7rem .75rem;border-radius:.75rem;background:rgba(255,255,255,.03);color:var(--tuner-muted);font-size:.72rem;line-height:1.45}.tuner-privacy-note i{color:#8bb3c7}.tuner-console{padding:1.35rem;overflow:hidden}.tuner-console-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.tuner-note-row{display:flex;align-items:baseline;gap:.85rem;margin-top:.2rem}.tuner-note{color:#fff;font-size:clamp(3.4rem,8vw,6.7rem);font-weight:800;line-height:.95;letter-spacing:-.06em}.tuner-string-number{color:var(--tuner-soft);font-size:.9rem;font-weight:700}.tuner-frequency-block{text-align:right}.tuner-frequency-block span,.tuner-target-row span,.tuner-signal>span{display:block;color:var(--tuner-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.tuner-frequency-block strong{display:block;margin-top:.25rem;color:#f3f6fa;font-size:1.15rem}.tuner-meter{margin-top:1.4rem}.tuner-meter-scale{display:grid;grid-template-columns:repeat(5,1fr);padding:0 .2rem .4rem;color:var(--tuner-muted);font-size:.68rem}.tuner-meter-scale span{text-align:center}.tuner-meter-scale span:first-child{text-align:left}.tuner-meter-scale span:last-child{text-align:right}.tuner-meter-track{position:relative;height:6.2rem;border:1px solid rgba(255,255,255,.08);border-radius:1.1rem;overflow:hidden;background:#0c111a}.tuner-zone{position:absolute;top:0;bottom:0;opacity:.23}.tuner-zone-red{background:var(--tuner-red)}.tuner-zone-orange{background:var(--tuner-orange)}.tuner-zone-green{left:45%;width:10%;background:var(--tuner-green);opacity:.38}.tuner-zone-red-left{left:0;width:35%}.tuner-zone-orange-left{left:35%;width:10%}.tuner-zone-orange-right{left:55%;width:10%}.tuner-zone-red-right{left:65%;width:35%}.tuner-center-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.64)}.tuner-center-line:before{content:"";position:absolute;left:50%;top:50%;width:.48rem;height:.48rem;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:#111824;transform:translate(-50%,-50%)}.tuner-needle{position:absolute;left:var(--needle-position,50%);top:.5rem;bottom:.5rem;width:2px;background:#fff;box-shadow:0 0 15px rgba(255,255,255,.75);transform:translateX(-50%);transition:left 80ms linear}.tuner-needle span{position:absolute;left:50%;top:-.1rem;width:.72rem;height:.72rem;border-radius:50%;background:#fff;box-shadow:0 0 14px rgba(255,255,255,.65);transform:translateX(-50%)}.tuner-feedback{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;margin-top:1rem;padding:.85rem .95rem;border:1px solid var(--tuner-line);border-radius:.9rem;background:rgba(255,255,255,.025)}.tuner-feedback-icon{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:.7rem;background:rgba(255,255,255,.05);color:#aeb8c7}.tuner-feedback strong{display:block;color:#f5f7fa;font-size:.98rem}.tuner-feedback span{display:block;margin-top:.15rem;color:var(--tuner-soft);font-size:.8rem}.tuner-cents{text-align:right}.tuner-cents strong{font-size:1.35rem}.tuner-cents span{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.tuner-feedback[data-state="tuned"]{border-color:rgba(57,217,138,.3);background:rgba(57,217,138,.07)}.tuner-feedback[data-state="tuned"] .tuner-feedback-icon,.tuner-feedback[data-state="tuned"] .tuner-cents strong{color:var(--tuner-green)}.tuner-feedback[data-state="close"]{border-color:rgba(244,163,64,.28);background:rgba(244,163,64,.06)}.tuner-feedback[data-state="close"] .tuner-feedback-icon,.tuner-feedback[data-state="close"] .tuner-cents strong{color:var(--tuner-orange)}.tuner-feedback[data-state="far"]{border-color:rgba(239,91,91,.28);background:rgba(239,91,91,.06)}.tuner-feedback[data-state="far"] .tuner-feedback-icon,.tuner-feedback[data-state="far"] .tuner-cents strong{color:var(--tuner-red)}.tuner-target-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.8rem}.tuner-target-row>div{padding:.65rem .75rem;border:1px solid rgba(255,255,255,.06);border-radius:.72rem;background:rgba(255,255,255,.02)}.tuner-target-row strong{display:block;margin-top:.2rem;color:#eef2f7;font-size:.83rem}.tuner-signal{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.65rem;margin-top:.8rem}.tuner-signal-track{height:.36rem;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.tuner-signal-fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6d9ab6,#d6bd83);transition:width 70ms linear}.tuner-strings-card{margin-top:1rem;padding:1.1rem 1.2rem}.tuner-strings{display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem}.tuner-string{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"position note" "position frequency";column-gap:.6rem;align-items:center;min-width:0;padding:.7rem;border:1px solid rgba(255,255,255,.06);border-radius:.8rem;background:rgba(255,255,255,.025);transition:border-color .15s ease,background .15s ease,transform .15s ease}.tuner-string-position{grid-area:position;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:rgba(255,255,255,.05);color:var(--tuner-muted);font-size:.68rem;font-weight:800}.tuner-string-note{grid-area:note;display:flex;align-items:baseline;gap:.35rem;min-width:0}.tuner-string-note strong{color:#fff;font-size:1rem}.tuner-string-note span{color:var(--tuner-muted);font-size:.68rem}.tuner-string-frequency{grid-area:frequency;color:var(--tuner-soft);font-size:.68rem}.tuner-string.is-active{border-color:rgba(214,189,131,.4);background:rgba(214,189,131,.08);transform:translateY(-2px)}.tuner-string.is-active .tuner-string-position{background:var(--tuner-accent);color:#111722}.tuner-error{display:flex;align-items:center;gap:.6rem;margin-top:1rem;border-radius:.8rem}.tuner-error[hidden]{display:none!important}@media(max-width:980px){.tuner-layout{grid-template-columns:1fr}.tuner-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .9rem}.tuner-settings .tuner-card-heading,.tuner-settings .tuner-start-button,.tuner-settings .tuner-privacy-note{grid-column:1/-1}.tuner-strings{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.tuner-page{padding-inline:.65rem}.tuner-hero{align-items:flex-start;flex-direction:column;gap:1rem}.tuner-settings{display:block}.tuner-console-topline{align-items:flex-start;flex-direction:column}.tuner-frequency-block{text-align:left}.tuner-note{font-size:4.2rem}.tuner-target-row{grid-template-columns:1fr}.tuner-strings{grid-template-columns:repeat(2,1fr)}.tuner-meter-track{height:5rem}.tuner-card-caption{display:none}}@media(prefers-reduced-motion:reduce){.tuner-page *{transition:none!important;animation:none!important}}