.xRoOaG_tuner{--tuner-green:#22c55e;--tuner-yellow:#fbbf24;--tuner-orange:#f97316;--tuner-red:#dc2626;background:linear-gradient(145deg, color-mix(in srgb, var(--lp-color-primary-soft) 34%, transparent), transparent 42%), var(--lp-color-surface-raised);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-xl);box-shadow:var(--lp-shadow-lg);padding:clamp(1.25rem,4vw,2.5rem);position:relative;overflow:hidden}.xRoOaG_tuner:before{background:radial-gradient(circle, color-mix(in srgb, var(--lp-color-primary) 14%, transparent), transparent 68%);content:"";pointer-events:none;border-radius:50%;width:20rem;height:20rem;position:absolute;top:-9rem;right:-7rem}.xRoOaG_panelHeading{justify-content:space-between;align-items:flex-start;gap:var(--lp-space-6);display:flex;position:relative}.xRoOaG_listeningStatus{align-items:center;gap:var(--lp-space-2);padding:var(--lp-space-2) var(--lp-space-3);color:var(--lp-color-ink-muted);background:color-mix(in srgb, var(--lp-color-surface-raised) 82%, transparent);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-pill);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-semibold);flex:none;display:inline-flex}.xRoOaG_listeningStatus i{background:var(--lp-color-ink-muted);border-radius:50%;width:.5rem;height:.5rem}.xRoOaG_listeningStatus.xRoOaG_isListening{color:var(--lp-color-success);border-color:color-mix(in srgb, var(--lp-color-success) 35%, var(--lp-color-border))}.xRoOaG_isListening i{background:var(--lp-color-success);box-shadow:0 0 0 .3rem color-mix(in srgb, var(--lp-color-success) 15%, transparent)}.xRoOaG_setupPanel{align-items:end;gap:var(--lp-space-3);margin-top:var(--lp-space-6);padding:var(--lp-space-3);background:color-mix(in srgb, var(--lp-color-canvas) 72%, transparent);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-lg);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);grid-template-columns:minmax(12rem,1.5fr) minmax(11rem,1fr) auto;display:grid;position:relative}.xRoOaG_instrumentControl,.xRoOaG_referenceControl,.xRoOaG_transpositionControl{gap:var(--lp-space-2);min-width:0;color:var(--lp-color-ink-muted);font-size:var(--lp-text-xs);margin:0;display:grid}.xRoOaG_instrumentControl>span,.xRoOaG_referenceControl>span:first-child,.xRoOaG_transpositionControl legend{font-weight:var(--lp-weight-semibold)}.xRoOaG_instrumentControl select{width:100%;min-height:var(--lp-control-md);padding:0 var(--lp-space-4);color:var(--lp-color-ink);background:var(--lp-color-surface-raised);border:1px solid var(--lp-color-border-strong);border-radius:var(--lp-radius-sm);font:inherit;font-weight:var(--lp-weight-semibold)}.xRoOaG_transpositionControl{border:0;padding:0}.xRoOaG_transpositionControl legend{padding:0}.xRoOaG_transpositionControl>div{min-height:var(--lp-control-md);background:var(--lp-color-surface-subtle);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-sm);grid-template-columns:repeat(3,1fr);gap:.2rem;padding:.2rem;display:grid}.xRoOaG_transpositionControl button{min-width:2.75rem;padding:0 var(--lp-space-3);color:var(--lp-color-ink-muted);border-radius:calc(var(--lp-radius-sm) - .15rem);font:inherit;font-weight:var(--lp-weight-bold);transition:color var(--lp-duration-fast) var(--lp-ease-standard), background-color var(--lp-duration-fast) var(--lp-ease-standard), box-shadow var(--lp-duration-fast) var(--lp-ease-standard);background:0 0;border:0}.xRoOaG_transpositionControl button:hover{color:var(--lp-color-ink)}.xRoOaG_transpositionControl .xRoOaG_selectedTransposition{color:var(--lp-color-primary-hover);background:var(--lp-color-surface-raised);box-shadow:var(--lp-shadow-sm)}.xRoOaG_eyebrow{margin:0 0 var(--lp-space-2);color:var(--lp-color-primary);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-bold);letter-spacing:var(--lp-tracking-label);text-transform:uppercase}.xRoOaG_panelHeading h2{max-width:28rem;font-family:var(--lp-font-display);font-size:clamp(1.35rem, 3vw, var(--lp-text-2xl));letter-spacing:-.035em;margin:0}.xRoOaG_referenceControl{flex:none}.xRoOaG_referenceControl>span:last-child{align-items:center;gap:var(--lp-space-2);color:var(--lp-color-ink);font-weight:var(--lp-weight-bold);display:flex}.xRoOaG_referenceControl input{width:3.7rem;min-height:var(--lp-control-md);padding-inline:var(--lp-space-2);color:var(--lp-color-ink);background:var(--lp-color-surface-subtle);border:1px solid var(--lp-color-border-strong);border-radius:var(--lp-radius-xs);font:inherit;text-align:center}.xRoOaG_referenceControl input:focus-visible,.xRoOaG_instrumentControl select:focus-visible,.xRoOaG_transpositionControl button:focus-visible{box-shadow:var(--lp-shadow-focus);outline:none}.xRoOaG_contextLine{justify-content:center;gap:var(--lp-space-2) var(--lp-space-5);margin-top:var(--lp-space-5);color:var(--lp-color-ink-muted);font-size:var(--lp-text-xs);flex-wrap:wrap;display:flex}.xRoOaG_contextLine span{align-items:center;gap:var(--lp-space-1);display:inline-flex}.xRoOaG_contextLine svg{color:var(--lp-color-primary)}.xRoOaG_stringTargets{justify-content:center;gap:var(--lp-space-2);margin:var(--lp-space-3) auto 0;flex-wrap:wrap;display:flex}.xRoOaG_stringTargets span{min-width:2.25rem;height:2.25rem;color:var(--lp-color-ink-muted);background:var(--lp-color-surface-subtle);border:1px solid var(--lp-color-border);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-bold);transition:color var(--lp-duration-fast) var(--lp-ease-standard), background-color var(--lp-duration-fast) var(--lp-ease-standard), border-color var(--lp-duration-fast) var(--lp-ease-standard), transform var(--lp-duration-fast) var(--lp-ease-standard);border-radius:50%;place-items:center;display:grid}.xRoOaG_stringTargets .xRoOaG_activeString{color:var(--lp-color-on-primary);background:var(--lp-color-primary);border-color:var(--lp-color-primary);transform:translateY(-.15rem)}.xRoOaG_meter{width:min(100%,38rem);margin:var(--lp-space-6) auto 0;color:var(--lp-color-ink-muted);position:relative}.xRoOaG_meter svg{width:100%;display:block;overflow:visible}.xRoOaG_meterTrack{fill:none;stroke:var(--lp-color-surface-subtle);stroke-linecap:round;stroke-width:32px}.xRoOaG_meterSegment{opacity:var(--segment-opacity,.16);stroke:currentColor;stroke-linecap:round;stroke-width:20px;transition:opacity .18s var(--lp-ease-standard), stroke-width .18s var(--lp-ease-standard), filter .18s var(--lp-ease-standard)}.xRoOaG_segmentTuned{color:var(--tuner-green)}.xRoOaG_segmentClose{color:var(--tuner-yellow)}.xRoOaG_segmentWarning{color:var(--tuner-orange)}.xRoOaG_segmentDanger{color:var(--tuner-red)}.xRoOaG_hasReading .xRoOaG_activeSegment{filter:drop-shadow(0 0 var(--signal-glow,.15rem) currentColor);stroke-width:25px}.xRoOaG_flatSymbol,.xRoOaG_sharpSymbol{fill:var(--lp-color-ink-muted);font-family:var(--lp-font-display);font-size:30px}.xRoOaG_reading{text-align:center;position:absolute;bottom:.55rem;left:0;right:0}.xRoOaG_reading strong{font-family:var(--lp-font-display);font-size:clamp(4rem,13vw,6.5rem);font-weight:var(--lp-weight-bold);letter-spacing:-.08em;line-height:.8}.xRoOaG_octave{margin-left:var(--lp-space-1);color:var(--lp-color-ink-muted);font-family:var(--lp-font-display);font-size:var(--lp-text-lg);font-weight:var(--lp-weight-bold);display:inline-block}.xRoOaG_reading p{min-height:1.5rem;margin:var(--lp-space-4) 0 0;color:var(--lp-color-ink-muted);font-size:var(--lp-text-md);font-weight:var(--lp-weight-semibold)}.xRoOaG_inTune .xRoOaG_reading p{color:var(--tuner-green)}.xRoOaG_flat .xRoOaG_reading p,.xRoOaG_sharp .xRoOaG_reading p{color:var(--lp-color-danger)}.xRoOaG_scale{width:min(100%,35rem);margin:var(--lp-space-2) auto 0;color:var(--lp-color-ink-muted);font-size:var(--lp-text-xs);text-align:center;grid-template-columns:repeat(5,1fr);display:grid}.xRoOaG_scale span:first-child{text-align:left}.xRoOaG_scale span:last-child{text-align:right}.xRoOaG_scale strong{color:var(--tuner-green)}.xRoOaG_details{gap:var(--lp-space-3);width:min(100%,35rem);margin:var(--lp-space-6) auto 0;grid-template-columns:repeat(3,1fr);display:grid}.xRoOaG_details div{gap:var(--lp-space-1);padding:var(--lp-space-3);background:color-mix(in srgb, var(--lp-color-surface-subtle) 82%, transparent);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-sm);text-align:center;display:grid}.xRoOaG_details span{color:var(--lp-color-ink-muted);font-size:var(--lp-text-xs)}.xRoOaG_details strong{font-size:var(--lp-text-sm)}.xRoOaG_controls{justify-items:center;gap:var(--lp-space-4);margin-top:var(--lp-space-8);display:grid}.xRoOaG_controls>p{align-items:center;gap:var(--lp-space-2);color:var(--lp-color-ink-muted);font-size:var(--lp-text-xs);text-align:center;margin:0;display:flex}.xRoOaG_controls>p svg{color:var(--lp-color-success);flex:none}.xRoOaG_error{width:min(100%,35rem);margin:var(--lp-space-5) auto 0;padding:var(--lp-space-3) var(--lp-space-4);color:var(--lp-color-danger);background:var(--lp-color-danger-soft);border-radius:var(--lp-radius-sm);font-size:var(--lp-text-sm);text-align:center}@media (max-width:40rem){.xRoOaG_panelHeading{align-items:flex-start;gap:var(--lp-space-3)}.xRoOaG_listeningStatus{padding-inline:var(--lp-space-2)}.xRoOaG_setupPanel{grid-template-columns:1fr}.xRoOaG_referenceControl>span:last-child{justify-content:space-between}.xRoOaG_meter{margin-top:var(--lp-space-6)}.xRoOaG_meterTrack{stroke-width:29px}.xRoOaG_meterSegment{stroke-width:18px}.xRoOaG_hasReading .xRoOaG_activeSegment{stroke-width:22px}.xRoOaG_details{gap:var(--lp-space-2)}.xRoOaG_details div{padding-inline:var(--lp-space-2)}}@media (max-width:25rem){.xRoOaG_panelHeading h2{font-size:var(--lp-text-xl)}.xRoOaG_listeningStatus{font-size:0}.xRoOaG_listeningStatus i{margin:.2rem}}@media (prefers-reduced-motion:reduce){.xRoOaG_meterSegment{transition:none}}
.wDWFNa_page{min-height:100vh;padding-bottom:var(--lp-space-16);background:radial-gradient(circle at 12% 18%, var(--lp-color-primary-soft), transparent 25rem), var(--lp-color-canvas)}.wDWFNa_container,.wDWFNa_content{width:min(100% - 2.5rem,62rem);margin-inline:auto}.wDWFNa_hero{padding:clamp(var(--lp-space-10), 6vw, var(--lp-space-16)) 0 var(--lp-space-8);text-align:center}.wDWFNa_hero h1{margin:var(--lp-space-4) 0 0;font-family:var(--lp-font-display);font-size:clamp(2.8rem,7vw,5.5rem);font-weight:var(--lp-weight-bold);letter-spacing:-.065em;line-height:.95}.wDWFNa_hero>div>p{max-width:42rem;margin:var(--lp-space-5) auto 0;color:var(--lp-color-ink-muted);font-size:var(--lp-text-lg);line-height:var(--lp-leading-relaxed)}.wDWFNa_features{justify-content:center;gap:var(--lp-space-3);margin-top:var(--lp-space-6);flex-wrap:wrap;display:flex}.wDWFNa_features span{align-items:center;gap:var(--lp-space-2);padding:var(--lp-space-2) var(--lp-space-3);color:var(--lp-color-ink-subtle);background:var(--lp-color-surface-raised);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-pill);font-size:var(--lp-text-xs);display:inline-flex}.wDWFNa_features svg{color:var(--lp-color-primary)}.wDWFNa_instructions{gap:var(--lp-space-10);margin-top:var(--lp-space-10);background:var(--lp-color-surface-subtle);border-radius:var(--lp-radius-lg);grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr);padding:clamp(1.25rem,4vw,2rem);display:grid}.wDWFNa_instructions>div>p{margin:0 0 var(--lp-space-2);color:var(--lp-color-primary);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-bold);letter-spacing:var(--lp-tracking-label);text-transform:uppercase}.wDWFNa_instructions h2{font-family:var(--lp-font-display);font-size:var(--lp-text-2xl);letter-spacing:-.04em;margin:0}.wDWFNa_instructions ol{gap:var(--lp-space-4);margin:0;padding:0;list-style:none;display:grid}.wDWFNa_instructions li{align-items:flex-start;gap:var(--lp-space-3);display:flex}.wDWFNa_instructions li>span{width:2rem;height:2rem;color:var(--lp-color-on-primary);background:var(--lp-color-primary);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-bold);border-radius:50%;flex:none;place-items:center;display:grid}.wDWFNa_instructions strong{font-size:var(--lp-text-sm);display:block}.wDWFNa_instructions li p{margin:var(--lp-space-1) 0 0;color:var(--lp-color-ink-muted);font-size:var(--lp-text-sm);line-height:var(--lp-leading-relaxed)}@media (max-width:42rem){.wDWFNa_container,.wDWFNa_content{width:min(100% - 1.5rem,62rem)}.wDWFNa_hero>div>p{font-size:var(--lp-text-md)}.wDWFNa_instructions{gap:var(--lp-space-6);grid-template-columns:1fr}}