.strobe-overlay{pointer-events:none}.strobe-segment{fill:var(--scale-circle-tuner-ray-stroke,var(--tuner-strobe-color,#758ca3));fill-opacity:.5;transition:fill .3s}.strobe-segment--locked{fill:var(--scale-circle-tuner-ray-perfect,var(--tuner-strobe-locked,#21c45d));fill-opacity:.7}.dark .strobe-segment{fill:var(--scale-circle-tuner-ray-stroke,var(--tuner-strobe-color,#5c738a));fill-opacity:.4}.dark .strobe-segment--locked{fill:var(--scale-circle-tuner-ray-perfect,var(--tuner-strobe-locked,#3bde77));fill-opacity:.6}
.tuner-ray{stroke:var(--scale-circle-tuner-ray-perfect,var(--tuner-ray-color,#22c55e));stroke-width:var(--tuner-ray-width,1.5);stroke-linecap:round;filter:drop-shadow(0 0 2px var(--scale-circle-tuner-glow-detected,var(--tuner-ray-glow,#22c55e66)));pointer-events:none;transition:stroke .1s,filter .1s}.tuner-star{pointer-events:auto;cursor:pointer}.tuner-star-body{fill:var(--scale-circle-tuner-star-fill,var(--tuner-star-fill,#af876a59));stroke:var(--scale-circle-tuner-star-stroke,var(--tuner-star-stroke,#af876a80));stroke-width:.3px;stroke-linejoin:round;transition:fill .2s,stroke .15s}.tuner-star-ray{stroke:var(--scale-circle-tuner-ray-perfect,var(--tuner-ray-color,#22c55e));stroke-width:var(--tuner-ray-width,1.2);stroke-linecap:round;filter:drop-shadow(0 0 3px var(--scale-circle-tuner-glow-detected,var(--tuner-ray-glow,#22c55e80)));pointer-events:none;opacity:0}.tuner-star--idle .tuner-star-body{animation:3s ease-in-out infinite tuner-idle-pulse}@keyframes tuner-idle-pulse{0%,to{opacity:.7}50%{opacity:1}}.tuner-string-marker-bg{fill:var(--scale-circle-tuner-string-marker-bg,var(--tuner-string-marker-bg,#0da2e7d9));stroke:var(--scale-circle-tuner-string-marker-border,var(--tuner-string-marker-border,#0a76a9));stroke-width:.3px}.tuner-string-marker-text{fill:var(--scale-circle-tuner-string-marker-text,var(--tuner-string-marker-text,#fff));font-family:var(--font-sans,system-ui, sans-serif);-webkit-user-select:none;user-select:none}.dark .tuner-string-marker-bg{fill:var(--scale-circle-tuner-string-marker-bg,var(--tuner-string-marker-bg,#26b2f2e6));stroke:var(--scale-circle-tuner-string-marker-border,var(--tuner-string-marker-border,#6ecbf7))}.tuner-sector-highlight{pointer-events:none;transition:opacity .1s}.tuner-sector-highlight--sharp{fill:var(--scale-circle-tuner-sector-fill-sharp,var(--tuner-sector-fill-sharp,#3b82f620))}.tuner-sector-highlight--flat{fill:var(--scale-circle-tuner-sector-fill-flat,var(--tuner-sector-fill-flat,#f59e0b20))}.tuner-confirmation-flash{pointer-events:none;fill:var(--scale-circle-tuner-flash,var(--tuner-flash,#22c55e40))}.tuner-center-display{pointer-events:none}.tuner-note-name{font-family:var(--tuner-font-family,"Inter", system-ui, sans-serif);fill:var(--scale-circle-tuner-center-text,var(--tuner-note-color,#1a1a1a));font-size:8px;font-weight:700;transition:fill .15s}.tuner-note-name--in-tune{fill:var(--scale-circle-tuner-center-in-tune,var(--tuner-in-tune-color,#22c55e))}.tuner-note-octave{fill:var(--scale-circle-tuner-center-hz,var(--tuner-octave-color,#6b7280));font-size:3px;font-weight:400}.tuner-frequency{font-family:var(--tuner-font-family,"Inter", system-ui, sans-serif);fill:var(--scale-circle-tuner-center-hz,var(--tuner-frequency-color,#6b7280));pointer-events:none;font-size:2.5px}.tuner-frequency-main{font-family:var(--tuner-font-family,"Inter", system-ui, sans-serif);fill:#fff;pointer-events:none;font-size:3px;font-weight:600;transition:fill .2s}.tuner-cents{font-family:var(--tuner-font-family,"Inter", system-ui, sans-serif);fill:var(--scale-circle-tuner-center-cents,var(--tuner-cents-color,#374151));pointer-events:none;font-size:3px;font-weight:600;transition:fill .1s}.tuner-in-tune-label{font-family:var(--tuner-in-tune-font-family,var(--tuner-font-family,"Inter", system-ui, sans-serif));font-size:var(--tuner-in-tune-font-size,3px);fill:var(--scale-circle-tuner-center-in-tune,var(--tuner-in-tune-color,#22c55e));font-weight:700}.tuner-center-inactive{font-family:var(--tuner-font-family,"Inter", system-ui, sans-serif);fill:var(--scale-circle-tuner-center-hz,var(--tuner-inactive-color,#6b7280));cursor:pointer;pointer-events:auto;font-size:3px}.tuner-center-listening{font-family:var(--tuner-font-family,"Inter", system-ui, sans-serif);fill:var(--scale-circle-tuner-center-text,var(--tuner-listening-color,#374151));font-size:3px}.scale-circle-note-label--tuner-detected .scale-circle-note-label__background{transition:fill .15s,filter .15s;fill:var(--tuner-detected-note-bg,#fdefb4)!important;filter:drop-shadow(0 0 3px var(--scale-circle-tuner-glow-detected,var(--tuner-detected-note-glow,#3b82f680)))!important}.scale-circle-note-label--tuner-detected .scale-circle-note-label__text{font-weight:700;fill:var(--tuner-detected-note-text,#4d2f19)!important}.scale-circle-note-label--tuner-in-tune .scale-circle-note-label__text{font-weight:700;fill:var(--tuner-in-tune-note-text,#133921)!important}.scale-circle-note-label--tuner-in-tune .scale-circle-note-label__background{animation:1.5s ease-in-out infinite tuner-in-tune-pulse;fill:var(--tuner-in-tune-note-bg,#adebc4)!important;filter:drop-shadow(0 0 4px var(--scale-circle-tuner-glow-in-tune,var(--tuner-in-tune-note-glow,#22c55eb3)))!important}@keyframes tuner-in-tune-pulse{0%,to{filter:drop-shadow(0 0 3px #22c55e80)}50%{filter:drop-shadow(0 0 6px #22c55ecc)}}.chord-center-display{pointer-events:none}.chord-center-display.chord-transitioning .chord-name-text{opacity:0;transform:scale(.9)}.chord-name-text{fill:var(--scale-circle-chord-name,var(--chord-name-color,#1a1a1a));font-family:var(--font-mono,"SF Mono", "Fira Code", monospace);transition:opacity .15s}.chord-bass-text{fill:var(--scale-circle-chord-bass,var(--chord-bass-text-color,#306ee8));font-family:var(--font-mono,"SF Mono", "Fira Code", monospace)}.chord-degree-text{fill:var(--scale-circle-chord-degree,var(--chord-degree-color,gray));font-style:italic}.chord-confidence-ring{stroke:var(--scale-circle-chord-confidence,var(--chord-confidence-color,#21c45d));transition:stroke-dashoffset .1s}.chord-note-highlight{transition:fill-opacity .2s,stroke-width .2s}.dark .tuner-ray{stroke:var(--scale-circle-tuner-ray-perfect,var(--tuner-ray-color,#4ade80));filter:drop-shadow(0 0 3px var(--scale-circle-tuner-glow-detected,var(--tuner-ray-glow,#4ade8099)))}.dark .tuner-star-body{fill:var(--scale-circle-tuner-star-fill,var(--tuner-star-fill,#b8a3944d));stroke:var(--scale-circle-tuner-star-stroke,var(--tuner-star-stroke,#b8a39473))}.dark .tuner-star-ray{stroke:var(--scale-circle-tuner-ray-perfect,var(--tuner-ray-color,#4ade80));filter:drop-shadow(0 0 4px var(--scale-circle-tuner-glow-detected,var(--tuner-ray-glow,#4ade80b3)))}.dark .tuner-note-name{fill:var(--scale-circle-tuner-center-text,var(--tuner-note-color,#f0f0f0))}.dark .tuner-note-name--in-tune{fill:var(--scale-circle-tuner-center-in-tune,var(--tuner-in-tune-color,#4ade80))}.dark .tuner-note-octave{fill:var(--scale-circle-tuner-center-hz,var(--tuner-octave-color,#9ca3af))}.dark .tuner-frequency{fill:var(--scale-circle-tuner-center-hz,var(--tuner-frequency-color,#9ca3af))}.dark .tuner-cents{fill:var(--scale-circle-tuner-center-cents,var(--tuner-cents-color,#d1d5db))}.dark .tuner-in-tune-label{fill:var(--scale-circle-tuner-center-in-tune,var(--tuner-in-tune-color,#4ade80))}.dark .tuner-center-inactive{fill:var(--scale-circle-tuner-center-hz,var(--tuner-inactive-color,#9ca3af))}.dark .tuner-center-listening{fill:var(--scale-circle-tuner-center-text,var(--tuner-listening-color,#e5e7eb))}.dark .tuner-confirmation-flash{fill:var(--scale-circle-tuner-flash,var(--tuner-flash,#22c55e30))}.dark .scale-circle-note-label--tuner-detected .scale-circle-note-label__background{fill:var(--tuner-detected-note-bg,#736326)!important;filter:drop-shadow(0 0 4px var(--scale-circle-tuner-glow-detected,var(--tuner-detected-note-glow,#60a5fa99)))!important}.dark .scale-circle-note-label--tuner-detected .scale-circle-note-label__text{fill:var(--tuner-detected-note-text,#f7ebba)!important}.dark .scale-circle-note-label--tuner-in-tune .scale-circle-note-label__text{fill:var(--tuner-in-tune-note-text,#baf7d1)!important}.dark .scale-circle-note-label--tuner-in-tune .scale-circle-note-label__background{animation:1.5s ease-in-out infinite tuner-in-tune-pulse-dark;fill:var(--tuner-in-tune-note-bg,#265939)!important;filter:drop-shadow(0 0 5px var(--scale-circle-tuner-glow-in-tune,var(--tuner-in-tune-note-glow,#4ade80b3)))!important}@keyframes tuner-in-tune-pulse-dark{0%,to{filter:drop-shadow(0 0 4px #4ade8080)}50%{filter:drop-shadow(0 0 8px #4ade80e6)}}.dark .chord-name-text{fill:var(--scale-circle-chord-name,var(--chord-name-color,#f2f2f2))}.dark .chord-bass-text{fill:var(--scale-circle-chord-bass,var(--chord-bass-text-color,#5e8eed))}.dark .chord-degree-text{fill:var(--scale-circle-chord-degree,var(--chord-degree-color,#999))}.dark .chord-confidence-ring{stroke:var(--scale-circle-chord-confidence,var(--chord-confidence-color,#3bde77))}
.scale-circle{display:block;overflow:visible}.scale-circle-sector{transition:fill var(--sc-sector-state-dur,.2s) var(--sc-sector-state-ease,ease-in-out), opacity var(--sc-sector-state-dur,.2s) var(--sc-sector-state-ease,ease-in-out);cursor:default;outline:none}.scale-circle-sector--clickable{cursor:pointer}.scale-circle-sector--clickable:hover{filter:brightness(1.1);transition:filter var(--sc-sector-hover-dur,.15s) var(--sc-sector-hover-ease,ease-out)}.scale-circle-sector--clickable:focus-visible{outline:2px solid var(--widget-sc-ring-outer-main);outline-offset:1px}.scale-circle-note-label{touch-action:manipulation}.scale-circle-note-label--clickable:hover .scale-circle-note-label__background{filter:brightness(1.15)}.scale-circle-note-label .scale-circle-note-label__background{transition:filter var(--sc-note-fade-dur,.4s) var(--sc-note-fade-ease,ease-out), opacity var(--sc-note-fade-dur,.4s) var(--sc-note-fade-ease,ease-out)}.scale-circle-note-label--playing .scale-circle-note-label__background{animation:scale-circle-pulse var(--sc-playing-pulse-duration,.8s) ease-in-out;filter:brightness(var(--sc-playing-brightness,1.3));transform-box:fill-box;transform-origin:50%}@keyframes scale-circle-pulse{0%{opacity:1;transform:scale(1)}40%{transform:scale(var(--sc-playing-pulse-scale,1.25));opacity:var(--sc-playing-pulse-min-opacity,.85)}to{opacity:1;transform:scale(1)}}.scale-circle-star__glow{animation:star-glow-pulse var(--sc-star-glow-dur,3s) ease-in-out infinite;animation-play-state:var(--sc-star-glow-state,running)}@keyframes star-glow-pulse{0%,to{opacity:.5}50%{opacity:.2}}.scale-circle-ring__glow{animation:ring-glow-pulse var(--sc-ring-glow-dur,4s) ease-in-out infinite;animation-play-state:var(--sc-ring-glow-state,paused)}@keyframes ring-glow-pulse{0%,to{opacity:.4}50%{opacity:.15}}.scale-circle-interval-arc{transition:stroke var(--sc-arc-draw-dur,.2s) var(--sc-arc-draw-ease,ease), opacity var(--sc-arc-draw-dur,.2s) var(--sc-arc-draw-ease,ease)}.scale-circle-actions{justify-content:center;gap:.5rem;margin-block-start:1rem;display:flex}.scale-circle-action-button{border:1px solid var(--widget-sc-action-stroke);background:var(--widget-sc-action-bg);width:2.5rem;height:2.5rem;color:var(--widget-sc-action-icon);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .15s;display:inline-flex}.scale-circle-action-button:hover{background:var(--widget-sc-action-bg-hover);transform:scale(1.1)}.scale-circle-action-button:active{transform:scale(.95)}.scale-circle-action-button:focus-visible{outline:2px solid var(--widget-sc-ring-outer-main);outline-offset:2px}.scale-circle-action-svg{outline:none}.scale-circle-action-svg:hover circle{filter:brightness(1.15)}.scale-circle-action-svg:active circle{filter:brightness(.9)}.scale-circle-marker{transition:opacity .2s}.scale-circle-marker:hover{opacity:.8}.scale-circle-function-zone{transition:fill-opacity .3s}.scale-circle-function-label,.scale-circle-formula,.scale-circle-interval-label{pointer-events:none;-webkit-user-select:none;user-select:none}.scale-circle-interval-arc--characteristic{animation:characteristic-pulse var(--sc-arc-pulse-dur,2s) ease-in-out infinite;animation-play-state:var(--sc-arc-pulse-state,running)}@keyframes characteristic-pulse{0%,to{opacity:1;stroke-width:3.5px}50%{opacity:.6;stroke-width:5px}}.scale-circle-out-of-scale-ring{animation:1.5s ease-in-out infinite out-of-scale-blink}@keyframes out-of-scale-blink{0%,to{opacity:.8}50%{opacity:.3}}.scale-circle-out-of-scale-label{pointer-events:none;-webkit-user-select:none;user-select:none}.scale-circle-chord-bar{flex-wrap:wrap;justify-content:center;gap:.25rem;padding-block-start:.75rem;display:flex}.scale-circle-chord-bar__chords{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.scale-circle-chord-bar--empty{color:var(--widget-sc-note-inactive-text);justify-content:center;font-size:.875rem}.scale-circle-chord-bar__item{border:1px solid var(--widget-sc-action-stroke);background:var(--widget-sc-action-bg);color:var(--widget-sc-action-icon);cursor:pointer;border-radius:.5rem;flex-direction:column;align-items:center;gap:.125rem;min-width:2.5rem;padding:.375rem .5rem;transition:background .15s,transform .15s;display:flex}.scale-circle-chord-bar__item:hover{background:var(--widget-sc-action-bg-hover);transform:scale(1.05)}.scale-circle-chord-bar__item--active{background:var(--widget-sc-sector-active);color:var(--widget-sc-note-active-text);border-color:var(--widget-sc-sector-active)}.scale-circle-chord-bar__item--major{font-weight:600}.scale-circle-chord-bar__item--minor{font-weight:400}.scale-circle-chord-bar__item--diminished{opacity:.85;font-weight:400}.scale-circle-chord-bar__item--augmented{font-weight:600}.scale-circle-chord-bar__degree{opacity:.7;font-size:.625rem}.scale-circle-chord-bar__name{font-size:.8125rem}.scale-circle-navigator{inset-inline-end:-290px;background:var(--widget-sc-action-bg);border:1px solid var(--widget-sc-action-stroke);z-index:10;width:280px;max-height:400px;box-shadow:var(--widget-sc-panel-shadow);border-radius:.75rem;padding:.75rem;transition:box-shadow .2s;position:absolute;top:0;overflow-y:auto}@media (max-width:1100px){.scale-circle-navigator{inset-inline-end:0}}.scale-circle-navigator__header{justify-content:space-between;align-items:center;margin-block-end:.5rem;display:flex}.scale-circle-navigator__header--draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.scale-circle-navigator__header--draggable:active{cursor:grabbing}.scale-circle-navigator__title{color:var(--widget-sc-action-icon);font-size:.875rem;font-weight:600}.scale-circle-navigator__close{color:var(--widget-sc-action-icon);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1}.scale-circle-navigator__family{color:var(--widget-sc-action-icon);opacity:.6;margin-block:.5rem .25rem;font-size:.75rem;font-weight:600}.scale-circle-navigator__item{width:100%;color:var(--widget-sc-action-icon);cursor:pointer;text-align:start;background:0 0;border:none;border-radius:.375rem;justify-content:space-between;align-items:center;padding:.375rem .5rem;font-size:.8125rem;display:flex}.scale-circle-navigator__item:hover{background:var(--widget-sc-action-bg-hover)}.scale-circle-navigator__degree{opacity:.6;font-size:.6875rem}.scale-circle-navigator__empty{text-align:center;color:var(--widget-sc-action-icon);opacity:.6;padding:1rem;font-size:.875rem}.scale-circle-settings__toggle{top:.5rem;border:1px solid var(--widget-sc-action-stroke);background:var(--widget-sc-action-bg);width:2rem;height:2rem;color:var(--widget-sc-action-icon);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;transition:background .15s;display:flex;position:absolute;inset-inline-end:.5rem}.scale-circle-settings__toggle:hover{background:var(--widget-sc-action-bg-hover)}.scale-circle-settings{top:0;background:var(--widget-sc-action-bg);border:1px solid var(--widget-sc-action-stroke);width:220px;box-shadow:var(--widget-sc-panel-shadow);color:var(--widget-sc-action-icon);z-index:20;border-radius:.75rem;max-height:80vh;padding:.75rem;font-size:.8125rem;position:absolute;inset-inline-start:calc(100% + 1rem);overflow-y:auto}.scale-circle-settings__header{justify-content:space-between;align-items:center;margin-block-end:.5rem;display:flex}.scale-circle-settings__title{font-size:.875rem;font-weight:600}.scale-circle-settings__close{color:var(--widget-sc-action-icon);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.25rem;line-height:1}.scale-circle-settings__section{border-top:1px solid var(--widget-sc-action-stroke);margin-block-start:.5rem;padding-block-start:.5rem}.scale-circle-settings__section-title{text-transform:uppercase;opacity:.6;margin-block-end:.375rem;font-size:.75rem;font-weight:600;display:block}.scale-circle-settings__row{cursor:pointer;align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.scale-circle-settings__row input[type=checkbox],.scale-circle-settings__row input[type=radio]{accent-color:var(--widget-sc-sector-active);margin:0}.scale-circle-settings__radio-group{flex-direction:column;display:flex}.edu-mode-panel{border:1px solid var(--widget-sc-action-stroke);border-radius:.75rem;margin-block-start:1rem;overflow:hidden}.edu-mode-panel__tabs{border-block-end:1px solid var(--widget-sc-action-stroke);display:flex}.edu-mode-panel__tab{background:var(--widget-sc-action-bg);color:var(--widget-sc-action-icon);cursor:pointer;border:none;flex:1;padding:.625rem .5rem;font-size:.8125rem;font-weight:500;transition:background .15s}.edu-mode-panel__tab:not(:last-child){border-inline-end:1px solid var(--widget-sc-action-stroke)}.edu-mode-panel__tab:hover{background:var(--widget-sc-action-bg-hover)}.edu-mode-panel__tab--active{background:var(--widget-sc-ear-option-active);color:var(--widget-sc-note-active-text)}.edu-mode-panel__content{background:var(--widget-sc-action-bg);padding:1rem}.scale-builder-mode__step{text-transform:uppercase;opacity:.6;color:var(--widget-sc-action-icon);margin-block-end:.5rem;font-size:.75rem;font-weight:600}.scale-builder-mode__label{color:var(--widget-sc-action-icon);font-size:.8125rem}.scale-builder-mode__current{margin-block-end:.5rem}.scale-builder-mode__hint{opacity:.6;color:var(--widget-sc-action-icon);margin-block-end:.5rem;font-size:.8125rem}.scale-builder-mode__notes-grid{grid-template-columns:repeat(6,1fr);gap:.25rem;margin-block-end:.75rem;display:grid}.scale-builder-mode__note{background:var(--widget-sc-note-inactive-bg);color:var(--widget-sc-note-inactive-text);border:1px solid var(--widget-sc-action-stroke);cursor:pointer;border-radius:.375rem;padding:.375rem .25rem;font-size:.75rem;font-weight:600;transition:background .12s}.scale-builder-mode__note:hover{background:var(--widget-sc-action-bg-hover)}.scale-builder-mode__note--active{background:var(--widget-sc-note-active-bg);color:var(--widget-sc-note-active-text);border-color:var(--widget-sc-note-active-bg)}.scale-builder-mode__note--tonic{background:var(--widget-sc-note-tonic-bg);color:var(--widget-sc-note-tonic-text);border-color:var(--widget-sc-note-tonic-bg)}.scale-builder-mode__matches,.scale-builder-mode__complete{color:var(--widget-sc-action-icon);margin-block-end:.5rem;font-size:.8125rem}.scale-builder-mode__complete{color:var(--widget-sc-ear-correct);align-items:center;gap:.75rem;font-weight:600;display:flex}.scale-builder-mode__apply{background:var(--widget-sc-ear-correct);color:var(--widget-sc-note-active-text);cursor:pointer;border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}.scale-builder-mode__suggestions{margin-block-end:.75rem}.scale-builder-mode__suggestions-label{text-transform:uppercase;opacity:.6;color:var(--widget-sc-action-icon);margin-block-end:.375rem;font-size:.75rem;font-weight:600;display:block}.scale-builder-mode__suggestions-list{flex-wrap:wrap;gap:.375rem;display:flex}.scale-builder-mode__suggestion{background:var(--widget-sc-ear-option-bg);color:var(--widget-sc-action-icon);border:1px solid var(--widget-sc-action-stroke);cursor:pointer;border-radius:.375rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.scale-builder-mode__suggestion-prob{opacity:.6;font-size:.6875rem}.scale-builder-mode__reset{color:var(--widget-sc-action-icon);border:1px solid var(--widget-sc-action-stroke);cursor:pointer;opacity:.7;background:0 0;border-radius:.375rem;padding:.375rem .75rem;font-size:.8125rem}.ear-training-mode__type-tabs,.ear-training-mode__difficulty-tabs{gap:.25rem;margin-block-end:.5rem;display:flex}.ear-training-mode__type-tab,.ear-training-mode__difficulty-tab{background:var(--widget-sc-ear-option-bg);color:var(--widget-sc-action-icon);border:1px solid var(--widget-sc-action-stroke);cursor:pointer;border-radius:999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500;transition:background .12s}.ear-training-mode__type-tab--active,.ear-training-mode__difficulty-tab--active{background:var(--widget-sc-ear-option-active);color:var(--widget-sc-note-active-text);border-color:var(--widget-sc-ear-option-active)}.ear-training-mode__stats{color:var(--widget-sc-action-icon);opacity:.8;gap:.75rem;margin-block-end:.75rem;font-size:.75rem;display:flex}.ear-training-mode__stat--streak{color:var(--widget-sc-ear-correct);opacity:1;font-weight:700}.ear-training-mode__question{margin-block-end:.75rem}.ear-training-mode__prompt{color:var(--widget-sc-action-icon);margin-block-end:.25rem;font-size:.875rem;font-weight:600}.ear-training-mode__notes-info{opacity:.6;color:var(--widget-sc-action-icon);font-size:.75rem}.ear-training-mode__options{grid-template-columns:1fr 1fr;gap:.375rem;margin-block-end:.75rem;display:grid}.ear-training-mode__option{background:var(--widget-sc-ear-option-bg);color:var(--widget-sc-action-icon);border:1px solid var(--widget-sc-action-stroke);cursor:pointer;text-align:center;border-radius:.5rem;padding:.5rem;font-size:.8125rem;transition:background .12s}.ear-training-mode__option:hover:not(:disabled){background:var(--widget-sc-action-bg-hover)}.ear-training-mode__option:disabled{cursor:default;opacity:.6}.ear-training-mode__option--correct{background:var(--widget-sc-ear-correct);color:var(--widget-sc-note-active-text);border-color:var(--widget-sc-ear-correct);opacity:1!important}.ear-training-mode__option--wrong{background:var(--widget-sc-ear-wrong);color:var(--widget-sc-note-active-text);border-color:var(--widget-sc-ear-wrong);opacity:1!important}.ear-training-mode__option--reveal{border-color:var(--widget-sc-ear-correct);opacity:1!important}.ear-training-mode__result{border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;display:flex}.ear-training-mode__result--correct{background:var(--widget-sc-ear-correct);color:var(--widget-sc-note-active-text)}.ear-training-mode__result--wrong{background:var(--widget-sc-ear-wrong);color:var(--widget-sc-note-active-text)}.ear-training-mode__next{background:var(--widget-sc-note-active-text);color:var(--widget-sc-ear-option-active);cursor:pointer;border:none;border-radius:.375rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:600}.ear-training-mode__loading{opacity:.5;color:var(--widget-sc-action-icon);text-align:center;padding:1rem;font-size:.8125rem}.guess-scale-mode__stats{color:var(--widget-sc-action-icon);opacity:.8;gap:.75rem;margin-block-end:.75rem;font-size:.75rem;display:flex}.guess-scale-mode__stat--streak{color:var(--widget-sc-ear-correct);opacity:1;font-weight:700}.guess-scale-mode__question{margin-block-end:.75rem}.guess-scale-mode__prompt{color:var(--widget-sc-action-icon);margin-block-end:.25rem;font-size:.875rem;font-weight:600}.guess-scale-mode__root{color:var(--widget-sc-note-tonic-bg);margin-block-end:.25rem;font-size:.8125rem;font-weight:600}.guess-scale-mode__notes{opacity:.7;color:var(--widget-sc-action-icon);font-size:.75rem}.guess-scale-mode__hint-btn{color:var(--widget-sc-action-icon);border:1px solid var(--widget-sc-action-stroke);cursor:pointer;opacity:.7;background:0 0;border-radius:999px;margin-block-end:.5rem;padding:.25rem .75rem;font-size:.75rem}.guess-scale-mode__hint-result{color:var(--widget-sc-action-icon);opacity:.8;gap:.5rem;margin-block-end:.5rem;font-size:.75rem;display:flex}.guess-scale-mode__hint-label{font-weight:600}.guess-scale-mode__options{grid-template-columns:1fr 1fr;gap:.375rem;margin-block-end:.75rem;display:grid}.guess-scale-mode__option{background:var(--widget-sc-ear-option-bg);color:var(--widget-sc-action-icon);border:1px solid var(--widget-sc-action-stroke);cursor:pointer;text-align:center;border-radius:.5rem;padding:.5rem;font-size:.8125rem;transition:background .12s}.guess-scale-mode__option:hover:not(:disabled){background:var(--widget-sc-action-bg-hover)}.guess-scale-mode__option--correct{background:var(--widget-sc-ear-correct);color:var(--widget-sc-note-active-text);border-color:var(--widget-sc-ear-correct)}.guess-scale-mode__option--disabled{opacity:.5;cursor:default}.guess-scale-mode__result{border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;display:flex}.guess-scale-mode__result--correct{background:var(--widget-sc-ear-correct);color:var(--widget-sc-note-active-text)}.guess-scale-mode__result--wrong{background:var(--widget-sc-ear-wrong);color:var(--widget-sc-note-active-text)}.guess-scale-mode__next{background:var(--widget-sc-note-active-text);color:var(--widget-sc-ear-option-active);cursor:pointer;border:none;border-radius:.375rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:600}.guess-scale-mode__loading{opacity:.5;color:var(--widget-sc-action-icon);text-align:center;padding:1rem;font-size:.8125rem}.scale-circle-melody{color:var(--widget-sc-action-icon);flex-direction:column;align-items:center;gap:.5rem;min-height:80px;padding:.75rem;font-size:.8125rem;display:flex}.scale-circle-melody__record-btn{background:var(--widget-sc-accent,#6467f2);color:#fff;cursor:pointer;border:none;border-radius:2rem;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:opacity .15s;display:flex}.scale-circle-melody__record-btn:hover{opacity:.85}.scale-circle-melody__mic-icon{font-size:1.5rem}.scale-circle-melody__controls{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.scale-circle-melody__btn{border:1px solid var(--widget-sc-action-stroke);cursor:pointer;border-radius:.375rem;padding:.3rem .9rem;font-size:.8125rem;font-weight:500;transition:background .15s}.scale-circle-melody__btn--primary{background:var(--widget-sc-accent,#6467f2);color:#fff;border-color:#0000}.scale-circle-melody__btn--primary:hover{opacity:.85}.scale-circle-melody__btn--stop{color:#fff;background:#d92626;border-color:#0000}.scale-circle-melody__btn--cancel,.scale-circle-melody__btn--ghost,.scale-circle-melody__btn--secondary{background:var(--widget-sc-action-bg);color:var(--widget-sc-action-icon)}.scale-circle-melody__btn--cancel:hover,.scale-circle-melody__btn--ghost:hover,.scale-circle-melody__btn--secondary:hover{background:var(--widget-sc-action-bg-hover)}.scale-circle-melody__recording-indicator{align-items:center;gap:.375rem;display:flex}.scale-circle-melody__pulse{background:#d92626;border-radius:50%;width:.625rem;height:.625rem;animation:1s ease-in-out infinite melody-pulse;display:inline-block}@keyframes melody-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.scale-circle-melody-timer{font-variant-numeric:tabular-nums;color:var(--widget-sc-action-icon);font-size:1.125rem;font-weight:600}.scale-circle-melody__live-pitch{align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.scale-circle-melody__spinner{border:2px solid var(--widget-sc-action-stroke);border-top-color:var(--widget-sc-accent,#6467f2);border-radius:50%;width:1.25rem;height:1.25rem;animation:.7s linear infinite melody-spin;display:inline-block}@keyframes melody-spin{to{transform:rotate(360deg)}}.scale-circle-melody__requesting,.scale-circle-melody__processing,.scale-circle-melody__error,.scale-circle-melody__no-permission{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.scale-circle-melody__info,.scale-circle-melody__best-scale,.scale-circle-melody__alternatives,.scale-circle-melody__no-notes{text-align:center;margin:0;font-size:.8rem;line-height:1.4}.scale-circle-melody__best-scale{font-weight:600}.scale-circle-melody__alternatives{opacity:.7}.scale-circle-melody__apply-buttons,.scale-circle-melody__candidates{flex-wrap:wrap;justify-content:center;gap:.375rem;display:flex}.scale-circle-melody-candidate{background:var(--widget-sc-action-bg);border:1px solid var(--widget-sc-action-stroke);cursor:pointer;border-radius:.375rem;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;transition:background .15s;display:flex}.scale-circle-melody-candidate:hover{background:var(--widget-sc-action-bg-hover)}.scale-circle-melody-candidate__confidence{opacity:.7;font-weight:600}.scale-circle-melody-path,.scale-circle-melody-marker{transition:opacity var(--sc-melody-trail-dur,2s) ease-out}.scale-circle-melody-current{animation:1s ease-in-out infinite melody-current-pulse;animation-play-state:var(--sc-melody-trail-state,running)}@keyframes melody-current-pulse{0%,to{r:2;opacity:1}50%{r:3;opacity:.6}}.scale-circle__voice-leading{transition:opacity var(--sc-voice-draw-dur,.6s) var(--sc-voice-draw-ease,ease-out)}.scale-circle__voice-arrow{fill:none;stroke:var(--widget-sc-voice-arrow);stroke-width:.8px;stroke-linecap:round;transition:d var(--sc-voice-draw-dur,.6s) var(--sc-voice-draw-ease,ease-out)}.scale-circle__voice-arrow-tip{fill:var(--widget-sc-voice-arrow);stroke:none}.scale-circle__voice-arrow-head{fill:var(--widget-sc-voice-arrow)}.scale-circle__voice-common-dot{fill:var(--widget-sc-voice-common-dot)}.scale-circle__voice-smoothness{fill:var(--widget-sc-voice-arrow);text-anchor:middle;dominant-baseline:central;opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:3px}