@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-sans:"Inter","Inter Fallback"}:root,[data-theme=light]{--widget-sc-ring-glow:hsl(239 84% 67%);--widget-sc-ring-main:hsl(239 30% 50%);--widget-sc-ring-shadow:hsl(234 20% 30%);--widget-sc-star-glow:hsl(239 84% 67%);--widget-sc-star-main:hsl(239 84% 67%);--widget-sc-star-shadow:hsl(234 20% 30%);--widget-sc-star-shadow-inner:hsl(239 84% 80%);--widget-sc-star-fill:hsl(239 84% 67%);--widget-sc-sector-active:hsl(239 84% 67%);--widget-sc-sector-inactive:hsl(221 30% 90%);--widget-sc-sector-tonic:hsl(45 90% 55%);--widget-sc-sector-chord-root:hsl(280 70% 60%);--widget-sc-sector-chord:hsl(280 50% 75%);--widget-sc-sector-selected:hsl(189 94% 43%);--widget-sc-sector-out-of-scale:hsl(0 72% 51%);--widget-sc-sector-border:hsl(234 20% 50%);--widget-sc-note-active-bg:hsl(239 84% 67%);--widget-sc-note-active-text:hsl(0 0% 100%);--widget-sc-note-inactive-bg:hsl(221 30% 92%);--widget-sc-note-inactive-text:hsl(234 20% 40%);--widget-sc-note-tonic-bg:hsl(45 90% 55%);--widget-sc-note-tonic-text:hsl(0 0% 10%);--widget-sc-note-chord-bg:hsl(280 50% 75%);--widget-sc-note-chord-text:hsl(0 0% 100%);--widget-sc-note-chord-root-bg:hsl(280 70% 60%);--widget-sc-note-chord-root-text:hsl(0 0% 100%);--widget-sc-note-selected-bg:hsl(189 94% 43%);--widget-sc-note-selected-text:hsl(0 0% 100%);--widget-sc-note-playing-bg:hsl(142 71% 45%);--widget-sc-note-playing-text:hsl(0 0% 100%);--widget-sc-note-border:hsl(234 15% 70%);--widget-sc-arc-consonant:hsl(189 94% 43%);--widget-sc-arc-dissonant:hsl(0 72% 51%);--widget-sc-arc-characteristic:hsl(45 90% 55%);--widget-sc-arc-label:hsl(234 20% 40%);--widget-sc-zone-tonic:hsl(142 71% 45%);--widget-sc-zone-subdominant:hsl(45 90% 55%);--widget-sc-zone-dominant:hsl(0 72% 51%);--widget-sc-zone-postdominant:hsl(220 70% 55%);--widget-sc-action-bg:hsl(221 30% 92%);--widget-sc-action-bg-hover:hsl(221 30% 85%);--widget-sc-action-stroke:hsl(234 15% 70%);--widget-sc-panel-shadow:0 4px 16px hsl(234 20% 20%/0.15);--widget-sc-action-icon:hsl(234 20% 30%);--widget-sc-background:transparent;--widget-sc-note-color-0:hsl(0 75% 55%);--widget-sc-note-color-1:hsl(30 75% 55%);--widget-sc-note-color-2:hsl(60 75% 50%);--widget-sc-note-color-3:hsl(90 60% 45%);--widget-sc-note-color-4:hsl(120 55% 45%);--widget-sc-note-color-5:hsl(150 55% 45%);--widget-sc-note-color-6:hsl(180 60% 45%);--widget-sc-note-color-7:hsl(210 70% 55%);--widget-sc-note-color-8:hsl(240 65% 60%);--widget-sc-note-color-9:hsl(270 60% 55%);--widget-sc-note-color-10:hsl(300 55% 55%);--widget-sc-note-color-11:hsl(330 65% 55%);--widget-sc-voice-arrow:hsl(189 94% 43%);--widget-sc-voice-common-dot:hsl(142 71% 45%);--widget-sc-voice-label:hsl(234 20% 40%);--widget-sc-matrix-major:hsl(239 84% 67%);--widget-sc-matrix-minor:hsl(280 50% 65%);--widget-sc-matrix-dim:hsl(0 60% 55%);--widget-sc-matrix-aug:hsl(45 80% 55%);--widget-sc-matrix-highlight:hsl(239 84% 67%/0.15);--widget-sc-matrix-text:hsl(234 20% 30%);--widget-sc-progression-bg:hsl(221 30% 95%);--widget-sc-progression-active:hsl(239 84% 67%);--widget-sc-progression-arrow:hsl(234 15% 60%);--widget-sc-melody-path:hsl(239 84% 67%);--widget-sc-melody-marker:hsl(45 90% 55%);--widget-sc-melody-current:hsl(142 71% 45%);--widget-sc-ear-correct:hsl(142 71% 45%);--widget-sc-ear-wrong:hsl(0 72% 51%);--widget-sc-ear-option-bg:hsl(221 30% 92%);--widget-sc-ear-option-active:hsl(239 84% 67%);--widget-sc-tension-low:hsl(220 70% 55%);--widget-sc-tension-mid:hsl(45 80% 50%);--widget-sc-tension-high:hsl(0 70% 55%)}[data-theme=dark]{--widget-sc-ring-glow:hsl(255 43% 61%);--widget-sc-ring-main:hsl(255 30% 55%);--widget-sc-ring-shadow:hsl(234 30% 15%);--widget-sc-star-glow:hsl(255 43% 61%);--widget-sc-star-main:hsl(255 43% 61%);--widget-sc-star-shadow:hsl(234 30% 20%);--widget-sc-star-shadow-inner:hsl(255 43% 75%);--widget-sc-star-fill:hsl(255 43% 61%);--widget-sc-sector-active:hsl(255 43% 55%);--widget-sc-sector-inactive:hsl(234 30% 18%);--widget-sc-sector-tonic:hsl(45 85% 50%);--widget-sc-sector-chord-root:hsl(280 60% 55%);--widget-sc-sector-chord:hsl(280 40% 45%);--widget-sc-sector-selected:hsl(199 85% 65%);--widget-sc-sector-out-of-scale:hsl(0 62% 45%);--widget-sc-sector-border:hsl(234 20% 30%);--widget-sc-note-active-bg:hsl(255 43% 55%);--widget-sc-note-active-text:hsl(0 0% 95%);--widget-sc-note-inactive-bg:hsl(234 25% 20%);--widget-sc-note-inactive-text:hsl(234 15% 60%);--widget-sc-note-tonic-bg:hsl(45 85% 50%);--widget-sc-note-tonic-text:hsl(0 0% 5%);--widget-sc-note-chord-bg:hsl(280 40% 45%);--widget-sc-note-chord-text:hsl(0 0% 95%);--widget-sc-note-chord-root-bg:hsl(280 60% 55%);--widget-sc-note-chord-root-text:hsl(0 0% 95%);--widget-sc-note-selected-bg:hsl(199 85% 65%);--widget-sc-note-selected-text:hsl(0 0% 5%);--widget-sc-note-playing-bg:hsl(142 60% 40%);--widget-sc-note-playing-text:hsl(0 0% 95%);--widget-sc-note-border:hsl(234 15% 35%);--widget-sc-arc-consonant:hsl(199 85% 65%);--widget-sc-arc-dissonant:hsl(0 62% 50%);--widget-sc-arc-characteristic:hsl(45 85% 50%);--widget-sc-arc-label:hsl(234 15% 65%);--widget-sc-zone-tonic:hsl(142 60% 40%);--widget-sc-zone-subdominant:hsl(45 85% 50%);--widget-sc-zone-dominant:hsl(0 62% 50%);--widget-sc-zone-postdominant:hsl(220 70% 55%);--widget-sc-action-bg:hsl(234 25% 18%);--widget-sc-action-bg-hover:hsl(234 25% 25%);--widget-sc-action-stroke:hsl(234 15% 35%);--widget-sc-panel-shadow:0 4px 16px hsl(0 0% 0%/0.3);--widget-sc-action-icon:hsl(234 15% 70%);--widget-sc-background:transparent;--widget-sc-note-color-0:hsl(0 65% 50%);--widget-sc-note-color-1:hsl(30 65% 50%);--widget-sc-note-color-2:hsl(60 60% 45%);--widget-sc-note-color-3:hsl(90 50% 40%);--widget-sc-note-color-4:hsl(120 45% 40%);--widget-sc-note-color-5:hsl(150 45% 40%);--widget-sc-note-color-6:hsl(180 50% 40%);--widget-sc-note-color-7:hsl(210 60% 50%);--widget-sc-note-color-8:hsl(240 55% 55%);--widget-sc-note-color-9:hsl(270 50% 50%);--widget-sc-note-color-10:hsl(300 45% 50%);--widget-sc-note-color-11:hsl(330 55% 50%);--widget-sc-voice-arrow:hsl(199 85% 65%);--widget-sc-voice-common-dot:hsl(142 60% 40%);--widget-sc-voice-label:hsl(234 15% 65%);--widget-sc-matrix-major:hsl(255 43% 55%);--widget-sc-matrix-minor:hsl(280 40% 50%);--widget-sc-matrix-dim:hsl(0 55% 45%);--widget-sc-matrix-aug:hsl(45 75% 50%);--widget-sc-matrix-highlight:hsl(255 43% 55%/0.2);--widget-sc-matrix-text:hsl(0 0% 90%);--widget-sc-progression-bg:hsl(234 25% 15%);--widget-sc-progression-active:hsl(255 43% 55%);--widget-sc-progression-arrow:hsl(234 15% 50%);--widget-sc-melody-path:hsl(255 43% 61%);--widget-sc-melody-marker:hsl(45 85% 50%);--widget-sc-melody-current:hsl(142 60% 40%);--widget-sc-ear-correct:hsl(142 60% 40%);--widget-sc-ear-wrong:hsl(0 62% 45%);--widget-sc-ear-option-bg:hsl(234 25% 18%);--widget-sc-ear-option-active:hsl(255 43% 55%);--widget-sc-tension-low:hsl(220 55% 50%);--widget-sc-tension-mid:hsl(45 70% 45%);--widget-sc-tension-high:hsl(0 60% 50%)}[data-theme=ocean-sunset]{--widget-sc-ring-glow:hsl(181 83% 30%);--widget-sc-ring-main:hsl(181 60% 35%);--widget-sc-ring-shadow:hsl(201 80% 10%);--widget-sc-star-glow:hsl(181 83% 30%);--widget-sc-star-main:hsl(181 83% 30%);--widget-sc-star-shadow:hsl(201 80% 10%);--widget-sc-star-shadow-inner:hsl(181 83% 55%);--widget-sc-star-fill:hsl(181 83% 30%);--widget-sc-sector-active:hsl(181 83% 30%);--widget-sc-sector-inactive:hsl(201 60% 15%);--widget-sc-sector-tonic:hsl(41 70% 65%);--widget-sc-sector-chord-root:hsl(13 70% 55%);--widget-sc-sector-chord:hsl(13 50% 45%);--widget-sc-sector-selected:hsl(41 70% 79%);--widget-sc-sector-out-of-scale:hsl(350 62% 45%);--widget-sc-sector-border:hsl(201 40% 25%);--widget-sc-note-active-bg:hsl(181 83% 30%);--widget-sc-note-active-text:hsl(41 70% 95%);--widget-sc-note-inactive-bg:hsl(201 50% 15%);--widget-sc-note-inactive-text:hsl(201 30% 55%);--widget-sc-note-tonic-bg:hsl(41 70% 65%);--widget-sc-note-tonic-text:hsl(201 80% 8%);--widget-sc-note-chord-bg:hsl(13 50% 45%);--widget-sc-note-chord-text:hsl(41 70% 95%);--widget-sc-note-chord-root-bg:hsl(13 70% 55%);--widget-sc-note-chord-root-text:hsl(41 70% 95%);--widget-sc-note-selected-bg:hsl(41 70% 79%);--widget-sc-note-selected-text:hsl(201 80% 8%);--widget-sc-note-playing-bg:hsl(160 50% 35%);--widget-sc-note-playing-text:hsl(41 70% 95%);--widget-sc-note-border:hsl(201 30% 30%);--widget-sc-arc-consonant:hsl(181 60% 40%);--widget-sc-arc-dissonant:hsl(13 70% 55%);--widget-sc-arc-characteristic:hsl(41 70% 65%);--widget-sc-arc-label:hsl(201 30% 60%);--widget-sc-zone-tonic:hsl(181 60% 35%);--widget-sc-zone-subdominant:hsl(41 70% 65%);--widget-sc-zone-dominant:hsl(13 70% 55%);--widget-sc-zone-postdominant:hsl(215 60% 50%);--widget-sc-action-bg:hsl(201 50% 15%);--widget-sc-action-bg-hover:hsl(201 50% 22%);--widget-sc-action-stroke:hsl(201 30% 30%);--widget-sc-panel-shadow:0 4px 16px hsl(201 50% 5%/0.3);--widget-sc-action-icon:hsl(41 40% 70%);--widget-sc-background:transparent;--widget-sc-note-color-0:hsl(350 55% 50%);--widget-sc-note-color-1:hsl(20 60% 50%);--widget-sc-note-color-2:hsl(41 65% 55%);--widget-sc-note-color-3:hsl(80 45% 40%);--widget-sc-note-color-4:hsl(140 40% 35%);--widget-sc-note-color-5:hsl(160 45% 35%);--widget-sc-note-color-6:hsl(181 55% 35%);--widget-sc-note-color-7:hsl(200 55% 45%);--widget-sc-note-color-8:hsl(220 50% 50%);--widget-sc-note-color-9:hsl(260 45% 50%);--widget-sc-note-color-10:hsl(300 40% 45%);--widget-sc-note-color-11:hsl(330 50% 48%);--widget-sc-voice-arrow:hsl(181 60% 40%);--widget-sc-voice-common-dot:hsl(160 50% 35%);--widget-sc-voice-label:hsl(201 30% 60%);--widget-sc-matrix-major:hsl(181 60% 35%);--widget-sc-matrix-minor:hsl(13 45% 48%);--widget-sc-matrix-dim:hsl(350 55% 40%);--widget-sc-matrix-aug:hsl(41 65% 55%);--widget-sc-matrix-highlight:hsl(181 60% 35%/0.2);--widget-sc-matrix-text:hsl(41 70% 90%);--widget-sc-progression-bg:hsl(201 50% 12%);--widget-sc-progression-active:hsl(181 60% 35%);--widget-sc-progression-arrow:hsl(201 30% 45%);--widget-sc-melody-path:hsl(181 83% 30%);--widget-sc-melody-marker:hsl(41 70% 65%);--widget-sc-melody-current:hsl(160 50% 35%);--widget-sc-ear-correct:hsl(160 50% 35%);--widget-sc-ear-wrong:hsl(13 70% 55%);--widget-sc-ear-option-bg:hsl(201 50% 15%);--widget-sc-ear-option-active:hsl(181 60% 35%);--widget-sc-tension-low:hsl(181 60% 35%);--widget-sc-tension-mid:hsl(41 70% 50%);--widget-sc-tension-high:hsl(13 70% 50%)}[data-theme=sage-stone]{--widget-sc-ring-glow:hsl(193 18% 58%);--widget-sc-ring-main:hsl(193 15% 50%);--widget-sc-ring-shadow:hsl(30 10% 30%);--widget-sc-star-glow:hsl(193 18% 58%);--widget-sc-star-main:hsl(193 18% 58%);--widget-sc-star-shadow:hsl(30 10% 30%);--widget-sc-star-shadow-inner:hsl(193 18% 78%);--widget-sc-star-fill:hsl(193 18% 58%);--widget-sc-sector-active:hsl(193 18% 50%);--widget-sc-sector-inactive:hsl(30 20% 90%);--widget-sc-sector-tonic:hsl(38 50% 55%);--widget-sc-sector-chord-root:hsl(98 20% 45%);--widget-sc-sector-chord:hsl(98 15% 55%);--widget-sc-sector-selected:hsl(193 25% 60%);--widget-sc-sector-out-of-scale:hsl(0 40% 50%);--widget-sc-sector-border:hsl(30 10% 55%);--widget-sc-note-active-bg:hsl(193 18% 50%);--widget-sc-note-active-text:hsl(30 100% 97%);--widget-sc-note-inactive-bg:hsl(30 15% 88%);--widget-sc-note-inactive-text:hsl(30 10% 45%);--widget-sc-note-tonic-bg:hsl(38 50% 55%);--widget-sc-note-tonic-text:hsl(30 100% 97%);--widget-sc-note-chord-bg:hsl(98 15% 55%);--widget-sc-note-chord-text:hsl(30 100% 97%);--widget-sc-note-chord-root-bg:hsl(98 20% 45%);--widget-sc-note-chord-root-text:hsl(30 100% 97%);--widget-sc-note-selected-bg:hsl(193 25% 60%);--widget-sc-note-selected-text:hsl(30 100% 97%);--widget-sc-note-playing-bg:hsl(142 30% 45%);--widget-sc-note-playing-text:hsl(30 100% 97%);--widget-sc-note-border:hsl(30 10% 65%);--widget-sc-arc-consonant:hsl(193 20% 55%);--widget-sc-arc-dissonant:hsl(0 40% 50%);--widget-sc-arc-characteristic:hsl(38 50% 55%);--widget-sc-arc-label:hsl(30 10% 40%);--widget-sc-zone-tonic:hsl(142 25% 45%);--widget-sc-zone-subdominant:hsl(38 50% 55%);--widget-sc-zone-dominant:hsl(0 40% 50%);--widget-sc-zone-postdominant:hsl(215 40% 50%);--widget-sc-action-bg:hsl(30 15% 88%);--widget-sc-action-bg-hover:hsl(30 15% 80%);--widget-sc-action-stroke:hsl(30 10% 65%);--widget-sc-panel-shadow:0 4px 16px hsl(30 10% 20%/0.15);--widget-sc-action-icon:hsl(30 10% 35%);--widget-sc-background:transparent;--widget-sc-note-color-0:hsl(0 40% 50%);--widget-sc-note-color-1:hsl(30 45% 50%);--widget-sc-note-color-2:hsl(50 45% 48%);--widget-sc-note-color-3:hsl(80 30% 42%);--widget-sc-note-color-4:hsl(120 25% 40%);--widget-sc-note-color-5:hsl(150 25% 40%);--widget-sc-note-color-6:hsl(175 30% 42%);--widget-sc-note-color-7:hsl(200 35% 48%);--widget-sc-note-color-8:hsl(225 30% 50%);--widget-sc-note-color-9:hsl(260 25% 48%);--widget-sc-note-color-10:hsl(300 20% 48%);--widget-sc-note-color-11:hsl(330 30% 48%);--widget-sc-voice-arrow:hsl(193 20% 55%);--widget-sc-voice-common-dot:hsl(142 25% 45%);--widget-sc-voice-label:hsl(30 10% 40%);--widget-sc-matrix-major:hsl(193 18% 50%);--widget-sc-matrix-minor:hsl(98 15% 50%);--widget-sc-matrix-dim:hsl(0 35% 48%);--widget-sc-matrix-aug:hsl(38 45% 52%);--widget-sc-matrix-highlight:hsl(193 18% 50%/0.15);--widget-sc-matrix-text:hsl(30 10% 30%);--widget-sc-progression-bg:hsl(30 15% 92%);--widget-sc-progression-active:hsl(193 18% 50%);--widget-sc-progression-arrow:hsl(30 10% 55%);--widget-sc-melody-path:hsl(193 18% 58%);--widget-sc-melody-marker:hsl(38 50% 55%);--widget-sc-melody-current:hsl(142 30% 45%);--widget-sc-ear-correct:hsl(142 25% 45%);--widget-sc-ear-wrong:hsl(0 40% 50%);--widget-sc-ear-option-bg:hsl(30 15% 88%);--widget-sc-ear-option-active:hsl(193 18% 50%);--widget-sc-tension-low:hsl(193 30% 48%);--widget-sc-tension-mid:hsl(38 50% 50%);--widget-sc-tension-high:hsl(0 40% 50%)}[data-theme=coastal-heritage]{--widget-sc-ring-glow:hsl(198 67% 47%);--widget-sc-ring-main:hsl(198 50% 45%);--widget-sc-ring-shadow:hsl(210 40% 12%);--widget-sc-star-glow:hsl(198 67% 47%);--widget-sc-star-main:hsl(198 67% 47%);--widget-sc-star-shadow:hsl(210 40% 12%);--widget-sc-star-shadow-inner:hsl(198 67% 70%);--widget-sc-star-fill:hsl(198 67% 47%);--widget-sc-sector-active:hsl(198 67% 45%);--widget-sc-sector-inactive:hsl(210 40% 22%);--widget-sc-sector-tonic:hsl(38 47% 56%);--widget-sc-sector-chord-root:hsl(12 55% 50%);--widget-sc-sector-chord:hsl(12 40% 42%);--widget-sc-sector-selected:hsl(38 47% 70%);--widget-sc-sector-out-of-scale:hsl(350 55% 42%);--widget-sc-sector-border:hsl(210 30% 30%);--widget-sc-note-active-bg:hsl(198 67% 45%);--widget-sc-note-active-text:hsl(0 0% 95%);--widget-sc-note-inactive-bg:hsl(210 35% 22%);--widget-sc-note-inactive-text:hsl(210 20% 55%);--widget-sc-note-tonic-bg:hsl(38 47% 56%);--widget-sc-note-tonic-text:hsl(210 50% 12%);--widget-sc-note-chord-bg:hsl(12 40% 42%);--widget-sc-note-chord-text:hsl(0 0% 95%);--widget-sc-note-chord-root-bg:hsl(12 55% 50%);--widget-sc-note-chord-root-text:hsl(0 0% 95%);--widget-sc-note-selected-bg:hsl(38 47% 70%);--widget-sc-note-selected-text:hsl(210 50% 12%);--widget-sc-note-playing-bg:hsl(160 45% 38%);--widget-sc-note-playing-text:hsl(0 0% 95%);--widget-sc-note-border:hsl(210 20% 35%);--widget-sc-arc-consonant:hsl(198 55% 50%);--widget-sc-arc-dissonant:hsl(12 55% 50%);--widget-sc-arc-characteristic:hsl(38 47% 56%);--widget-sc-arc-label:hsl(210 20% 60%);--widget-sc-zone-tonic:hsl(160 40% 38%);--widget-sc-zone-subdominant:hsl(38 47% 56%);--widget-sc-zone-dominant:hsl(12 55% 50%);--widget-sc-zone-postdominant:hsl(210 45% 48%);--widget-sc-action-bg:hsl(210 35% 22%);--widget-sc-action-bg-hover:hsl(210 35% 30%);--widget-sc-action-stroke:hsl(210 20% 35%);--widget-sc-panel-shadow:0 4px 16px hsl(210 40% 5%/0.3);--widget-sc-action-icon:hsl(38 30% 65%);--widget-sc-background:transparent;--widget-sc-note-color-0:hsl(350 50% 48%);--widget-sc-note-color-1:hsl(20 55% 48%);--widget-sc-note-color-2:hsl(38 50% 52%);--widget-sc-note-color-3:hsl(80 35% 38%);--widget-sc-note-color-4:hsl(130 35% 35%);--widget-sc-note-color-5:hsl(160 40% 35%);--widget-sc-note-color-6:hsl(185 45% 38%);--widget-sc-note-color-7:hsl(198 50% 45%);--widget-sc-note-color-8:hsl(220 45% 48%);--widget-sc-note-color-9:hsl(260 40% 48%);--widget-sc-note-color-10:hsl(300 35% 45%);--widget-sc-note-color-11:hsl(330 45% 46%);--widget-sc-voice-arrow:hsl(198 55% 50%);--widget-sc-voice-common-dot:hsl(160 45% 38%);--widget-sc-voice-label:hsl(210 20% 60%);--widget-sc-matrix-major:hsl(198 55% 45%);--widget-sc-matrix-minor:hsl(12 40% 45%);--widget-sc-matrix-dim:hsl(350 50% 38%);--widget-sc-matrix-aug:hsl(38 45% 52%);--widget-sc-matrix-highlight:hsl(198 55% 45%/0.2);--widget-sc-matrix-text:hsl(0 0% 90%);--widget-sc-progression-bg:hsl(210 35% 18%);--widget-sc-progression-active:hsl(198 55% 45%);--widget-sc-progression-arrow:hsl(210 20% 45%);--widget-sc-melody-path:hsl(198 67% 47%);--widget-sc-melody-marker:hsl(38 47% 56%);--widget-sc-melody-current:hsl(160 45% 38%);--widget-sc-ear-correct:hsl(160 40% 38%);--widget-sc-ear-wrong:hsl(12 55% 50%);--widget-sc-ear-option-bg:hsl(210 35% 22%);--widget-sc-ear-option-active:hsl(198 55% 45%);--widget-sc-tension-low:hsl(198 55% 42%);--widget-sc-tension-mid:hsl(42 65% 48%);--widget-sc-tension-high:hsl(12 55% 48%)}[data-theme=dark-crimson]{--widget-sc-ring-glow:hsl(4 91% 20%);--widget-sc-ring-main:hsl(4 60% 25%);--widget-sc-ring-shadow:hsl(0 20% 8%);--widget-sc-star-glow:hsl(4 91% 20%);--widget-sc-star-main:hsl(4 91% 20%);--widget-sc-star-shadow:hsl(0 20% 8%);--widget-sc-star-shadow-inner:hsl(4 91% 45%);--widget-sc-star-fill:hsl(4 91% 20%);--widget-sc-sector-active:hsl(4 70% 25%);--widget-sc-sector-inactive:hsl(0 10% 10%);--widget-sc-sector-tonic:hsl(38 55% 45%);--widget-sc-sector-chord-root:hsl(5 29% 50%);--widget-sc-sector-chord:hsl(5 20% 40%);--widget-sc-sector-selected:hsl(5 29% 57%);--widget-sc-sector-out-of-scale:hsl(350 70% 30%);--widget-sc-sector-border:hsl(0 15% 20%);--widget-sc-note-active-bg:hsl(4 70% 25%);--widget-sc-note-active-text:hsl(0 10% 85%);--widget-sc-note-inactive-bg:hsl(0 8% 12%);--widget-sc-note-inactive-text:hsl(0 8% 45%);--widget-sc-note-tonic-bg:hsl(38 55% 45%);--widget-sc-note-tonic-text:hsl(0 0% 5%);--widget-sc-note-chord-bg:hsl(5 20% 40%);--widget-sc-note-chord-text:hsl(0 10% 85%);--widget-sc-note-chord-root-bg:hsl(5 29% 50%);--widget-sc-note-chord-root-text:hsl(0 10% 85%);--widget-sc-note-selected-bg:hsl(5 29% 57%);--widget-sc-note-selected-text:hsl(0 10% 90%);--widget-sc-note-playing-bg:hsl(120 30% 30%);--widget-sc-note-playing-text:hsl(0 10% 85%);--widget-sc-note-border:hsl(0 10% 22%);--widget-sc-arc-consonant:hsl(5 29% 50%);--widget-sc-arc-dissonant:hsl(350 60% 35%);--widget-sc-arc-characteristic:hsl(38 55% 45%);--widget-sc-arc-label:hsl(0 8% 50%);--widget-sc-zone-tonic:hsl(120 25% 30%);--widget-sc-zone-subdominant:hsl(38 55% 45%);--widget-sc-zone-dominant:hsl(350 60% 35%);--widget-sc-zone-postdominant:hsl(220 50% 40%);--widget-sc-action-bg:hsl(0 8% 12%);--widget-sc-action-bg-hover:hsl(0 10% 18%);--widget-sc-action-stroke:hsl(0 10% 22%);--widget-sc-panel-shadow:0 4px 16px hsl(0 0% 0%/0.35);--widget-sc-action-icon:hsl(0 8% 55%);--widget-sc-background:transparent;--widget-sc-note-color-0:hsl(4 55% 35%);--widget-sc-note-color-1:hsl(25 50% 38%);--widget-sc-note-color-2:hsl(40 45% 40%);--widget-sc-note-color-3:hsl(75 25% 32%);--widget-sc-note-color-4:hsl(120 20% 28%);--widget-sc-note-color-5:hsl(150 22% 30%);--widget-sc-note-color-6:hsl(180 25% 30%);--widget-sc-note-color-7:hsl(210 35% 35%);--widget-sc-note-color-8:hsl(240 30% 38%);--widget-sc-note-color-9:hsl(270 25% 35%);--widget-sc-note-color-10:hsl(300 20% 35%);--widget-sc-note-color-11:hsl(330 35% 35%);--widget-sc-voice-arrow:hsl(5 29% 50%);--widget-sc-voice-common-dot:hsl(120 25% 30%);--widget-sc-voice-label:hsl(0 8% 50%);--widget-sc-matrix-major:hsl(4 55% 30%);--widget-sc-matrix-minor:hsl(5 20% 38%);--widget-sc-matrix-dim:hsl(350 60% 28%);--widget-sc-matrix-aug:hsl(38 45% 40%);--widget-sc-matrix-highlight:hsl(4 55% 30%/0.25);--widget-sc-matrix-text:hsl(0 10% 80%);--widget-sc-progression-bg:hsl(0 8% 8%);--widget-sc-progression-active:hsl(4 55% 30%);--widget-sc-progression-arrow:hsl(0 8% 35%);--widget-sc-melody-path:hsl(4 70% 25%);--widget-sc-melody-marker:hsl(38 55% 45%);--widget-sc-melody-current:hsl(120 25% 30%);--widget-sc-ear-correct:hsl(120 25% 30%);--widget-sc-ear-wrong:hsl(350 70% 30%);--widget-sc-ear-option-bg:hsl(0 8% 12%);--widget-sc-ear-option-active:hsl(4 55% 30%);--widget-sc-tension-low:hsl(220 50% 45%);--widget-sc-tension-mid:hsl(42 60% 40%);--widget-sc-tension-high:hsl(4 55% 38%)}:root{--banner-bg:hsl(var(--card));--banner-text:hsl(var(--card-foreground));--banner-cta-bg:hsl(var(--primary));--banner-cta-text:hsl(var(--primary-foreground));--banner-border:hsl(var(--border));--banner-overlay:rgba(0,0,0,0.5);--banner-close-color:hsl(var(--muted-foreground))}[data-theme=dark]{--banner-bg:hsl(var(--card));--banner-text:hsl(var(--card-foreground));--banner-cta-bg:hsl(var(--primary));--banner-cta-text:hsl(var(--primary-foreground));--banner-border:hsl(var(--border));--banner-overlay:rgba(0,0,0,0.6);--banner-close-color:hsl(var(--muted-foreground))}[data-theme=ocean-sunset]{--banner-bg:hsl(var(--card));--banner-text:hsl(var(--card-foreground));--banner-cta-bg:hsl(var(--primary));--banner-cta-text:hsl(var(--primary-foreground));--banner-border:hsl(var(--border));--banner-overlay:rgba(0,0,0,0.5);--banner-close-color:hsl(var(--muted-foreground))}[data-theme=sage-stone]{--banner-bg:hsl(var(--card));--banner-text:hsl(var(--card-foreground));--banner-cta-bg:hsl(var(--primary));--banner-cta-text:hsl(var(--primary-foreground));--banner-border:hsl(var(--border));--banner-overlay:rgba(0,0,0,0.4);--banner-close-color:hsl(var(--muted-foreground))}[data-theme=coastal-heritage]{--banner-bg:hsl(var(--card));--banner-text:hsl(var(--card-foreground));--banner-cta-bg:hsl(var(--primary));--banner-cta-text:hsl(var(--primary-foreground));--banner-border:hsl(var(--border));--banner-overlay:rgba(0,0,0,0.55);--banner-close-color:hsl(var(--muted-foreground))}[data-theme=dark-crimson]{--banner-bg:hsl(var(--card));--banner-text:hsl(var(--card-foreground));--banner-cta-bg:hsl(var(--primary));--banner-cta-text:hsl(var(--primary-foreground));--banner-border:hsl(var(--border));--banner-overlay:rgba(0,0,0,0.6);--banner-close-color:hsl(var(--muted-foreground))}:root{--edu-hero-from:#6366f1;--edu-hero-via:#a855f7;--edu-hero-to:#ec4899;--edu-leaderboard-from:#fbbf24;--edu-leaderboard-via:#f97316;--edu-leaderboard-to:#ef4444;--edu-heatmap-0:hsl(var(--border));--edu-heatmap-1:#bbf7d0;--edu-heatmap-2:#4ade80;--edu-heatmap-3:#22c55e;--edu-heatmap-4:#15803d;--edu-streak-from:#fb923c;--edu-streak-to:#ef4444;--edu-presence-online:#22c55e;--edu-rarity-common-bg:#f3f4f6;--edu-rarity-common-icon:#6b7280;--edu-rarity-uncommon-bg:#ecfdf5;--edu-rarity-uncommon-icon:#059669;--edu-rarity-rare-bg:#eff6ff;--edu-rarity-rare-icon:#2563eb;--edu-rarity-epic-bg:#faf5ff;--edu-rarity-epic-icon:#9333ea;--edu-rarity-legendary-bg:#fffbeb;--edu-rarity-legendary-icon:#d97706;--edu-stat-xp-from:#fbbf24;--edu-stat-xp-to:#f97316;--edu-stat-accuracy-from:#4ade80;--edu-stat-accuracy-to:#14b8a6;--edu-stat-challenges-from:#60a5fa;--edu-stat-challenges-to:#6366f1;--edu-stat-rank-from:#c084fc;--edu-stat-rank-to:#ec4899;--edu-skill-progress-from:#4ade80;--edu-skill-progress-to:#14b8a6;--edu-daily-btn-from:#a855f7;--edu-daily-btn-to:#ec4899}[data-theme=dark]{--edu-hero-from:#4f46e5;--edu-hero-via:#7c3aed;--edu-hero-to:#be185d;--edu-leaderboard-from:#f59e0b;--edu-leaderboard-via:#ea580c;--edu-leaderboard-to:#dc2626;--edu-heatmap-0:hsl(var(--border));--edu-heatmap-1:rgba(6,95,70,0.6);--edu-heatmap-2:rgba(4,120,87,0.8);--edu-heatmap-3:#22c55e;--edu-heatmap-4:#4ade80;--edu-streak-from:#fb923c;--edu-streak-to:#ef4444;--edu-presence-online:#22c55e;--edu-rarity-common-bg:#1f2937;--edu-rarity-common-icon:#9ca3af;--edu-rarity-uncommon-bg:rgba(6,95,70,0.3);--edu-rarity-uncommon-icon:#34d399;--edu-rarity-rare-bg:rgba(30,58,138,0.3);--edu-rarity-rare-icon:#60a5fa;--edu-rarity-epic-bg:rgba(88,28,135,0.3);--edu-rarity-epic-icon:#c084fc;--edu-rarity-legendary-bg:rgba(120,53,15,0.3);--edu-rarity-legendary-icon:#fbbf24;--edu-stat-xp-from:#f59e0b;--edu-stat-xp-to:#ea580c;--edu-stat-accuracy-from:#22c55e;--edu-stat-accuracy-to:#0d9488;--edu-stat-challenges-from:#3b82f6;--edu-stat-challenges-to:#4f46e5;--edu-stat-rank-from:#a855f7;--edu-stat-rank-to:#be185d;--edu-skill-progress-from:#22c55e;--edu-skill-progress-to:#0d9488;--edu-daily-btn-from:#7c3aed;--edu-daily-btn-to:#be185d}[data-theme=ocean-sunset]{--edu-hero-from:#0a9396;--edu-hero-via:#005f73;--edu-hero-to:#ae2012;--edu-leaderboard-from:#ee9b00;--edu-leaderboard-via:#ca6702;--edu-leaderboard-to:#ae2012;--edu-heatmap-0:hsl(var(--border));--edu-heatmap-1:rgba(148,210,189,0.3);--edu-heatmap-2:rgba(148,210,189,0.6);--edu-heatmap-3:#94d2bd;--edu-heatmap-4:#0a9396;--edu-streak-from:#ee9b00;--edu-streak-to:#ae2012;--edu-presence-online:#94d2bd;--edu-rarity-common-bg:rgba(0,95,115,0.2);--edu-rarity-common-icon:#94d2bd;--edu-rarity-uncommon-bg:rgba(148,210,189,0.2);--edu-rarity-uncommon-icon:#94d2bd;--edu-rarity-rare-bg:rgba(10,147,150,0.2);--edu-rarity-rare-icon:#0a9396;--edu-rarity-epic-bg:rgba(233,216,166,0.2);--edu-rarity-epic-icon:#e9d8a6;--edu-rarity-legendary-bg:rgba(238,155,0,0.2);--edu-rarity-legendary-icon:#ee9b00;--edu-stat-xp-from:#ee9b00;--edu-stat-xp-to:#ca6702;--edu-stat-accuracy-from:#94d2bd;--edu-stat-accuracy-to:#0a9396;--edu-stat-challenges-from:#0a9396;--edu-stat-challenges-to:#005f73;--edu-stat-rank-from:#e9d8a6;--edu-stat-rank-to:#ee9b00;--edu-skill-progress-from:#94d2bd;--edu-skill-progress-to:#0a9396;--edu-daily-btn-from:#0a9396;--edu-daily-btn-to:#ae2012}[data-theme=sage-stone]{--edu-hero-from:#6b7f5e;--edu-hero-via:#5a6b4f;--edu-hero-to:#8b6f47;--edu-leaderboard-from:#c9a96e;--edu-leaderboard-via:#8b6f47;--edu-leaderboard-to:#5a4a30;--edu-heatmap-0:hsl(var(--border));--edu-heatmap-1:rgba(107,127,94,0.25);--edu-heatmap-2:rgba(107,127,94,0.5);--edu-heatmap-3:#6b7f5e;--edu-heatmap-4:#4a5a3f;--edu-streak-from:#c9a96e;--edu-streak-to:#8b6f47;--edu-presence-online:#6b7f5e;--edu-rarity-common-bg:rgba(107,127,94,0.1);--edu-rarity-common-icon:#8b9a7e;--edu-rarity-uncommon-bg:rgba(107,127,94,0.2);--edu-rarity-uncommon-icon:#6b7f5e;--edu-rarity-rare-bg:rgba(90,107,79,0.2);--edu-rarity-rare-icon:#5a6b4f;--edu-rarity-epic-bg:rgba(201,169,110,0.2);--edu-rarity-epic-icon:#c9a96e;--edu-rarity-legendary-bg:rgba(139,111,71,0.2);--edu-rarity-legendary-icon:#8b6f47;--edu-stat-xp-from:#c9a96e;--edu-stat-xp-to:#8b6f47;--edu-stat-accuracy-from:#6b7f5e;--edu-stat-accuracy-to:#4a5a3f;--edu-stat-challenges-from:#5a6b4f;--edu-stat-challenges-to:#3d4a35;--edu-stat-rank-from:#c9a96e;--edu-stat-rank-to:#6b7f5e;--edu-skill-progress-from:#6b7f5e;--edu-skill-progress-to:#4a5a3f;--edu-daily-btn-from:#6b7f5e;--edu-daily-btn-to:#8b6f47}[data-theme=coastal-heritage]{--edu-hero-from:#1e3a5f;--edu-hero-via:#2d5a87;--edu-hero-to:#c17f4e;--edu-leaderboard-from:#c17f4e;--edu-leaderboard-via:#8b5a2b;--edu-leaderboard-to:#5a3a1a;--edu-heatmap-0:hsl(var(--border));--edu-heatmap-1:rgba(45,90,135,0.25);--edu-heatmap-2:rgba(45,90,135,0.5);--edu-heatmap-3:#2d5a87;--edu-heatmap-4:#1e3a5f;--edu-streak-from:#c17f4e;--edu-streak-to:#8b5a2b;--edu-presence-online:#5a9e6f;--edu-rarity-common-bg:rgba(30,58,95,0.15);--edu-rarity-common-icon:#6b8caa;--edu-rarity-uncommon-bg:rgba(90,158,111,0.15);--edu-rarity-uncommon-icon:#5a9e6f;--edu-rarity-rare-bg:rgba(45,90,135,0.2);--edu-rarity-rare-icon:#2d5a87;--edu-rarity-epic-bg:rgba(193,127,78,0.2);--edu-rarity-epic-icon:#c17f4e;--edu-rarity-legendary-bg:rgba(193,127,78,0.3);--edu-rarity-legendary-icon:#d4943e;--edu-stat-xp-from:#c17f4e;--edu-stat-xp-to:#8b5a2b;--edu-stat-accuracy-from:#5a9e6f;--edu-stat-accuracy-to:#3d7a52;--edu-stat-challenges-from:#2d5a87;--edu-stat-challenges-to:#1e3a5f;--edu-stat-rank-from:#c17f4e;--edu-stat-rank-to:#2d5a87;--edu-skill-progress-from:#5a9e6f;--edu-skill-progress-to:#2d5a87;--edu-daily-btn-from:#2d5a87;--edu-daily-btn-to:#c17f4e}[data-theme=dark-crimson]{--edu-hero-from:#9b1c31;--edu-hero-via:#6b1525;--edu-hero-to:#3d0f1a;--edu-leaderboard-from:#d4364d;--edu-leaderboard-via:#9b1c31;--edu-leaderboard-to:#6b1525;--edu-heatmap-0:hsl(var(--border));--edu-heatmap-1:rgba(155,28,49,0.25);--edu-heatmap-2:rgba(155,28,49,0.5);--edu-heatmap-3:#9b1c31;--edu-heatmap-4:#d4364d;--edu-streak-from:#d4364d;--edu-streak-to:#9b1c31;--edu-presence-online:#4ade80;--edu-rarity-common-bg:rgba(155,28,49,0.1);--edu-rarity-common-icon:#b8929a;--edu-rarity-uncommon-bg:rgba(155,28,49,0.2);--edu-rarity-uncommon-icon:#d4364d;--edu-rarity-rare-bg:rgba(107,21,37,0.3);--edu-rarity-rare-icon:#e85d73;--edu-rarity-epic-bg:rgba(200,170,110,0.2);--edu-rarity-epic-icon:#c8aa6e;--edu-rarity-legendary-bg:rgba(212,148,62,0.3);--edu-rarity-legendary-icon:#d4943e;--edu-stat-xp-from:#d4364d;--edu-stat-xp-to:#9b1c31;--edu-stat-accuracy-from:#4ade80;--edu-stat-accuracy-to:#22c55e;--edu-stat-challenges-from:#9b1c31;--edu-stat-challenges-to:#6b1525;--edu-stat-rank-from:#c8aa6e;--edu-stat-rank-to:#9b1c31;--edu-skill-progress-from:#d4364d;--edu-skill-progress-to:#9b1c31;--edu-daily-btn-from:#9b1c31;--edu-daily-btn-to:#d4364d}:root{--chord-track-cell-bg:221 50% 97%;--chord-track-cell-border:221 30% 85%;--chord-track-cell-filled:255 40% 95%;--chord-track-cell-active:255 43% 61%;--chord-track-drop-highlight:142 50% 92%;--chord-track-text:234 33% 15%;--chord-track-measure-border:221 30% 78%}[data-theme=dark]{--chord-track-cell-bg:234 38% 14%;--chord-track-cell-border:235 44% 25%;--chord-track-cell-filled:255 30% 22%;--chord-track-cell-active:255 43% 61%;--chord-track-drop-highlight:142 40% 18%;--chord-track-text:230 50% 93%;--chord-track-measure-border:235 44% 30%}[data-theme=ocean-sunset]{--chord-track-cell-bg:201 100% 12%;--chord-track-cell-border:201 80% 25%;--chord-track-cell-filled:181 60% 18%;--chord-track-cell-active:181 83% 30%;--chord-track-drop-highlight:167 35% 22%;--chord-track-text:186 40% 88%;--chord-track-measure-border:201 80% 30%}[data-theme=sage-stone]{--chord-track-cell-bg:30 25% 93%;--chord-track-cell-border:30 15% 80%;--chord-track-cell-filled:150 20% 88%;--chord-track-cell-active:150 30% 45%;--chord-track-drop-highlight:150 25% 85%;--chord-track-text:30 10% 20%;--chord-track-measure-border:30 15% 72%}[data-theme=coastal-heritage]{--chord-track-cell-bg:210 35% 93%;--chord-track-cell-border:210 25% 80%;--chord-track-cell-filled:210 40% 88%;--chord-track-cell-active:210 60% 45%;--chord-track-drop-highlight:150 35% 85%;--chord-track-text:210 20% 18%;--chord-track-measure-border:210 25% 72%}[data-theme=dark-crimson]{--chord-track-cell-bg:0 20% 12%;--chord-track-cell-border:0 25% 25%;--chord-track-cell-filled:0 30% 20%;--chord-track-cell-active:0 70% 50%;--chord-track-drop-highlight:0 20% 18%;--chord-track-text:0 15% 88%;--chord-track-measure-border:0 25% 30%}