.strobe-overlay{pointer-events:none}.strobe-segment{fill:var(--scale-circle-tuner-ray-stroke,var(--tuner-strobe-color,hsl(210,20%,55%)));fill-opacity:.5;transition:fill .3s ease}.strobe-segment--locked{fill:var(--scale-circle-tuner-ray-perfect,var(--tuner-strobe-locked,hsl(142,71%,45%)));fill-opacity:.7}.dark .strobe-segment{fill:var(--scale-circle-tuner-ray-stroke,var(--tuner-strobe-color,hsl(210,20%,45%)));fill-opacity:.4}.dark .strobe-segment--locked{fill:var(--scale-circle-tuner-ray-perfect,var(--tuner-strobe-locked,hsl(142,71%,55%)));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,rgba(34,197,94,.4))));pointer-events:none;transition:stroke .1s ease,filter .1s ease}.tuner-star{pointer-events:auto;cursor:pointer}.tuner-star-body{fill:var(--scale-circle-tuner-star-fill,var(--tuner-star-fill,hsla(25,30%,55%,.35)));stroke:var(--scale-circle-tuner-star-stroke,var(--tuner-star-stroke,hsla(25,30%,55%,.5)));stroke-width:.3;stroke-linejoin:round;transition:fill .2s ease,stroke .15s ease}.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,rgba(34,197,94,.5))));pointer-events:none;opacity:0}.tuner-star--idle .tuner-star-body{animation:tuner-idle-pulse 3s ease-in-out infinite}@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,hsla(199,89%,48%,.85)));stroke:var(--scale-circle-tuner-string-marker-border,var(--tuner-string-marker-border,hsla(199,89%,35%,1)));stroke-width:.3}.tuner-string-marker-text{fill:var(--scale-circle-tuner-string-marker-text,var(--tuner-string-marker-text,#ffffff));font-family:var(--font-sans,system-ui,sans-serif);-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark .tuner-string-marker-bg{fill:var(--scale-circle-tuner-string-marker-bg,var(--tuner-string-marker-bg,hsla(199,89%,55%,.9)));stroke:var(--scale-circle-tuner-string-marker-border,var(--tuner-string-marker-border,hsla(199,89%,70%,1)))}.tuner-sector-highlight{pointer-events:none;transition:opacity .1s ease}.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);font-size:8px;font-weight:700;fill:var(--scale-circle-tuner-center-text,var(--tuner-note-color,#1a1a1a));transition:fill .15s ease}.tuner-note-name--in-tune{fill:var(--scale-circle-tuner-center-in-tune,var(--tuner-in-tune-color,#22c55e))}.tuner-note-octave{font-size:3px;font-weight:400;fill:var(--scale-circle-tuner-center-hz,var(--tuner-octave-color,#6b7280))}.tuner-frequency{font-family:var(--tuner-font-family,"Inter",system-ui,sans-serif);font-size:2.5px;fill:var(--scale-circle-tuner-center-hz,var(--tuner-frequency-color,#6b7280));pointer-events:none}.tuner-frequency-main{fill:#ffffff;transition:fill .2s ease}.tuner-cents,.tuner-frequency-main{font-family:var(--tuner-font-family,"Inter",system-ui,sans-serif);font-size:3px;font-weight:600;pointer-events:none}.tuner-cents{fill:var(--scale-circle-tuner-center-cents,var(--tuner-cents-color,#374151));transition:fill .1s ease}.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);font-weight:700;fill:var(--scale-circle-tuner-center-in-tune,var(--tuner-in-tune-color,#22c55e))}.tuner-center-inactive{fill:var(--scale-circle-tuner-center-hz,var(--tuner-inactive-color,#6b7280));cursor:pointer;pointer-events:auto}.tuner-center-inactive,.tuner-center-listening{font-family:var(--tuner-font-family,"Inter",system-ui,sans-serif);font-size:3px}.tuner-center-listening{fill:var(--scale-circle-tuner-center-text,var(--tuner-listening-color,#374151))}
/* !important needed to override framer-motion inline styles (filter, scale) */.scale-circle-note-label--tuner-detected .scale-circle-note-label__background{fill:var(--tuner-detected-note-bg,hsl(48,96%,85%))!important;filter:drop-shadow(0 0 3px var(
        --scale-circle-tuner-glow-detected,var(--tuner-detected-note-glow,rgba(59,130,246,.5))
      ))!important;transition:fill .15s ease,filter .15s ease}.scale-circle-note-label--tuner-detected .scale-circle-note-label__text{fill:var(--tuner-detected-note-text,hsl(25,50%,20%))!important;font-weight:700}.scale-circle-note-label--tuner-in-tune .scale-circle-note-label__text{fill:var(--tuner-in-tune-note-text,hsl(142,50%,15%))!important;font-weight:700}.scale-circle-note-label--tuner-in-tune .scale-circle-note-label__background{fill:var(--tuner-in-tune-note-bg,hsl(142,60%,80%))!important;filter:drop-shadow(0 0 4px var(--scale-circle-tuner-glow-in-tune,var(--tuner-in-tune-note-glow,rgba(34,197,94,.7))))!important;animation:tuner-in-tune-pulse 1.5s ease-in-out infinite}@keyframes tuner-in-tune-pulse{0%,to{filter:drop-shadow(0 0 3px rgba(34,197,94,.5))}50%{filter:drop-shadow(0 0 6px rgba(34,197,94,.8))}}.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,hsl(0,0%,10%)));transition:opacity .15s ease}.chord-bass-text,.chord-name-text{font-family:var(--font-mono,"SF Mono","Fira Code",monospace)}.chord-bass-text{fill:var(--scale-circle-chord-bass,var(--chord-bass-text-color,hsl(220,80%,55%)))}.chord-degree-text{fill:var(--scale-circle-chord-degree,var(--chord-degree-color,hsl(0,0%,50%)));font-style:italic}.chord-confidence-ring{stroke:var(--scale-circle-chord-confidence,var(--chord-confidence-color,hsl(142,71%,45%)));transition:stroke-dashoffset .1s ease}.chord-note-highlight{transition:fill-opacity .2s ease,stroke-width .2s ease}.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,rgba(74,222,128,.6))))}.dark .tuner-star-body{fill:var(--scale-circle-tuner-star-fill,var(--tuner-star-fill,hsla(25,20%,65%,.3)));stroke:var(--scale-circle-tuner-star-stroke,var(--tuner-star-stroke,hsla(25,20%,65%,.45)))}.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,rgba(74,222,128,.7))))}.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,hsl(48,50%,30%))!important;filter:drop-shadow(0 0 4px var(
        --scale-circle-tuner-glow-detected,var(--tuner-detected-note-glow,rgba(96,165,250,.6))
      ))!important}.dark .scale-circle-note-label--tuner-detected .scale-circle-note-label__text{fill:var(--tuner-detected-note-text,hsl(48,80%,85%))!important}.dark .scale-circle-note-label--tuner-in-tune .scale-circle-note-label__text{fill:var(--tuner-in-tune-note-text,hsl(142,80%,85%))!important}.dark .scale-circle-note-label--tuner-in-tune .scale-circle-note-label__background{fill:var(--tuner-in-tune-note-bg,hsl(142,40%,25%))!important;filter:drop-shadow(0 0 5px var(
        --scale-circle-tuner-glow-in-tune,var(--tuner-in-tune-note-glow,rgba(74,222,128,.7))
      ))!important;animation:tuner-in-tune-pulse-dark 1.5s ease-in-out infinite}@keyframes tuner-in-tune-pulse-dark{0%,to{filter:drop-shadow(0 0 4px rgba(74,222,128,.5))}50%{filter:drop-shadow(0 0 8px rgba(74,222,128,.9))}}.dark .chord-name-text{fill:var(--scale-circle-chord-name,var(--chord-name-color,hsl(0,0%,95%)))}.dark .chord-bass-text{fill:var(--scale-circle-chord-bass,var(--chord-bass-text-color,hsl(220,80%,65%)))}.dark .chord-degree-text{fill:var(--scale-circle-chord-degree,var(--chord-degree-color,hsl(0,0%,60%)))}.dark .chord-confidence-ring{stroke:var(--scale-circle-chord-confidence,var(--chord-confidence-color,hsl(142,71%,55%)))}.scale-circle{display:block;overflow:visible}.scale-circle-sector{transition:fill .2s ease,opacity .2s ease;cursor:default;outline:none}.scale-circle-sector--clickable{cursor:pointer}.scale-circle-sector--clickable:hover{filter:brightness(1.1);transition:filter .15s ease}.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 .4s ease-out,opacity .4s 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:center}@keyframes scale-circle-pulse{0%{transform:scale(1);opacity:1}40%{transform:scale(var(--sc-playing-pulse-scale,1.25));opacity:var(--sc-playing-pulse-min-opacity,.85)}to{transform:scale(1);opacity:1}}.scale-circle-star{transition:all .3s ease}.scale-circle-interval-arc{transition:stroke .2s ease,opacity .2s ease}.scale-circle-actions{display:flex;justify-content:center;gap:.5rem;margin-block-start:1rem}.scale-circle-action-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--widget-sc-action-stroke);background:var(--widget-sc-action-bg);color:var(--widget-sc-action-icon);cursor:pointer;transition:transform .15s ease,background .15s ease}.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 ease}.scale-circle-marker:hover{opacity:.8}.scale-circle-function-zone{transition:fill-opacity .3s ease}.scale-circle-formula,.scale-circle-function-label,.scale-circle-interval-label{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scale-circle-interval-arc--characteristic{animation:characteristic-pulse 2s ease-in-out infinite}@keyframes characteristic-pulse{0%,to{opacity:1;stroke-width:3.5}50%{opacity:.6;stroke-width:5}}.scale-circle-out-of-scale-ring{animation:out-of-scale-blink 1.5s ease-in-out infinite}@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;-moz-user-select:none;user-select:none}.scale-circle-chord-bar{padding-block-start:.75rem}.scale-circle-chord-bar,.scale-circle-chord-bar__chords{display:flex;justify-content:center;gap:.25rem;flex-wrap:wrap}.scale-circle-chord-bar--empty{justify-content:center;color:var(--widget-sc-note-inactive-text);font-size:.875rem}.scale-circle-chord-bar__item{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.375rem .5rem;border-radius:.5rem;border:1px solid var(--widget-sc-action-stroke);background:var(--widget-sc-action-bg);color:var(--widget-sc-action-icon);cursor:pointer;transition:background .15s ease,transform .15s ease;min-width:2.5rem}.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{font-weight:400;opacity:.85}.scale-circle-chord-bar__item--augmented{font-weight:600}.scale-circle-chord-bar__degree{font-size:.625rem;opacity:.7}.scale-circle-chord-bar__name{font-size:.8125rem}.scale-circle-navigator{position:absolute;inset-inline-end:-290px;top:0;width:280px;max-height:400px;overflow-y:auto;background:var(--widget-sc-action-bg);border:1px solid var(--widget-sc-action-stroke);border-radius:.75rem;padding:.75rem;z-index:10;box-shadow:var(--widget-sc-panel-shadow);transition:box-shadow .2s ease}@media (max-width:1100px){.scale-circle-navigator{inset-inline-end:0}}.scale-circle-navigator__header{display:flex;justify-content:space-between;align-items:center;margin-block-end:.5rem}.scale-circle-navigator__header--draggable{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.scale-circle-navigator__header--draggable:active{cursor:grabbing}.scale-circle-navigator__title{font-size:.875rem;font-weight:600;color:var(--widget-sc-action-icon)}.scale-circle-navigator__close{background:none;border:none;color:var(--widget-sc-action-icon);cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem}.scale-circle-navigator__family{font-size:.75rem;font-weight:600;color:var(--widget-sc-action-icon);opacity:.6;margin-block:.5rem .25rem}.scale-circle-navigator__item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.375rem .5rem;border:none;border-radius:.375rem;background:transparent;color:var(--widget-sc-action-icon);cursor:pointer;font-size:.8125rem;text-align:start}.scale-circle-navigator__item:hover{background:var(--widget-sc-action-bg-hover)}.scale-circle-navigator__degree{font-size:.6875rem;opacity:.6}.scale-circle-navigator__empty{text-align:center;padding:1rem;color:var(--widget-sc-action-icon);opacity:.6;font-size:.875rem}.scale-circle-settings__toggle{position:absolute;top:.5rem;inset-inline-end:.5rem;width:2rem;height:2rem;border-radius:50%;border:1px solid var(--widget-sc-action-stroke);background:var(--widget-sc-action-bg);color:var(--widget-sc-action-icon);font-size:1.125rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;z-index:10}.scale-circle-settings__toggle:hover{background:var(--widget-sc-action-bg-hover)}.scale-circle-settings{position:absolute;top:0;inset-inline-start:calc(100% + 1rem);width:220px;background:var(--widget-sc-action-bg);border:1px solid var(--widget-sc-action-stroke);border-radius:.75rem;padding:.75rem;box-shadow:var(--widget-sc-panel-shadow);font-size:.8125rem;color:var(--widget-sc-action-icon);max-height:80vh;overflow-y:auto;z-index:20}.scale-circle-settings__header{display:flex;justify-content:space-between;align-items:center;margin-block-end:.5rem}.scale-circle-settings__title{font-weight:600;font-size:.875rem}.scale-circle-settings__close{background:none;border:none;color:var(--widget-sc-action-icon);font-size:1.25rem;cursor:pointer;line-height:1;padding:0 .25rem}.scale-circle-settings__section{border-top:1px solid var(--widget-sc-action-stroke);padding-block-start:.5rem;margin-block-start:.5rem}.scale-circle-settings__section-title{display:block;font-weight:600;font-size:.75rem;text-transform:uppercase;opacity:.6;margin-block-end:.375rem}.scale-circle-settings__row{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;cursor:pointer}.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{display:flex;flex-direction:column}.edu-mode-panel{margin-block-start:1rem;border:1px solid var(--widget-sc-action-stroke);border-radius:.75rem;overflow:hidden}.edu-mode-panel__tabs{display:flex;border-block-end:1px solid var(--widget-sc-action-stroke)}.edu-mode-panel__tab{flex:1;padding:.625rem .5rem;font-size:.8125rem;font-weight:500;background:var(--widget-sc-action-bg);color:var(--widget-sc-action-icon);border:none;cursor:pointer;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{padding:1rem;background:var(--widget-sc-action-bg)}.scale-builder-mode__step{font-size:.75rem;font-weight:600;text-transform:uppercase;opacity:.6;margin-block-end:.5rem;color:var(--widget-sc-action-icon)}.scale-builder-mode__label{font-size:.8125rem;color:var(--widget-sc-action-icon)}.scale-builder-mode__current{margin-block-end:.5rem}.scale-builder-mode__hint{font-size:.8125rem;opacity:.6;margin-block-end:.5rem;color:var(--widget-sc-action-icon)}.scale-builder-mode__notes-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.25rem;margin-block-end:.75rem}.scale-builder-mode__note{padding:.375rem .25rem;font-size:.75rem;font-weight:600;background:var(--widget-sc-note-inactive-bg);color:var(--widget-sc-note-inactive-text);border:1px solid var(--widget-sc-action-stroke);border-radius:.375rem;cursor:pointer;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__complete,.scale-builder-mode__matches{margin-block-end:.5rem;font-size:.8125rem;color:var(--widget-sc-action-icon)}.scale-builder-mode__complete{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--widget-sc-ear-correct)}.scale-builder-mode__apply{padding:.375rem .75rem;background:var(--widget-sc-ear-correct);color:var(--widget-sc-note-active-text);border:none;border-radius:.375rem;font-size:.8125rem;font-weight:600;cursor:pointer}.scale-builder-mode__suggestions{margin-block-end:.75rem}.scale-builder-mode__suggestions-label{font-size:.75rem;font-weight:600;text-transform:uppercase;opacity:.6;color:var(--widget-sc-action-icon);display:block;margin-block-end:.375rem}.scale-builder-mode__suggestions-list{display:flex;flex-wrap:wrap;gap:.375rem}.scale-builder-mode__suggestion{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--widget-sc-ear-option-bg);color:var(--widget-sc-action-icon);border:1px solid var(--widget-sc-action-stroke);border-radius:.375rem;font-size:.75rem;cursor:pointer}.scale-builder-mode__suggestion-prob{opacity:.6;font-size:.6875rem}.scale-builder-mode__reset{padding:.375rem .75rem;background:transparent;color:var(--widget-sc-action-icon);border:1px solid var(--widget-sc-action-stroke);border-radius:.375rem;font-size:.8125rem;cursor:pointer;opacity:.7}.ear-training-mode__difficulty-tabs,.ear-training-mode__type-tabs{display:flex;gap:.25rem;margin-block-end:.5rem}.ear-training-mode__difficulty-tab,.ear-training-mode__type-tab{padding:.25rem .625rem;font-size:.75rem;font-weight:500;background:var(--widget-sc-ear-option-bg);color:var(--widget-sc-action-icon);border:1px solid var(--widget-sc-action-stroke);border-radius:999px;cursor:pointer;transition:background .12s}.ear-training-mode__difficulty-tab--active,.ear-training-mode__type-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{display:flex;gap:.75rem;margin-block-end:.75rem;font-size:.75rem;color:var(--widget-sc-action-icon);opacity:.8}.ear-training-mode__stat--streak{font-weight:700;color:var(--widget-sc-ear-correct);opacity:1}.ear-training-mode__question{margin-block-end:.75rem}.ear-training-mode__prompt{font-size:.875rem;font-weight:600;color:var(--widget-sc-action-icon);margin-block-end:.25rem}.ear-training-mode__notes-info{font-size:.75rem;opacity:.6;color:var(--widget-sc-action-icon)}.ear-training-mode__options{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;margin-block-end:.75rem}.ear-training-mode__option{padding:.5rem;font-size:.8125rem;background:var(--widget-sc-ear-option-bg);color:var(--widget-sc-action-icon);border:1px solid var(--widget-sc-action-stroke);border-radius:.5rem;cursor:pointer;transition:background .12s;text-align:center}.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{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:.5rem;font-size:.8125rem;font-weight:600}.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{padding:.25rem .75rem;background:var(--widget-sc-note-active-text);color:var(--widget-sc-ear-option-active);border:none;border-radius:.375rem;font-size:.8125rem;font-weight:600;cursor:pointer}.ear-training-mode__loading{font-size:.8125rem;opacity:.5;color:var(--widget-sc-action-icon);text-align:center;padding:1rem}.guess-scale-mode__stats{display:flex;gap:.75rem;margin-block-end:.75rem;font-size:.75rem;color:var(--widget-sc-action-icon);opacity:.8}.guess-scale-mode__stat--streak{font-weight:700;color:var(--widget-sc-ear-correct);opacity:1}.guess-scale-mode__question{margin-block-end:.75rem}.guess-scale-mode__prompt{font-size:.875rem;font-weight:600;color:var(--widget-sc-action-icon);margin-block-end:.25rem}.guess-scale-mode__root{font-size:.8125rem;font-weight:600;color:var(--widget-sc-note-tonic-bg);margin-block-end:.25rem}.guess-scale-mode__hint-btn,.guess-scale-mode__notes{font-size:.75rem;opacity:.7;color:var(--widget-sc-action-icon)}.guess-scale-mode__hint-btn{margin-block-end:.5rem;padding:.25rem .75rem;background:transparent;border:1px solid var(--widget-sc-action-stroke);border-radius:999px;cursor:pointer}.guess-scale-mode__hint-result{display:flex;gap:.5rem;font-size:.75rem;color:var(--widget-sc-action-icon);margin-block-end:.5rem;opacity:.8}.guess-scale-mode__hint-label{font-weight:600}.guess-scale-mode__options{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;margin-block-end:.75rem}.guess-scale-mode__option{padding:.5rem;font-size:.8125rem;background:var(--widget-sc-ear-option-bg);color:var(--widget-sc-action-icon);border:1px solid var(--widget-sc-action-stroke);border-radius:.5rem;cursor:pointer;transition:background .12s;text-align:center}.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{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:.5rem;font-size:.8125rem;font-weight:600}.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{padding:.25rem .75rem;background:var(--widget-sc-note-active-text);color:var(--widget-sc-ear-option-active);border:none;border-radius:.375rem;font-size:.8125rem;font-weight:600;cursor:pointer}.guess-scale-mode__loading{opacity:.5;text-align:center;padding:1rem}.guess-scale-mode__loading,.scale-circle-melody{font-size:.8125rem;color:var(--widget-sc-action-icon)}.scale-circle-melody{padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-height:80px}.scale-circle-melody__record-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.5rem;background:var(--widget-sc-accent,hsl(239 84% 67%));color:#fff;border:none;border-radius:2rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s}.scale-circle-melody__record-btn:hover{opacity:.85}.scale-circle-melody__mic-icon{font-size:1.5rem}.scale-circle-melody__controls{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.scale-circle-melody__btn{padding:.3rem .9rem;border-radius:.375rem;border:1px solid var(--widget-sc-action-stroke);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s}.scale-circle-melody__btn--primary{background:var(--widget-sc-accent,hsl(239 84% 67%));color:#fff;border-color:transparent}.scale-circle-melody__btn--primary:hover{opacity:.85}.scale-circle-melody__btn--stop{background:hsl(0 70% 50%);color:#fff;border-color:transparent}.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{display:flex;align-items:center;gap:.375rem}.scale-circle-melody__pulse{display:inline-block;width:.625rem;height:.625rem;border-radius:50%;background:hsl(0 70% 50%);animation:melody-pulse 1s ease-in-out infinite}@keyframes melody-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.scale-circle-melody-timer{font-size:1.125rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--widget-sc-action-icon)}.scale-circle-melody__live-pitch{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.scale-circle-melody__spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--widget-sc-action-stroke);border-top-color:var(--widget-sc-accent,hsl(239 84% 67%));border-radius:50%;animation:melody-spin .7s linear infinite}@keyframes melody-spin{to{transform:rotate(1turn)}}.scale-circle-melody__error,.scale-circle-melody__no-permission,.scale-circle-melody__processing,.scale-circle-melody__requesting{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.scale-circle-melody__alternatives,.scale-circle-melody__best-scale,.scale-circle-melody__info,.scale-circle-melody__no-notes{margin:0;text-align:center;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{display:flex;gap:.375rem;flex-wrap:wrap;justify-content:center}.scale-circle-melody-candidate{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--widget-sc-action-bg);border:1px solid var(--widget-sc-action-stroke);border-radius:.375rem;font-size:.75rem;cursor:pointer;transition:background .15s}.scale-circle-melody-candidate:hover{background:var(--widget-sc-action-bg-hover)}.scale-circle-melody-candidate__confidence{font-weight:600;opacity:.7}