.index-module-scss-module__XXZZUa__fretboard{-webkit-user-select:none;user-select:none;font-family:var(--font-montserrat)}.index-module-scss-module__XXZZUa__fretboard .index-module-scss-module__XXZZUa__fretboardHeader{text-align:center;margin-bottom:20px}.index-module-scss-module__XXZZUa__fretboard .index-module-scss-module__XXZZUa__fretboardHeader h3{color:var(--color-text);margin:0;font-size:1.5em}.index-module-scss-module__XXZZUa__fretboardContainer{--fb-fret-w:80px;--fb-string-h:44px;--fb-note-size:32px;--fb-note-font:15px;--fb-note-ring:3px;--fb-marker-dot:20px;overscroll-behavior-x:contain;padding-bottom:25px;overflow-x:auto}.index-module-scss-module__XXZZUa__fretboardContainer>div{width:fit-content;display:flex;position:relative;overflow-x:auto}.index-module-scss-module__XXZZUa__fretMarker{align-items:center;gap:calc(var(--fb-marker-dot)*1.25);z-index:10;pointer-events:none;flex-direction:column;display:flex;position:absolute;top:110%;left:50%;transform:translate(-50%,-50%)}.index-module-scss-module__XXZZUa__fretMarker .index-module-scss-module__XXZZUa__markerDot{width:var(--fb-marker-dot);height:var(--fb-marker-dot);background:var(--color-track);border-radius:50%}.index-module-scss-module__XXZZUa__strings{flex-direction:column;display:flex}.index-module-scss-module__XXZZUa__string{height:var(--fb-string-h);align-items:center;display:flex;position:relative}.index-module-scss-module__XXZZUa__string:before{content:"";top:50%;left:var(--fb-fret-w);background-color:var(--fb-string);z-index:2;height:2px;position:absolute;right:0;transform:translateY(-50%)}.index-module-scss-module__XXZZUa__string:first-child:before{height:3px}.index-module-scss-module__XXZZUa__string:nth-child(2):before{height:2.5px}.index-module-scss-module__XXZZUa__string:nth-child(3):before{height:2px}.index-module-scss-module__XXZZUa__string:nth-child(4):before{height:2.5px}.index-module-scss-module__XXZZUa__string:nth-child(5):before{height:3px}.index-module-scss-module__XXZZUa__string:nth-child(6):before{height:3.5px}.index-module-scss-module__XXZZUa__fret{width:var(--fb-fret-w);height:var(--fb-string-h);z-index:10;justify-content:center;align-items:center;display:flex;position:relative}.index-module-scss-module__XXZZUa__string:not(:last-of-type) .index-module-scss-module__XXZZUa__fret:after{content:"";height:var(--fb-string-h);background:var(--fb-fretline);z-index:-2;width:2px;position:absolute;top:50%;right:0}.index-module-scss-module__XXZZUa__string:not(:last-of-type) .index-module-scss-module__XXZZUa__fret:not(.index-module-scss-module__XXZZUa__open):after{width:2px;right:0}.index-module-scss-module__XXZZUa__string:not(:last-of-type) .index-module-scss-module__XXZZUa__fret.index-module-scss-module__XXZZUa__open:after{background:var(--fb-nut);width:8px;right:-2px}.index-module-scss-module__XXZZUa__note{min-width:var(--fb-note-size);height:var(--fb-note-size);font-size:var(--fb-note-font);color:var(--note-fg);z-index:15;text-align:center;background:var(--note-bg);border:var(--fb-note-ring) solid var(--note-border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex;position:relative}.index-module-scss-module__XXZZUa__allNotes,.index-module-scss-module__XXZZUa__singleNote,.index-module-scss-module__XXZZUa__scaleNote{background:var(--note-bg);border-color:var(--note-border)}.index-module-scss-module__XXZZUa__triadNote{background:var(--note-triad-bg);border-color:var(--note-triad-border)}.index-module-scss-module__XXZZUa__intervalTarget{background:var(--note-interval-bg);border-color:var(--note-interval-border)}.index-module-scss-module__XXZZUa__root{background:var(--note-root-bg);border-color:var(--note-root-border);animation:2s ease-in-out infinite index-module-scss-module__XXZZUa__rootPulse}.index-module-scss-module__XXZZUa__fretNumbers{margin-top:10px;display:flex}.index-module-scss-module__XXZZUa__fretNumbers .index-module-scss-module__XXZZUa__fretNumber{width:var(--fb-fret-w);font-size:calc(var(--fb-note-font) - 1px);color:var(--color-text-subtle);justify-content:center;align-items:center;font-weight:700;display:flex}.index-module-scss-module__XXZZUa__fretNumbers .index-module-scss-module__XXZZUa__fretNumber.index-module-scss-module__XXZZUa__fretNumberMarker>span{background-color:var(--color-track);height:calc(var(--fb-marker-dot)*1.5);width:calc(var(--fb-marker-dot)*1.5);justify-content:center;align-items:center;display:flex}@media (max-width:768px){.index-module-scss-module__XXZZUa__fretboardContainer{--fb-fret-w:44px;--fb-string-h:34px;--fb-note-size:26px;--fb-note-font:12px;--fb-note-ring:2px;--fb-marker-dot:14px}}@keyframes index-module-scss-module__XXZZUa__rootPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}
.intervals-module-scss-module__qPfyAa__page h1{margin-top:0}.intervals-module-scss-module__qPfyAa__intro,.intervals-module-scss-module__qPfyAa__prompt{color:var(--color-text-muted);line-height:1.5}.intervals-module-scss-module__qPfyAa__prompt{text-align:center;margin-top:3.5rem;font-weight:500}.intervals-module-scss-module__qPfyAa__fieldset{border:1px solid var(--color-border);border-radius:8px;margin:0 0 1.5rem;padding:1rem 1.25rem 1.25rem}.intervals-module-scss-module__qPfyAa__fieldset legend{padding:0 .4rem;font-weight:600}.intervals-module-scss-module__qPfyAa__intervalGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem 1rem;display:grid}.intervals-module-scss-module__qPfyAa__checkbox{cursor:pointer;align-items:center;gap:.5rem;display:flex}.intervals-module-scss-module__qPfyAa__field{align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.intervals-module-scss-module__qPfyAa__field input,.intervals-module-scss-module__qPfyAa__field select{font:inherit;border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-text);border-radius:4px;padding:.35rem .5rem}.intervals-module-scss-module__qPfyAa__field input[type=number]{width:5rem}.intervals-module-scss-module__qPfyAa__page button{font:inherit;border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:6px;padding:.55rem 1.25rem;font-weight:500}.intervals-module-scss-module__qPfyAa__page button:hover:not(:disabled){background:var(--color-surface-hover)}.intervals-module-scss-module__qPfyAa__page button:disabled{cursor:not-allowed}.intervals-module-scss-module__qPfyAa__page button.intervals-module-scss-module__qPfyAa__primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);font-weight:600}.intervals-module-scss-module__qPfyAa__page button.intervals-module-scss-module__qPfyAa__primary:hover:not(:disabled){background:var(--color-accent-hover)}.intervals-module-scss-module__qPfyAa__page button.intervals-module-scss-module__qPfyAa__primary:disabled{opacity:.55}.intervals-module-scss-module__qPfyAa__page button.intervals-module-scss-module__qPfyAa__answer{box-sizing:border-box;background:var(--color-answer);border-color:var(--color-answer);color:var(--color-on-accent);text-align:center;flex:0 0 148px;min-height:46px;font-weight:600}.intervals-module-scss-module__qPfyAa__page button.intervals-module-scss-module__qPfyAa__answer:hover:not(:disabled){background:var(--color-answer-hover)}.intervals-module-scss-module__qPfyAa__page button.intervals-module-scss-module__qPfyAa__correct{background:var(--color-success);border-color:var(--color-success);color:var(--color-on-accent)}.intervals-module-scss-module__qPfyAa__page button.intervals-module-scss-module__qPfyAa__incorrect{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-accent)}.intervals-module-scss-module__qPfyAa__page button.intervals-module-scss-module__qPfyAa__dimmed{background:var(--color-dimmed-bg);border-color:var(--color-dimmed-border);color:var(--color-text-subtle);font-weight:500}.intervals-module-scss-module__qPfyAa__hint,.intervals-module-scss-module__qPfyAa__error{margin:.6rem 0 0;font-size:.9rem}.intervals-module-scss-module__qPfyAa__hint{color:var(--color-text-subtle)}.intervals-module-scss-module__qPfyAa__error{color:var(--color-danger-text)}.intervals-module-scss-module__qPfyAa__playingHeader{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.intervals-module-scss-module__qPfyAa__round{color:var(--color-text-muted);font-weight:600}.intervals-module-scss-module__qPfyAa__answerGrid{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem;display:flex}.intervals-module-scss-module__qPfyAa__actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.intervals-module-scss-module__qPfyAa__scold{text-align:center;color:var(--color-danger-text);margin:1rem 0 0;font-weight:600}.intervals-module-scss-module__qPfyAa__score{margin:0 0 .25rem;font-size:2.5rem;font-weight:700}.intervals-module-scss-module__qPfyAa__average{color:var(--color-text-muted);margin:0 0 1.5rem;font-size:1rem}.intervals-module-scss-module__qPfyAa__breakdown{border-collapse:collapse;min-width:260px}.intervals-module-scss-module__qPfyAa__breakdown th,.intervals-module-scss-module__qPfyAa__breakdown td{text-align:left;border-bottom:1px solid var(--color-border-subtle);padding:.45rem 1.5rem .45rem 0}.intervals-module-scss-module__qPfyAa__breakdown th{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subtle);font-size:.85rem}.intervals-module-scss-module__qPfyAa__weak td{color:var(--color-danger-text);font-weight:600}@media (max-width:768px){.intervals-module-scss-module__qPfyAa__page button.intervals-module-scss-module__qPfyAa__answer{flex-basis:128px}}
.triads-module-scss-module__SevCcW__page h1{margin-top:0}.triads-module-scss-module__SevCcW__intro,.triads-module-scss-module__SevCcW__prompt{color:var(--color-text-muted);line-height:1.5}.triads-module-scss-module__SevCcW__prompt{text-align:center;margin-top:3.5rem;font-weight:500}.triads-module-scss-module__SevCcW__fieldset{border:1px solid var(--color-border);border-radius:8px;margin:0 0 1.5rem;padding:1rem 1.25rem 1.25rem}.triads-module-scss-module__SevCcW__fieldset legend{padding:0 .4rem;font-weight:600}.triads-module-scss-module__SevCcW__optionGrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.5rem 1rem;display:grid}.triads-module-scss-module__SevCcW__checkbox{cursor:pointer;align-items:center;gap:.5rem;display:flex}.triads-module-scss-module__SevCcW__field{align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.triads-module-scss-module__SevCcW__field input{font:inherit;border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-text);border-radius:4px;width:5rem;padding:.35rem .5rem}.triads-module-scss-module__SevCcW__page button{font:inherit;border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:6px;padding:.55rem 1.25rem;font-weight:500}.triads-module-scss-module__SevCcW__page button:hover:not(:disabled){background:var(--color-surface-hover)}.triads-module-scss-module__SevCcW__page button:disabled{cursor:not-allowed}.triads-module-scss-module__SevCcW__page button.triads-module-scss-module__SevCcW__primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);font-weight:600}.triads-module-scss-module__SevCcW__page button.triads-module-scss-module__SevCcW__primary:hover:not(:disabled){background:var(--color-accent-hover)}.triads-module-scss-module__SevCcW__page button.triads-module-scss-module__SevCcW__primary:disabled{opacity:.55}.triads-module-scss-module__SevCcW__page button.triads-module-scss-module__SevCcW__answer{box-sizing:border-box;background:var(--color-answer);border-color:var(--color-answer);color:var(--color-on-accent);text-align:center;flex:0 0 168px;min-height:46px;font-weight:600}.triads-module-scss-module__SevCcW__page button.triads-module-scss-module__SevCcW__answer:hover:not(:disabled){background:var(--color-answer-hover)}.triads-module-scss-module__SevCcW__page button.triads-module-scss-module__SevCcW__correct{background:var(--color-success);border-color:var(--color-success);color:var(--color-on-accent)}.triads-module-scss-module__SevCcW__page button.triads-module-scss-module__SevCcW__incorrect{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-accent)}.triads-module-scss-module__SevCcW__page button.triads-module-scss-module__SevCcW__dimmed{background:var(--color-dimmed-bg);border-color:var(--color-dimmed-border);color:var(--color-text-subtle);font-weight:500}.triads-module-scss-module__SevCcW__hint,.triads-module-scss-module__SevCcW__error{margin:.6rem 0 0;font-size:.9rem}.triads-module-scss-module__SevCcW__hint{color:var(--color-text-subtle)}.triads-module-scss-module__SevCcW__error{color:var(--color-danger-text)}.triads-module-scss-module__SevCcW__playingHeader{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.triads-module-scss-module__SevCcW__round{color:var(--color-text-muted);font-weight:600}.triads-module-scss-module__SevCcW__answerGroup{margin-top:1.75rem}.triads-module-scss-module__SevCcW__answerLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-subtle);text-align:center;margin:0;font-size:.8rem;font-weight:700}.triads-module-scss-module__SevCcW__answerGrid{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.75rem;display:flex}.triads-module-scss-module__SevCcW__scold,.triads-module-scss-module__SevCcW__symmetryNote{text-align:center;max-width:46rem;margin:1rem auto 0;line-height:1.5}.triads-module-scss-module__SevCcW__scold{color:var(--color-danger-text);font-weight:600}.triads-module-scss-module__SevCcW__symmetryNote{color:var(--color-text-muted);font-size:.92rem}.triads-module-scss-module__SevCcW__howTo{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:8px;margin:1.5rem 0;padding:.75rem 1.25rem;line-height:1.55}.triads-module-scss-module__SevCcW__howTo summary{cursor:pointer;color:var(--color-text);font-weight:600}.triads-module-scss-module__SevCcW__howTo[open] summary{margin-bottom:.5rem}.triads-module-scss-module__SevCcW__howTo ol{margin:.5rem 0;padding-left:1.25rem}.triads-module-scss-module__SevCcW__howTo ol li{margin-bottom:.6rem}.triads-module-scss-module__SevCcW__howTo p{margin:.75rem 0 0}.triads-module-scss-module__SevCcW__score{margin:0 0 .25rem;font-size:2.5rem;font-weight:700}.triads-module-scss-module__SevCcW__average{color:var(--color-text-muted);margin:0 0 1.5rem;font-size:1rem}.triads-module-scss-module__SevCcW__tableHeading{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:1.5rem 0 .5rem;font-size:.95rem}.triads-module-scss-module__SevCcW__breakdown{border-collapse:collapse;min-width:320px}.triads-module-scss-module__SevCcW__breakdown th,.triads-module-scss-module__SevCcW__breakdown td{text-align:left;border-bottom:1px solid var(--color-border-subtle);padding:.45rem 1.5rem .45rem 0}.triads-module-scss-module__SevCcW__breakdown th{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subtle);font-size:.85rem}.triads-module-scss-module__SevCcW__weak td{color:var(--color-danger-text);font-weight:600}.triads-module-scss-module__SevCcW__actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.75rem;display:flex}@media (max-width:768px){.triads-module-scss-module__SevCcW__page button.triads-module-scss-module__SevCcW__answer{flex-basis:140px}}