.Layout-module__YDn9fa__container{background-color:var(--background);min-height:100vh;display:flex}.Layout-module__YDn9fa__sidebar{background-color:var(--card-bg);border-right:1px solid var(--card-border);scrollbar-width:none;flex-direction:column;flex-shrink:0;width:17.5rem;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0;overflow-y:auto}.Layout-module__YDn9fa__sidebar::-webkit-scrollbar{display:none}.Layout-module__YDn9fa__logoContainer{align-items:center;gap:.75rem;margin-bottom:1.5rem;text-decoration:none;display:flex}.Layout-module__YDn9fa__logoImg{max-width:12.5rem;height:auto;margin:-.25rem 0;display:block}.Layout-module__YDn9fa__logoIcon{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.125rem;font-weight:800;display:flex}.Layout-module__YDn9fa__logoText{letter-spacing:-.03125rem;color:var(--foreground);font-size:1.375rem;font-weight:800}.Layout-module__YDn9fa__logoDot{color:var(--primary)}.Layout-module__YDn9fa__nav{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.Layout-module__YDn9fa__navSectionTitle{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.5rem;padding-left:.75rem;font-size:.6875rem;font-weight:700}.Layout-module__YDn9fa__navLink{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.Layout-module__YDn9fa__navLink:hover,.Layout-module__YDn9fa__navLinkActive{background-color:var(--primary-soft);color:var(--primary)}.Layout-module__YDn9fa__navLinkDisabled{opacity:.6;cursor:not-allowed}.Layout-module__YDn9fa__navLinkDisabled:hover{color:var(--text-muted);background-color:#0000}.Layout-module__YDn9fa__tag{background-color:var(--card-border);color:var(--text-muted);text-transform:uppercase;border-radius:.625rem;margin-left:auto;padding:.125rem .375rem;font-size:.5625rem;font-weight:700}.Layout-module__YDn9fa__footer{border-top:1px solid var(--card-border);color:var(--text-muted);margin-top:auto;padding-top:1.5rem;font-size:.75rem;font-weight:500}.Layout-module__YDn9fa__footerLink{color:var(--text-muted);font-weight:600;text-decoration:none;transition:color .15s}.Layout-module__YDn9fa__footerLink:hover{color:var(--success)}.Layout-module__YDn9fa__main{flex-direction:column;flex-grow:1;min-width:0;display:flex}.Layout-module__YDn9fa__header{background-color:var(--card-bg);border-bottom:1px solid var(--card-border);justify-content:flex-end;align-items:center;height:5rem;padding:0 2.5rem;display:flex}.Layout-module__YDn9fa__headerActions{align-items:center;gap:1rem;display:flex}.Layout-module__YDn9fa__badge{background-color:var(--accent-soft);color:var(--accent);border-radius:1.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:700}.Layout-module__YDn9fa__content{flex-grow:1;width:100%;max-width:75rem;margin:0 auto;padding:2.5rem}.Layout-module__YDn9fa__langToggle{background-color:var(--background);border:1px solid var(--card-border);border-radius:var(--radius-sm);gap:.125rem;padding:.1875rem;display:inline-flex}.Layout-module__YDn9fa__langBtn{border-radius:calc(var(--radius-sm) - .125rem);color:var(--text-muted);padding:.25rem .5rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .15s}.Layout-module__YDn9fa__langBtn:hover{color:var(--primary);background-color:var(--primary-soft)}.Layout-module__YDn9fa__langBtnActive{background-color:var(--primary);color:#fff!important}.Layout-module__YDn9fa__langSwitcherSidebar{display:none}.Layout-module__YDn9fa__langLabel{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.25rem;font-size:.6875rem;font-weight:700}.Layout-module__YDn9fa__mobileHeader,.Layout-module__YDn9fa__backdrop{display:none}@media (max-width:900px){.Layout-module__YDn9fa__mobileHeader{background-color:var(--card-bg);border-bottom:1px solid var(--card-border);z-index:950;justify-content:space-between;align-items:center;height:4.5rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.Layout-module__YDn9fa__mobileLogo{align-items:center;text-decoration:none;display:flex}.Layout-module__YDn9fa__mobileLogoImg{width:auto;max-height:2rem;margin:-.5rem 0;display:block}.Layout-module__YDn9fa__hamburger{cursor:pointer;z-index:1005;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.3125rem;width:2.25rem;height:2.25rem;padding:0;display:flex}.Layout-module__YDn9fa__hamburgerBar{background-color:var(--foreground);border-radius:2px;width:1.25rem;height:.125rem;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.Layout-module__YDn9fa__hamburgerActive .Layout-module__YDn9fa__hamburgerBar:first-child{transform:translateY(.4375rem)rotate(45deg)}.Layout-module__YDn9fa__hamburgerActive .Layout-module__YDn9fa__hamburgerBar:nth-child(2){opacity:0;transform:scaleX(0)}.Layout-module__YDn9fa__hamburgerActive .Layout-module__YDn9fa__hamburgerBar:nth-child(3){transform:translateY(-.4375rem)rotate(-45deg)}.Layout-module__YDn9fa__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0a193159;animation:.2s ease-out forwards Layout-module__YDn9fa__fadeIn;display:block;position:fixed;inset:0}.Layout-module__YDn9fa__container{flex-direction:column}.Layout-module__YDn9fa__sidebar{z-index:1000;background-color:var(--card-bg);border-right:1px solid var(--card-border);pointer-events:none;border-bottom:none;flex-direction:column;width:17.5rem;height:100vh;padding:2rem 1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:0 10px 25px #0a193114}.Layout-module__YDn9fa__sidebarOpen{pointer-events:auto;transform:translate(0)}.Layout-module__YDn9fa__logoContainer{margin-bottom:2rem}.Layout-module__YDn9fa__header{display:none}.Layout-module__YDn9fa__content{padding:1.5rem 1.25rem}.Layout-module__YDn9fa__langSwitcherSidebar{border-top:1px solid var(--card-border);flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}}@media (max-width:600px){.Layout-module__YDn9fa__content{padding:1.25rem 1rem}}@keyframes Layout-module__YDn9fa__fadeIn{0%{opacity:0}to{opacity:1}}
.GoogleAd-module__4uQXhq__adWrapper{text-align:center;width:100%;margin:.25rem 0 .5rem;display:block;overflow:hidden}.GoogleAd-module__4uQXhq__devPlaceholder{background-color:var(--primary-soft);border:1px dashed var(--card-border);color:var(--text-muted);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-family:inherit;transition:border-color .2s,background-color .2s;display:flex}.GoogleAd-module__4uQXhq__devPlaceholder:hover{border-color:var(--text-muted);background-color:var(--card-border)}.GoogleAd-module__4uQXhq__adLabel{text-transform:uppercase;letter-spacing:.125rem;color:var(--text-muted);opacity:.8;margin-bottom:.375rem;font-size:.625rem;font-weight:700}.GoogleAd-module__4uQXhq__adInfo{color:var(--text);opacity:.6;font-size:.75rem}.GoogleAd-module__4uQXhq__adSlot{opacity:.4;margin-top:.25rem;font-family:monospace;font-size:.6875rem}
.PianoKeyboard-module__ph3aya__container{flex-direction:column;gap:.75rem;width:100%;display:flex}.PianoKeyboard-module__ph3aya__keyboardWrapper{-webkit-overflow-scrolling:touch;width:100%;padding:.5rem 0;overflow-x:auto}.PianoKeyboard-module__ph3aya__keyboardWrapper::-webkit-scrollbar{height:.375rem}.PianoKeyboard-module__ph3aya__keyboardWrapper::-webkit-scrollbar-track{background:0 0}.PianoKeyboard-module__ph3aya__keyboardWrapper::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:.1875rem}.PianoKeyboard-module__ph3aya__keyboard{border-radius:var(--radius-md);background-color:var(--card-bg);border:1px solid var(--card-border);width:100%;min-width:47.5rem;height:11.25rem;box-shadow:var(--shadow-md);display:flex;position:relative;overflow:hidden}.PianoKeyboard-module__ph3aya__whiteKey{background-color:var(--piano-white);border-right:1px solid var(--piano-border);cursor:pointer;height:100%;color:var(--text-muted);-webkit-user-select:none;user-select:none;z-index:1;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding-bottom:1rem;font-size:.75rem;font-weight:700;transition:background-color .15s,color .15s,box-shadow .15s;display:flex;position:relative}.PianoKeyboard-module__ph3aya__whiteKey:last-child{border-right:none}.PianoKeyboard-module__ph3aya__whiteKey:hover{background-color:#f5f5f4}.PianoKeyboard-module__ph3aya__whiteKeyActive{background-color:#e7e5e4!important}.PianoKeyboard-module__ph3aya__blackKey{background-color:var(--piano-black);cursor:pointer;color:#a8a29e;-webkit-user-select:none;user-select:none;z-index:3;border-radius:0 0 .25rem .25rem;flex-direction:column;justify-content:flex-end;align-items:center;width:5.5%;height:62%;padding-bottom:.875rem;font-size:.625rem;font-weight:700;transition:background-color .15s,color .15s,transform 50ms;display:flex;position:absolute;box-shadow:0 .1875rem .3125rem #0000004d}.PianoKeyboard-module__ph3aya__blackKey:hover{background-color:#44403c}.PianoKeyboard-module__ph3aya__blackKeyActive{background-color:#1c1917!important}.PianoKeyboard-module__ph3aya__whiteKeyScaleActive{background-color:var(--piano-key-selected);color:var(--success);border-bottom:.25rem solid var(--success)}.PianoKeyboard-module__ph3aya__whiteKeyScaleRoot{background-color:var(--piano-key-root);color:var(--accent);border-bottom:.25rem solid var(--accent)}.PianoKeyboard-module__ph3aya__blackKeyScaleActive{color:#fff!important;background-color:#0d9488!important;border-bottom:.25rem solid #ccfbf1!important}.PianoKeyboard-module__ph3aya__blackKeyScaleRoot{color:#fff!important;background-color:#d97706!important;border-bottom:.25rem solid #fef3c7!important}.PianoKeyboard-module__ph3aya__keyboardLegend{flex-wrap:wrap;align-items:center;gap:1rem;padding:0 .25rem;display:flex}.PianoKeyboard-module__ph3aya__legendItem{color:var(--text-muted);align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;display:flex}.PianoKeyboard-module__ph3aya__legendDot{border-radius:50%;width:.625rem;height:.625rem}.PianoKeyboard-module__ph3aya__noteRoot{background-color:var(--accent);border:1px solid var(--accent)}.PianoKeyboard-module__ph3aya__noteActive{background-color:var(--success);border:1px solid var(--success)}.PianoKeyboard-module__ph3aya__playingNote{box-shadow:inset 0 0 .75rem var(--primary);animation:1s infinite alternate PianoKeyboard-module__ph3aya__pulse}@keyframes PianoKeyboard-module__ph3aya__pulse{0%{opacity:.9}to{opacity:1;filter:brightness(1.05)}}@media (max-width:680px){.PianoKeyboard-module__ph3aya__keyboardWrapper{padding-bottom:.5rem}}
.GuitarFretboard-module__B4yybq__container{flex-direction:column;gap:.75rem;width:100%;display:flex}.GuitarFretboard-module__B4yybq__fretboardWrapper{-webkit-overflow-scrolling:touch;width:100%;padding:.5rem 0 1rem;overflow-x:auto}.GuitarFretboard-module__B4yybq__fretboardWrapper::-webkit-scrollbar{height:.375rem}.GuitarFretboard-module__B4yybq__fretboardWrapper::-webkit-scrollbar-track{background:0 0}.GuitarFretboard-module__B4yybq__fretboardWrapper::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:.1875rem}.GuitarFretboard-module__B4yybq__fretboard{border:1px solid var(--card-border);border-radius:var(--radius-md);background-color:#f7f6f2;flex-direction:column;min-width:47.5rem;padding:.75rem .75rem .5rem;display:flex;position:relative;box-shadow:inset 0 2px 8px #00000005}.GuitarFretboard-module__B4yybq__fretMarkers{height:1.5rem;margin-bottom:.5rem;margin-left:3.125rem;display:flex}.GuitarFretboard-module__B4yybq__fretMarkerCell{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.GuitarFretboard-module__B4yybq__singleMarker{background-color:var(--text-muted);opacity:.25;border-radius:50%;width:.5rem;height:.5rem}.GuitarFretboard-module__B4yybq__doubleMarkerContainer{gap:.375rem;display:flex}.GuitarFretboard-module__B4yybq__doubleMarker{background-color:var(--text-muted);opacity:.25;border-radius:50%;width:.5rem;height:.5rem}.GuitarFretboard-module__B4yybq__fretLabel{color:var(--text-muted);letter-spacing:.5px;white-space:nowrap;font-size:.625rem;font-weight:700;position:absolute;top:-.75rem}.GuitarFretboard-module__B4yybq__stringRow{align-items:center;height:1.75rem;display:flex;position:relative}.GuitarFretboard-module__B4yybq__stringLabel{width:3.125rem;color:var(--text-muted);text-transform:uppercase;z-index:2;background-color:#f7f6f2;justify-content:flex-start;align-items:center;height:100%;padding-left:.5rem;font-size:.8125rem;font-weight:800;display:flex}.GuitarFretboard-module__B4yybq__fretsContainer{flex-grow:1;height:100%;display:flex}.GuitarFretboard-module__B4yybq__fretCell{cursor:pointer;flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.GuitarFretboard-module__B4yybq__fretCell:hover{background-color:#4f46e508}.GuitarFretboard-module__B4yybq__openFret{background-color:#00000003;max-width:2rem;flex:.45!important}.GuitarFretboard-module__B4yybq__openFretMarker{max-width:2rem;flex:.45!important}.GuitarFretboard-module__B4yybq__stringWire{pointer-events:none;z-index:1;background:linear-gradient(#ccc,#888,#aaa);position:absolute;left:0;right:0;box-shadow:0 1px 2px #00000026}.GuitarFretboard-module__B4yybq__fretBar{pointer-events:none;z-index:2;background:linear-gradient(90deg,#e7e5e4,#a8a29e,#e7e5e4);width:2px;position:absolute;top:0;bottom:0;right:0}.GuitarFretboard-module__B4yybq__guitarNut{pointer-events:none;z-index:3;background:linear-gradient(90deg,#d6d3d1,#78716c,#d6d3d1);width:5px;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 2px #0003}.GuitarFretboard-module__B4yybq__noteDot{z-index:3;width:1.5rem;height:1.5rem;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:.625rem;font-weight:800;transition:background-color .15s,color .15s;display:flex}.GuitarFretboard-module__B4yybq__noteRoot{background-color:var(--accent);color:#fff;border:1px solid var(--accent)}.GuitarFretboard-module__B4yybq__noteActive{background-color:var(--success);color:#fff;border:1px solid var(--success)}.GuitarFretboard-module__B4yybq__notePressed{background-color:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.GuitarFretboard-module__B4yybq__notePlaying{box-shadow:0 0 .5rem var(--primary), var(--shadow-md);z-index:4;animation:.8s ease-in-out infinite alternate GuitarFretboard-module__B4yybq__pulseGuitar;transform:scale(1.15);background-color:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}@keyframes GuitarFretboard-module__B4yybq__pulseGuitar{0%{box-shadow:0 0 .25rem var(--primary), var(--shadow-sm)}to{box-shadow:0 0 .75rem var(--primary), var(--shadow-md);filter:brightness(1.1)}}.GuitarFretboard-module__B4yybq__fretboardLegend{flex-wrap:wrap;align-items:center;gap:1rem;padding:0 .25rem;display:flex}.GuitarFretboard-module__B4yybq__legendItem{color:var(--text-muted);align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;display:flex}.GuitarFretboard-module__B4yybq__legendDot{border-radius:50%;width:.625rem;height:.625rem}@media (max-width:600px){.GuitarFretboard-module__B4yybq__fretboard{min-width:45rem;padding:.75rem}.GuitarFretboard-module__B4yybq__stringRow{height:1.875rem}.GuitarFretboard-module__B4yybq__noteDot{width:1.25rem;height:1.25rem;font-size:.5625rem}}.GuitarFretboard-module__B4yybq__controlsHeader{background-color:var(--primary-soft);border-radius:var(--radius-md);border:1px solid var(--card-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.25rem;padding:.5rem .75rem;display:flex}.GuitarFretboard-module__B4yybq__controlItem{align-items:center;gap:.5rem;display:flex}.GuitarFretboard-module__B4yybq__controlLabel{color:var(--foreground);font-size:.75rem;font-weight:700}.GuitarFretboard-module__B4yybq__toggleGroup{border-radius:calc(var(--radius-md) - .125rem);border:1px solid var(--card-border);background-color:#fff;gap:.125rem;padding:.1875rem;display:flex}.GuitarFretboard-module__B4yybq__toggleBtn{color:var(--text-muted);cursor:pointer;border-radius:calc(var(--radius-md) - .25rem);background:0 0;border:none;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;transition:all .15s}.GuitarFretboard-module__B4yybq__toggleBtn:hover{color:var(--foreground);background-color:var(--primary-soft)}.GuitarFretboard-module__B4yybq__toggleBtnActive{background-color:var(--primary)!important;color:#fff!important}.GuitarFretboard-module__B4yybq__selectControl{border:1px solid var(--card-border);color:var(--foreground);border-radius:calc(var(--radius-md) - .125rem);cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2378716c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:.75rem;outline:none;min-width:7.5rem;padding:.25rem 1.75rem .25rem .5rem;font-size:.6875rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.GuitarFretboard-module__B4yybq__selectControl:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4f46e50d}@media (max-width:600px){.GuitarFretboard-module__B4yybq__controlsHeader{flex-direction:column;align-items:stretch;gap:.625rem;padding:.625rem}.GuitarFretboard-module__B4yybq__controlItem{justify-content:space-between;width:100%}.GuitarFretboard-module__B4yybq__selectControl{text-align:right;min-width:9.5rem}}.GuitarFretboard-module__B4yybq__stringLabelCustom{width:4.6875rem!important;padding-left:.1875rem!important;padding-right:.1875rem!important}.GuitarFretboard-module__B4yybq__fretMarkersCustom{margin-left:4.6875rem!important}.GuitarFretboard-module__B4yybq__stringSelect{border:1px solid var(--card-border);border-radius:calc(var(--radius-md) - .25rem);width:100%;height:1.375rem;color:var(--foreground);cursor:pointer;appearance:none;box-shadow:var(--shadow-sm);text-transform:uppercase;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2378716c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .25rem center;background-repeat:no-repeat;background-size:.5625rem;outline:none;padding:0 1rem 0 .25rem;font-size:.6875rem;font-weight:800;transition:border-color .15s,box-shadow .15s}.GuitarFretboard-module__B4yybq__stringSelect:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4f46e51a}
.page-module__CqH_WW__container{flex-direction:column;gap:.75rem;display:flex}.page-module__CqH_WW__headerRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding-bottom:.5rem;display:flex}.page-module__CqH_WW__titleArea{flex-direction:column;gap:.5rem;display:flex}.page-module__CqH_WW__title{letter-spacing:-.05rem;color:var(--foreground);font-size:2rem;font-weight:800}.page-module__CqH_WW__subtitle{color:var(--text-muted);font-size:1rem;font-weight:500}.page-module__CqH_WW__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.page-module__CqH_WW__leftCol,.page-module__CqH_WW__rightCol{flex-direction:column;gap:2rem;display:flex}@media (max-width:900px){.page-module__CqH_WW__grid{grid-template-columns:1fr}}.page-module__CqH_WW__card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}@media (max-width:600px){.page-module__CqH_WW__card{gap:1rem;padding:1rem}}.page-module__CqH_WW__cardTitle{text-transform:uppercase;letter-spacing:.03125rem;color:var(--text-muted);border-bottom:1px solid var(--card-border);align-items:center;padding-bottom:.5rem;font-size:1rem;font-weight:700;display:flex}.page-module__CqH_WW__selectorsRow{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}@media (max-width:480px){.page-module__CqH_WW__selectorsRow{grid-template-columns:1fr}}.page-module__CqH_WW__inputFieldGroup{flex-direction:column;gap:.5rem;display:flex}.page-module__CqH_WW__fieldLabel{text-transform:uppercase;letter-spacing:.05rem;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;min-height:1rem;font-size:.75rem;font-weight:800;line-height:1rem;overflow:hidden}.page-module__CqH_WW__selectControl{border:1px solid var(--card-border);border-radius:var(--radius-md);background-color:var(--background);width:100%;color:var(--foreground);cursor:pointer;outline:none;padding:.75rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s}.page-module__CqH_WW__selectControl:focus{border-color:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.page-module__CqH_WW__pillTogglesRow{background-color:var(--background);border-radius:var(--radius-md);border:1px solid var(--card-border);grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.25rem;display:grid}.page-module__CqH_WW__pillToggle{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;padding:.625rem .25rem;transition:all .2s;display:flex}.page-module__CqH_WW__pillToggle:hover{background-color:var(--primary-soft)}.page-module__CqH_WW__pillToggleActive{box-shadow:var(--shadow-sm);background-color:var(--card-bg)!important}.page-module__CqH_WW__pillMainText{color:var(--text-muted);font-size:.8125rem;font-weight:800}.page-module__CqH_WW__pillToggleActive .page-module__CqH_WW__pillMainText{color:var(--success)}.page-module__CqH_WW__diatonicChordsGrid{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.75rem;margin-top:.5rem;display:grid}.page-module__CqH_WW__degreeCard{background-color:var(--background);border:1.5px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer;text-align:center;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;padding:1rem .75rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.page-module__CqH_WW__degreeCard:hover{background-color:var(--primary-soft)}.page-module__CqH_WW__degreeCardActive{box-shadow:0 4px 12px #10b98126;border-color:var(--success)!important;background-color:var(--success-soft)!important}.page-module__CqH_WW__degreeNum{text-transform:uppercase;color:var(--text-muted);font-size:.6875rem;font-weight:800}.page-module__CqH_WW__degreeCardActive .page-module__CqH_WW__degreeNum{color:var(--success)}.page-module__CqH_WW__degreeName{color:var(--foreground);font-size:.9375rem;font-weight:900}.page-module__CqH_WW__degreeCardActive .page-module__CqH_WW__degreeName{color:var(--success)}.page-module__CqH_WW__degreeType{color:var(--text-muted);opacity:.7;font-size:.625rem;font-weight:700}.page-module__CqH_WW__degreeCardActive .page-module__CqH_WW__degreeType{color:var(--success);opacity:.9}.page-module__CqH_WW__progressionsGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:.5rem;display:grid}.page-module__CqH_WW__progressionCard{background-color:var(--background);border:1px solid var(--card-border);border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.25rem;transition:all .3s;display:flex}.page-module__CqH_WW__progressionCard:hover{box-shadow:var(--shadow-md)}.page-module__CqH_WW__progressionMeta{flex-direction:column;gap:.375rem;display:flex}.page-module__CqH_WW__progressionRowTitle{color:var(--foreground);font-size:.875rem;font-weight:850}.page-module__CqH_WW__progressionDesc{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.5}.page-module__CqH_WW__progressionChords{flex-wrap:wrap;gap:.375rem;margin-top:.25rem;display:flex}.page-module__CqH_WW__progressionChordTag{background-color:var(--card-border);color:var(--foreground);border:1px solid #0000;border-radius:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:800;transition:all .1s}.page-module__CqH_WW__progressionChordTagPlaying{background-color:var(--success-soft)!important;color:var(--success)!important;border-color:var(--success)!important}.page-module__CqH_WW__progressionPlayRow{justify-content:flex-end;margin-top:auto;display:flex}.page-module__CqH_WW__audioButtonsRow{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;display:grid}@media (max-width:480px){.page-module__CqH_WW__audioButtonsRow{grid-template-columns:1fr}}.page-module__CqH_WW__btn{border-radius:var(--radius-md);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.75rem;font-weight:900;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.page-module__CqH_WW__btnPrimary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.page-module__CqH_WW__btnPrimary:hover{background-color:var(--primary-hover)}.page-module__CqH_WW__btnSecondary{background-color:var(--primary-soft);color:var(--primary);border:1px solid var(--card-border)}.page-module__CqH_WW__btnSecondary:hover{background-color:var(--card-border)}.page-module__CqH_WW__btnStop{color:#fff;box-shadow:var(--shadow-sm);background-color:#ef4444}.page-module__CqH_WW__btnStop:hover{background-color:#dc2626}.page-module__CqH_WW__bottomDock{z-index:900;pointer-events:none;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;left:17.5rem;right:0;transform:translateY(100%)}.page-module__CqH_WW__bottomDockExpanded{pointer-events:auto;transform:translateY(0)}.page-module__CqH_WW__dockContent{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--card-border);pointer-events:auto;background-color:#fffffff5;flex-direction:column;gap:1rem;padding:1.25rem 2.5rem 1.5rem;display:flex;box-shadow:0 -.5rem 2rem #0000000f}.page-module__CqH_WW__dockHeader{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.page-module__CqH_WW__dockTitleArea{flex-direction:column;gap:.125rem;display:flex}.page-module__CqH_WW__dockTitle{text-transform:uppercase;letter-spacing:.03125rem;color:var(--text-muted);font-size:.6875rem;font-weight:800}.page-module__CqH_WW__dockScaleName{color:var(--foreground);font-size:.8125rem}.page-module__CqH_WW__dockActionsGroup{align-items:center;gap:1rem;margin-left:auto;margin-right:1rem;display:flex}.page-module__CqH_WW__dockToggleGroup{background-color:var(--background);border:1px solid var(--card-border);border-radius:1.875rem;align-items:stretch;gap:.25rem;height:2.5rem;padding:.1875rem;display:flex}.page-module__CqH_WW__dockTabBtn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:1.25rem;align-items:center;height:100%;padding:0 1.25rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:flex}.page-module__CqH_WW__dockTabBtnActive{background-color:var(--card-bg);color:var(--primary);box-shadow:var(--shadow-sm)}.page-module__CqH_WW__dockPlayBtn{cursor:pointer;border:none;border-radius:1.875rem;outline:none;align-items:center;gap:.375rem;height:2.5rem;padding:0 1.25rem;font-size:.8125rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.page-module__CqH_WW__dockPlayBtn:hover{opacity:.88}.page-module__CqH_WW__dockCollapseBtn{border:1px solid var(--card-border);background-color:var(--card-bg);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.page-module__CqH_WW__dockCollapseBtn:hover{background-color:var(--background);color:var(--foreground)}.page-module__CqH_WW__dockBody{grid-template-columns:20rem 1fr;align-items:center;gap:2rem;width:100%;display:grid}.page-module__CqH_WW__dockInfoColumn{border-right:1px solid var(--card-border);flex-direction:column;justify-content:center;gap:.75rem;height:100%;padding-right:2rem;display:flex}.page-module__CqH_WW__dockInfoTitle{color:var(--primary);letter-spacing:-.03125rem;margin-bottom:.25rem;font-size:1.25rem;font-weight:800}.page-module__CqH_WW__dockInfoRow{flex-direction:column;gap:.125rem;display:flex}.page-module__CqH_WW__dockInfoLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03125rem;font-size:.625rem;font-weight:700}.page-module__CqH_WW__dockInfoValue{color:var(--foreground);font-size:.8125rem;font-weight:500;line-height:1.4}.page-module__CqH_WW__dockIntervalsList{flex-wrap:wrap;gap:.375rem;margin-top:.125rem;display:flex}.page-module__CqH_WW__dockIntervalTag{background-color:var(--primary-soft);color:var(--primary);border-radius:.25rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:700}.page-module__CqH_WW__dockInstrumentColumn{flex-grow:1;align-items:center;min-width:0;display:flex}.page-module__CqH_WW__dockTriggerBar{pointer-events:auto;-webkit-backdrop-filter:blur(12px);z-index:1001;background-color:#ffffffd9;border:1px solid #e2e8f0cc;border-radius:1.875rem;align-items:center;gap:.25rem;padding:.1875rem;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s,box-shadow .2s,border-color .2s,visibility .3s;display:flex;position:fixed;bottom:1.5rem;right:2.5rem;box-shadow:0 .5rem 2rem #00000014,0 .125rem .5rem #0000000a}.page-module__CqH_WW__dockTriggerBar:hover{border-color:#cbd5e1;box-shadow:0 .75rem 2.5rem #0000001f,0 .25rem .75rem #0000000f}.page-module__CqH_WW__dockTriggerBarHidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(5rem)scale(.8)}.page-module__CqH_WW__dockTriggerPlayBtn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.375rem;height:2.375rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 .125rem .5rem #0f172a26}.page-module__CqH_WW__dockTriggerPlayBtn:hover{background-color:var(--primary-hover);transform:scale(1.05);box-shadow:0 .25rem .75rem #0f172a40}.page-module__CqH_WW__dockTriggerPlayBtnActive{animation:2s infinite page-module__CqH_WW__triggerPlayPulse;color:#fff!important;background:#ef4444!important;box-shadow:0 .125rem .5rem #ef44444d!important}@keyframes page-module__CqH_WW__triggerPlayPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.page-module__CqH_WW__dockTriggerPlayBtnActive:hover{background:#dc2626!important}.page-module__CqH_WW__dockTriggerOpenBtn{background-color:var(--foreground);color:#fff;cursor:pointer;border:none;border-radius:1.5rem;align-items:center;height:2.375rem;padding:0 1.25rem;font-size:.8125rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.page-module__CqH_WW__dockTriggerOpenBtn:hover{background-color:var(--primary-hover);transform:translateY(-.5px)}@media (max-width:900px){.page-module__CqH_WW__bottomDock{left:0}.page-module__CqH_WW__dockContent{flex-direction:column;max-height:85vh;padding:1rem 1.25rem 1.25rem;display:flex}.page-module__CqH_WW__dockTriggerBar{bottom:1.25rem;right:1.25rem}.page-module__CqH_WW__dockBody{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:1fr;gap:1.25rem;min-height:0;overflow-y:auto}.page-module__CqH_WW__dockInfoColumn{border-right:none;border-bottom:1px solid var(--card-border);padding-bottom:1rem;padding-right:0}}@media (max-width:600px){.page-module__CqH_WW__dockHeader{flex-direction:column;align-items:stretch;gap:.75rem;padding-right:2.5rem;position:relative}.page-module__CqH_WW__dockCollapseBtn{position:absolute;top:.25rem;right:.25rem}.page-module__CqH_WW__dockActionsGroup{flex-direction:column;align-items:stretch;gap:.5rem;width:100%;margin:0;display:flex}.page-module__CqH_WW__dockToggleGroup{width:100%;height:2.5rem}.page-module__CqH_WW__dockTabBtn{flex:1;justify-content:center}.page-module__CqH_WW__dockPlayBtn{justify-content:center;width:100%;height:2.5rem}}.page-module__CqH_WW__analysisBox{background-color:var(--background);border:1px solid var(--card-border);border-radius:var(--radius-md);grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:1.25rem;display:grid}@media (max-width:480px){.page-module__CqH_WW__analysisBox{grid-template-columns:1fr}}.page-module__CqH_WW__infoBlock{flex-direction:column;gap:.375rem;display:flex}.page-module__CqH_WW__infoLabel{text-transform:uppercase;letter-spacing:.05rem;color:var(--text-muted);font-size:.6875rem;font-weight:800}.page-module__CqH_WW__infoVal{color:var(--foreground);font-size:1.25rem;font-weight:900}.page-module__CqH_WW__notesList{flex-wrap:wrap;gap:.375rem;display:flex}.page-module__CqH_WW__noteTag{background-color:var(--card-border);color:var(--foreground);border:1px solid #0000;border-radius:1.5rem;padding:.25rem .625rem;font-size:.8125rem;font-weight:800}.page-module__CqH_WW__noteTagRoot{background-color:var(--success-soft);color:var(--success);border-color:#10b98133}.page-module__CqH_WW__singleColLayout{width:100%;max-width:600px;margin:0 auto}.page-module__CqH_WW__tabToggleGroup{background-color:var(--background);border:1px solid var(--card-border);border-radius:var(--radius-md);gap:.25rem;padding:.25rem;display:flex}.page-module__CqH_WW__tabToggleBtn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:700;transition:all .2s}.page-module__CqH_WW__tabToggleBtn:hover{background-color:var(--primary-soft);color:var(--primary)}.page-module__CqH_WW__tabToggleBtnActive{box-shadow:var(--shadow-sm);background-color:var(--card-bg)!important;color:var(--success)!important}.page-module__CqH_WW__reverseNotesSelectorGrid{grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;display:grid}.page-module__CqH_WW__reverseNotePad{background-color:var(--background);border:1px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer;outline:none;flex-direction:column;justify-content:center;align-items:center;padding:.75rem .25rem;transition:all .2s;display:flex}.page-module__CqH_WW__reverseNotePad:hover{background-color:var(--primary-soft);border-color:#6366f133}.page-module__CqH_WW__reverseNotePadActive{background-color:var(--accent-soft)!important;border-color:var(--accent)!important}.page-module__CqH_WW__reversePadMainText{color:var(--foreground);font-size:.875rem;font-weight:850}.page-module__CqH_WW__reverseNotePadActive .page-module__CqH_WW__reversePadMainText{color:var(--accent)}.page-module__CqH_WW__reversePadSubText{color:var(--text-muted);font-size:.625rem;font-weight:600}.page-module__CqH_WW__reverseNotePadActive .page-module__CqH_WW__reversePadSubText{color:var(--accent);opacity:.8}.page-module__CqH_WW__identifiedChordsSection{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.page-module__CqH_WW__identifiedChordsTitle{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05rem;border-bottom:1px solid var(--card-border);padding-bottom:.5rem;font-size:.75rem;font-weight:800}.page-module__CqH_WW__noChordsFoundBox{background-color:var(--background);border:1px dashed var(--card-border);border-radius:var(--radius-md);text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.8125rem;font-weight:500}.page-module__CqH_WW__identifiedChordsList{flex-direction:column;gap:.5rem;max-height:18rem;padding-right:.25rem;display:flex;overflow-y:auto}.page-module__CqH_WW__identifiedChordRow{background-color:var(--background);border:1px solid var(--card-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .2s;display:flex}.page-module__CqH_WW__identifiedChordRow:hover{border-color:var(--success)}.page-module__CqH_WW__identifiedChordMeta{flex-direction:column;gap:.125rem;display:flex}.page-module__CqH_WW__identifiedChordName{color:var(--foreground);font-size:.9375rem;font-weight:900}.page-module__CqH_WW__identifiedChordFormula{color:var(--text-muted);font-size:.6875rem;font-weight:600}.page-module__CqH_WW__identifiedChordActions{align-items:center;gap:.5rem;display:flex}.page-module__CqH_WW__identifiedPlayBtn{background-color:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.8125rem;transition:all .2s;display:flex}.page-module__CqH_WW__identifiedPlayBtn:hover{background-color:var(--primary-soft);border-color:var(--primary)}.page-module__CqH_WW__identifiedSelectBtn{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.375rem .875rem;font-size:.75rem;font-weight:800;transition:all .2s}.page-module__CqH_WW__identifiedSelectBtn:hover{background-color:var(--primary-hover)}
.page-module__PCohjq__container{flex-direction:column;gap:2rem;padding-bottom:2rem;display:flex}.page-module__PCohjq__titleArea{border-bottom:1px solid var(--card-border);flex-direction:column;gap:.5rem;padding-bottom:1.5rem;display:flex}.page-module__PCohjq__title{letter-spacing:-.0625rem;color:var(--foreground);font-size:2.25rem;font-weight:900}.page-module__PCohjq__subtitle{color:var(--text-muted);font-size:1rem;font-weight:500}.page-module__PCohjq__grid{flex-direction:column;gap:2rem;width:100%;max-width:42rem;margin:0 auto;display:flex}@media (max-width:48rem){.page-module__PCohjq__grid{grid-template-columns:1fr}}.page-module__PCohjq__card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.5rem;padding:2.25rem;display:flex}.page-module__PCohjq__cardTitle{color:var(--foreground);border-bottom:1px solid var(--card-border);padding-bottom:.75rem;font-size:1.25rem;font-weight:800}.page-module__PCohjq__legalSection{flex-direction:column;gap:.375rem;display:flex}.page-module__PCohjq__legalSubsectionTitle{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05rem;font-size:.75rem;font-weight:800}.page-module__PCohjq__legalText{color:var(--foreground);font-size:.875rem;font-weight:500;line-height:1.6}.page-module__PCohjq__legalLink{color:var(--success);font-weight:700;text-decoration:none}.page-module__PCohjq__legalLink:hover{text-decoration:underline}.page-module__PCohjq__contactForm{flex-direction:column;gap:1.25rem;display:flex}.page-module__PCohjq__inputGroup{flex-direction:column;gap:.375rem;display:flex}.page-module__PCohjq__formLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03rem;font-size:.75rem;font-weight:800}.page-module__PCohjq__inputField,.page-module__PCohjq__textAreaField{border:1px solid var(--card-border);border-radius:var(--radius-md);background-color:var(--background);width:100%;color:var(--foreground);outline:none;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.page-module__PCohjq__inputField:focus,.page-module__PCohjq__textAreaField:focus{border-color:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.page-module__PCohjq__submitBtn{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.875rem 1.5rem;font-size:.875rem;font-weight:800;transition:background-color .2s}.page-module__PCohjq__submitBtn:hover{background-color:var(--primary-hover)}.page-module__PCohjq__submitBtn:disabled{background-color:var(--card-border);color:var(--text-muted);cursor:not-allowed}.page-module__PCohjq__successMessage{background-color:var(--success-soft);color:var(--success);border-radius:var(--radius-md);border:1px solid #0d948833;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.page-module__PCohjq__successIcon{flex-shrink:0;margin-top:.125rem}.page-module__PCohjq__errorMessage{color:#e11d48;border-radius:var(--radius-md);background-color:#fff1f2;border:1px solid #e11d4833;padding:.75rem 1rem;font-size:.8125rem;font-weight:700}
.page-module__KWzHNq__container{flex-direction:column;gap:.75rem;display:flex}.page-module__KWzHNq__headerRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding-bottom:.5rem;display:flex}.page-module__KWzHNq__titleArea{flex-direction:column;gap:.5rem;display:flex}.page-module__KWzHNq__title{letter-spacing:-.05rem;color:var(--foreground);font-size:2rem;font-weight:800}.page-module__KWzHNq__subtitle{color:var(--text-muted);font-size:1rem;font-weight:500}.page-module__KWzHNq__tabToggleGroup{background-color:var(--primary-soft);border:1px solid var(--card-border);border-radius:var(--radius-md);gap:.25rem;padding:.25rem;display:flex}.page-module__KWzHNq__tabToggleBtn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .2s}.page-module__KWzHNq__tabToggleBtn:hover{color:var(--foreground)}.page-module__KWzHNq__tabToggleBtnActive{background-color:var(--card-bg);color:var(--primary);box-shadow:var(--shadow-sm)}.page-module__KWzHNq__singleColLayout{flex-direction:column;gap:.75rem;width:100%;display:flex}.page-module__KWzHNq__card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.page-module__KWzHNq__cardTitle{text-transform:uppercase;letter-spacing:.03125rem;color:var(--text-muted);border-bottom:1px solid var(--card-border);align-items:center;padding-bottom:.5rem;font-size:1rem;font-weight:700;display:flex}.page-module__KWzHNq__selectorsRow{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.25rem;display:grid}.page-module__KWzHNq__inputFieldGroup{flex-direction:column;gap:.5rem;display:flex}.page-module__KWzHNq__fieldLabel{text-transform:uppercase;letter-spacing:.03125rem;color:var(--text-muted);font-size:.75rem;font-weight:700}.page-module__KWzHNq__selectControl{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--foreground);cursor:pointer;outline:none;width:100%;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;transition:border-color .15s,background-color .15s}.page-module__KWzHNq__selectControl:hover,.page-module__KWzHNq__selectControl:focus{border-color:var(--primary);background-color:var(--primary-soft)}.page-module__KWzHNq__audioButtonsRow{grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;display:grid}.page-module__KWzHNq__btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:.875rem;font-weight:700;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.page-module__KWzHNq__btnPrimary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.page-module__KWzHNq__btnPrimary:hover{background-color:var(--primary-hover)}.page-module__KWzHNq__btnSecondary{background-color:var(--primary-soft);color:var(--foreground);border:1px solid var(--card-border)}.page-module__KWzHNq__btnSecondary:hover{background-color:var(--card-border)}.page-module__KWzHNq__analysisBox{background-color:var(--background);border:1px solid var(--card-border);border-radius:var(--radius-md);grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:1.25rem;display:grid}.page-module__KWzHNq__infoBlock{flex-direction:column;gap:.25rem;display:flex}.page-module__KWzHNq__infoLabel{text-transform:uppercase;letter-spacing:.03125rem;color:var(--text-muted);font-size:.6875rem;font-weight:700}.page-module__KWzHNq__infoVal{color:var(--foreground);font-weight:800}.page-module__KWzHNq__analysisText{color:var(--text-muted);line-height:1.5}.page-module__KWzHNq__gameStatsRow{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;display:grid}.page-module__KWzHNq__statBubble{background-color:var(--background);border:1px solid var(--card-border);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;display:flex}.page-module__KWzHNq__statLabel{text-transform:uppercase;letter-spacing:.03125rem;color:var(--text-muted);font-size:.6875rem;font-weight:700}.page-module__KWzHNq__statValue{color:var(--foreground);font-size:1.25rem;font-weight:800}.page-module__KWzHNq__startScreenContainer{border:2px dashed var(--card-border);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:3rem 1rem;display:flex}.page-module__KWzHNq__btnGameStart{max-width:22rem;padding:1rem 2rem;font-size:1rem}.page-module__KWzHNq__activeGameBox{flex-direction:column;gap:1.5rem;width:100%;display:flex}.page-module__KWzHNq__btnReplay{width:auto;padding:.75rem 1.25rem;font-size:.8125rem}.page-module__KWzHNq__choicesGrid{grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;display:grid}.page-module__KWzHNq__choiceBtn{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--foreground);cursor:pointer;padding:1.25rem 1rem;font-size:.9375rem;font-weight:700;transition:all .2s}.page-module__KWzHNq__choiceBtn:hover{border-color:var(--primary);background-color:var(--primary-soft);color:var(--primary)}.page-module__KWzHNq__choiceBtnCorrect{background-color:var(--success-soft)!important;border-color:var(--success)!important;color:var(--success)!important}.page-module__KWzHNq__choiceBtnIncorrect{color:#e11d48!important;background-color:#fff1f2!important;border-color:#e11d48!important}.page-module__KWzHNq__choiceBtnDisabled{opacity:.5;cursor:not-allowed}.page-module__KWzHNq__feedbackSection{border-top:1px solid var(--card-border);flex-direction:column;gap:1.25rem;margin-top:.5rem;padding-top:1.5rem;display:flex}.page-module__KWzHNq__alertBox{border-radius:var(--radius-md);padding:1rem 1.25rem;font-size:.9375rem;line-height:1.5}.page-module__KWzHNq__alertSuccess{background-color:var(--success-soft);color:#065f46;border:1px solid #10b98133}.page-module__KWzHNq__alertError{color:#9f1239;background-color:#fff1f2;border:1px solid #f43f5e33}.page-module__KWzHNq__quizDescriptionBlock{background-color:var(--background);border:1px solid var(--card-border);border-radius:var(--radius-md);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.page-module__KWzHNq__quizDescriptionText{color:var(--text-muted);font-size:.875rem;line-height:1.6}.page-module__KWzHNq__btnNext{align-self:flex-end;max-width:15rem}.page-module__KWzHNq__bottomDock{z-index:900;pointer-events:none;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;left:17.5rem;right:0;transform:translateY(100%)}.page-module__KWzHNq__bottomDockExpanded{pointer-events:auto;transform:translateY(0)}.page-module__KWzHNq__dockContent{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--card-border);pointer-events:auto;background-color:#fffffff5;flex-direction:column;gap:1rem;padding:1.25rem 2.5rem 1.5rem;display:flex;box-shadow:0 -.5rem 2rem #0000000f}.page-module__KWzHNq__dockHeader{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.page-module__KWzHNq__dockTitleArea{flex-direction:column;gap:.125rem;display:flex}.page-module__KWzHNq__dockTitle{text-transform:uppercase;letter-spacing:.03125rem;color:var(--text-muted);font-size:.6875rem;font-weight:800}.page-module__KWzHNq__dockScaleName{color:var(--foreground);font-size:.8125rem}.page-module__KWzHNq__dockActionsGroup{align-items:center;gap:1rem;margin-left:auto;margin-right:1rem;display:flex}.page-module__KWzHNq__dockToggleGroup{background-color:var(--background);border:1px solid var(--card-border);border-radius:1.875rem;align-items:stretch;gap:.25rem;height:2.5rem;padding:.1875rem;display:flex}.page-module__KWzHNq__dockTabBtn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:1.25rem;align-items:center;height:100%;padding:0 1.25rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:flex}.page-module__KWzHNq__dockTabBtn:hover{color:var(--foreground)}.page-module__KWzHNq__dockTabBtnActive{background-color:var(--card-bg);color:var(--primary);box-shadow:var(--shadow-sm)}.page-module__KWzHNq__dockPlayBtn{cursor:pointer;border:none;border-radius:1.875rem;outline:none;align-items:center;gap:.375rem;height:2.5rem;padding:0 1.25rem;font-size:.8125rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.page-module__KWzHNq__dockPlayBtn:hover{opacity:.88}.page-module__KWzHNq__btnStop{box-shadow:var(--shadow-sm);color:#fff!important;background-color:#ef4444!important}.page-module__KWzHNq__btnStop:hover{background-color:#dc2626!important}.page-module__KWzHNq__dockCollapseBtn{border:1px solid var(--card-border);background-color:var(--card-bg);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.page-module__KWzHNq__dockCollapseBtn:hover{background-color:var(--background);color:var(--foreground)}.page-module__KWzHNq__dockBody{grid-template-columns:20rem 1fr;align-items:center;gap:2rem;width:100%;display:grid}.page-module__KWzHNq__dockInfoColumn{border-right:1px solid var(--card-border);flex-direction:column;justify-content:center;gap:.75rem;height:100%;padding-right:2rem;display:flex}.page-module__KWzHNq__dockInfoTitle{color:var(--primary);letter-spacing:-.03125rem;margin-bottom:.25rem;font-size:1.25rem;font-weight:800}.page-module__KWzHNq__dockInfoRow{flex-direction:column;gap:.125rem;display:flex}.page-module__KWzHNq__dockInfoLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03125rem;font-size:.625rem;font-weight:700}.page-module__KWzHNq__dockInfoValue{color:var(--foreground);font-size:.8125rem;font-weight:500;line-height:1.4}.page-module__KWzHNq__notesList{flex-wrap:wrap;gap:.375rem;margin-top:.125rem;display:flex}.page-module__KWzHNq__noteTag{background-color:var(--primary-soft);color:var(--primary);border-radius:.25rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:700}.page-module__KWzHNq__noteTagRoot{background-color:var(--accent-soft);color:var(--accent)}.page-module__KWzHNq__dockInstrumentColumn{flex-grow:1;align-items:center;min-width:0;display:flex}.page-module__KWzHNq__dockTriggerBar{pointer-events:auto;-webkit-backdrop-filter:blur(12px);z-index:1001;background-color:#ffffffd9;border:1px solid #e2e8f0cc;border-radius:1.875rem;align-items:center;gap:.25rem;padding:.1875rem;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s,box-shadow .2s,border-color .2s,visibility .3s;display:flex;position:fixed;bottom:1.5rem;right:2.5rem;box-shadow:0 .5rem 2rem #00000014,0 .125rem .5rem #0000000a}.page-module__KWzHNq__dockTriggerBar:hover{border-color:#cbd5e1;box-shadow:0 .75rem 2.5rem #0000001f,0 .25rem .75rem #0000000f}.page-module__KWzHNq__dockTriggerBarHidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(5rem)scale(.8)}.page-module__KWzHNq__dockTriggerPlayBtn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.375rem;height:2.375rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 .125rem .5rem #0f172a26}.page-module__KWzHNq__dockTriggerPlayBtn:hover{background-color:var(--primary-hover);transform:scale(1.05);box-shadow:0 .25rem .75rem #0f172a40}.page-module__KWzHNq__dockTriggerPlayBtnActive{animation:2s infinite page-module__KWzHNq__triggerPlayPulse;color:#fff!important;background:#ef4444!important;box-shadow:0 .125rem .5rem #ef44444d!important}@keyframes page-module__KWzHNq__triggerPlayPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.page-module__KWzHNq__dockTriggerPlayBtnActive:hover{background:#dc2626!important}.page-module__KWzHNq__dockTriggerOpenBtn{background-color:var(--foreground);color:#fff;cursor:pointer;border:none;border-radius:1.5rem;align-items:center;height:2.375rem;padding:0 1.25rem;font-size:.8125rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.page-module__KWzHNq__dockTriggerOpenBtn:hover{background-color:var(--primary-hover);transform:translateY(-.5px)}@media (max-width:900px){.page-module__KWzHNq__bottomDock{left:0}.page-module__KWzHNq__dockContent{flex-direction:column;max-height:85vh;padding:1rem 1.25rem 1.25rem;display:flex}.page-module__KWzHNq__dockTriggerBar{bottom:1.25rem;right:1.25rem}.page-module__KWzHNq__dockBody{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:1fr;gap:1.25rem;min-height:0;overflow-y:auto}.page-module__KWzHNq__dockInfoColumn{border-right:none;border-bottom:1px solid var(--card-border);height:auto;padding-bottom:1rem;padding-right:0}}@media (max-width:600px){.page-module__KWzHNq__dockHeader{flex-direction:column;align-items:stretch;gap:.75rem;padding-right:2.5rem;position:relative}.page-module__KWzHNq__dockCollapseBtn{position:absolute;top:.25rem;right:.25rem}.page-module__KWzHNq__dockActionsGroup{flex-direction:column;align-items:stretch;gap:.5rem;width:100%;margin:0;display:flex}.page-module__KWzHNq__dockToggleGroup{width:100%;height:2.5rem}.page-module__KWzHNq__dockTabBtn{flex:1;justify-content:center}.page-module__KWzHNq__dockPlayBtn{justify-content:center;width:100%;height:2.5rem}}.page-module__KWzHNq__mainTabGroup{z-index:2;gap:.5rem;display:flex;position:relative}.page-module__KWzHNq__mainTabBtn{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);outline:none;padding:.625rem 1.5rem;font-size:.9375rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}.page-module__KWzHNq__mainTabBtn:hover{color:var(--foreground);background-color:var(--primary-soft);border-color:var(--card-border)}.page-module__KWzHNq__mainTabBtnActive{background-color:var(--card-bg);color:var(--primary);border-color:var(--primary);font-weight:800;box-shadow:0 4px 12px #0000000d}.page-module__KWzHNq__subTabGroup{background-color:var(--background);border:1px solid var(--card-border);border-radius:var(--radius-md);align-self:flex-start;gap:.25rem;margin-bottom:.75rem;padding:.25rem;display:flex}.page-module__KWzHNq__subTabBtn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;outline:none;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:700;transition:all .2s}.page-module__KWzHNq__subTabBtn:hover{color:var(--foreground)}.page-module__KWzHNq__subTabBtnActive{background-color:var(--card-bg);color:var(--primary);box-shadow:var(--shadow-sm)}.page-module__KWzHNq__arpeggioPadGrid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.5rem;width:100%;display:grid}.page-module__KWzHNq__arpeggioPad{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;outline:none;justify-content:space-between;align-items:center;padding:.625rem .875rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.page-module__KWzHNq__arpeggioPad:hover{border-color:var(--primary-soft);background-color:var(--primary-soft);color:var(--foreground);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.page-module__KWzHNq__arpeggioPad:active{transform:translateY(0)}.page-module__KWzHNq__sandboxTimelineBlock{border-top:1px solid var(--card-border);flex-direction:column;gap:.5rem;width:100%;margin-top:.25rem;padding-top:1rem;display:flex}.page-module__KWzHNq__timelineLabelRow{justify-content:space-between;align-items:center;width:100%;display:flex}.page-module__KWzHNq__timelineClearBtn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem .5rem;font-size:.75rem;font-weight:700;transition:all .2s}.page-module__KWzHNq__timelineClearBtn:hover{color:var(--error);background-color:#ef44441a}.page-module__KWzHNq__timelineCardList{border:1px dashed var(--card-border);border-radius:var(--radius-md);background-color:var(--background);align-items:center;gap:.5rem;min-height:4.25rem;padding:.375rem .25rem;display:flex;overflow-x:auto}.page-module__KWzHNq__timelineEmptyMsg{color:var(--text-muted);text-align:center;width:100%;padding:1rem 0;font-size:.8125rem;font-style:italic;font-weight:500}.page-module__KWzHNq__timelineCard{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.375rem;min-width:8rem;padding:.5rem 2rem .5rem .625rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.page-module__KWzHNq__timelineCard:active{cursor:grabbing}.page-module__KWzHNq__timelineCard:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.page-module__KWzHNq__dragHandle{color:var(--text-muted);opacity:.6;margin-right:.125rem;font-size:.875rem;font-weight:800}.page-module__KWzHNq__timelineCardText{color:var(--foreground);font-size:.8125rem;font-weight:700}.page-module__KWzHNq__timelineCardSub{color:var(--text-muted);font-size:.6875rem;font-weight:500}.page-module__KWzHNq__removeBtn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;padding:0;transition:all .2s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.page-module__KWzHNq__removeBtn:hover{color:var(--error);background-color:#ef44441a}
.page-module__LBTDbq__hero{flex-direction:column;gap:1.25rem;max-width:52rem;padding:1rem 0 1.5rem;display:flex}.page-module__LBTDbq__heroTitle{letter-spacing:-.125rem;color:var(--foreground);font-size:3.5rem;font-weight:800;line-height:1.1}.page-module__LBTDbq__heroTitleHighlight{color:var(--success);margin-left:.5rem;display:inline-block}.page-module__LBTDbq__heroText{color:var(--text-muted);font-size:1.25rem;font-weight:500;line-height:1.7}.page-module__LBTDbq__sectionContainer{margin-top:1rem}.page-module__LBTDbq__sectionTitle{color:var(--foreground);letter-spacing:-.03rem;border-left:4px solid var(--success);margin-bottom:2rem;padding-left:.75rem;font-size:1.5rem;font-weight:800}.page-module__LBTDbq__toolsGrid{grid-template-columns:repeat(auto-fill,minmax(21rem,1fr));gap:2rem;display:grid}.page-module__LBTDbq__toolCard{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);flex-direction:column;gap:1.5rem;padding:2.25rem;transition:border-color .25s,box-shadow .25s;display:flex;box-shadow:0 4px 12px #0a193105}.page-module__LBTDbq__toolCard:hover{border-color:var(--success);box-shadow:0 10px 24px #0d94880d}.page-module__LBTDbq__cardHeader{justify-content:space-between;align-items:center;display:flex}.page-module__LBTDbq__iconWrapper{border-radius:.875rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;transition:background-color .25s,color .25s;display:flex}.page-module__LBTDbq__scaleIcon{background-color:var(--success-soft);color:var(--success)}.page-module__LBTDbq__toolCard:hover .page-module__LBTDbq__scaleIcon{background-color:var(--success);color:#fff}.page-module__LBTDbq__chordIcon{background-color:var(--accent-soft);color:var(--accent)}.page-module__LBTDbq__toolCard:hover .page-module__LBTDbq__chordIcon{background-color:var(--accent);color:#fff}.page-module__LBTDbq__songwriterIcon{color:#4f46e5;background-color:#eef2ff}.page-module__LBTDbq__toolCard:hover .page-module__LBTDbq__songwriterIcon{color:#fff;background-color:#4f46e5}.page-module__LBTDbq__metronomeIcon{color:#e11d48;background-color:#fff1f2}.page-module__LBTDbq__toolCard:hover .page-module__LBTDbq__metronomeIcon{color:#fff;background-color:#e11d48}.page-module__LBTDbq__intervalIcon{color:#7c3aed;background-color:#faf5ff}.page-module__LBTDbq__toolCard:hover .page-module__LBTDbq__intervalIcon{color:#fff;background-color:#7c3aed}.page-module__LBTDbq__cardBody{flex-direction:column;flex-grow:1;gap:.75rem;display:flex}.page-module__LBTDbq__cardTitle{color:var(--foreground);letter-spacing:-.02rem;font-size:1.375rem;font-weight:800}.page-module__LBTDbq__cardText{color:var(--text-muted);font-size:.9375rem;font-weight:500;line-height:1.6}.page-module__LBTDbq__featuresList{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.page-module__LBTDbq__featureTag{background-color:var(--background);color:var(--text-muted);border-radius:var(--radius-sm);border:1px solid var(--card-border);padding:.3125rem .625rem;font-size:.75rem;font-weight:600}.page-module__LBTDbq__cardFooter{margin-top:.5rem}.page-module__LBTDbq__btnLink{width:100%;text-decoration:none}.page-module__LBTDbq__btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:.875rem;font-weight:700;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.page-module__LBTDbq__btnPrimary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.page-module__LBTDbq__btnPrimary:hover{background-color:var(--primary-hover)}.page-module__LBTDbq__btnPrimary svg{transition:transform .2s}@media (max-width:48rem){.page-module__LBTDbq__hero{padding:.75rem 0 1.25rem}.page-module__LBTDbq__heroTitle{letter-spacing:-.0625rem;font-size:2.5rem}.page-module__LBTDbq__toolsGrid{grid-template-columns:1fr;gap:1.5rem}}
.page-module__mulk4a__container{flex-direction:column;gap:.75rem;display:flex}.page-module__mulk4a__headerRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding-bottom:.5rem;display:flex}.page-module__mulk4a__titleArea{flex-direction:column;gap:.5rem;display:flex}.page-module__mulk4a__title{letter-spacing:-.05rem;color:var(--foreground);font-size:2rem;font-weight:800}.page-module__mulk4a__subtitle{color:var(--text-muted);font-size:1rem;font-weight:500}.page-module__mulk4a__card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.page-module__mulk4a__cardTitle{text-transform:uppercase;letter-spacing:.03125rem;color:var(--text-muted);border-bottom:1px solid var(--card-border);align-items:center;padding-bottom:.5rem;font-size:1rem;font-weight:700;display:flex}.page-module__mulk4a__cardSubtitle{color:var(--text-muted);margin-top:-1rem;font-size:.875rem}.page-module__mulk4a__looperControls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.page-module__mulk4a__timelineScrollContainer{border:1px dashed var(--card-border);border-radius:var(--radius-md);scrollbar-width:thin;background-color:#00000008;align-items:center;gap:1rem;min-height:7rem;padding:1.25rem;display:flex;overflow-x:auto}.page-module__mulk4a__timelineEmptyMsg{color:var(--text-muted);text-align:center;width:100%;font-size:.875rem;font-style:italic}.page-module__mulk4a__timelineCard{background-color:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer;min-width:6.5rem;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.25rem;transition:all .2s;display:flex;position:relative}.page-module__mulk4a__timelineCardActive{border-color:var(--success);background-color:var(--success-soft);box-shadow:0 0 12px #10b98133}.page-module__mulk4a__timelineCardSelected{box-shadow:0 0 8px #ec489926;border-color:var(--accent)!important}.page-module__mulk4a__timelineCardText{color:var(--foreground);font-size:1.125rem;font-weight:900}.page-module__mulk4a__timelineCardActive .page-module__mulk4a__timelineCardText{color:var(--success)}.page-module__mulk4a__removeBtn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;padding:0;transition:all .2s;display:flex}.page-module__mulk4a__removeBtn:hover{color:#ef4444;background-color:#ef44441a}.page-module__mulk4a__svgRemoveCircle{transition:fill .2s}.page-module__mulk4a__svgRemoveCircle:hover{fill:#ef444426}.page-module__mulk4a__speedSelectGroup{align-items:center;gap:.5rem;display:flex}.page-module__mulk4a__expertGroup{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.page-module__mulk4a__expertInput{background-color:var(--input-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);width:5rem;color:var(--foreground);appearance:textfield;outline:none;padding:.375rem .625rem;font-size:.875rem;font-weight:700;transition:border-color .2s}.page-module__mulk4a__expertInput::-webkit-inner-spin-button{opacity:1}.page-module__mulk4a__expertInput::-webkit-outer-spin-button{opacity:1}.page-module__mulk4a__expertInput:focus{border-color:var(--success);box-shadow:0 0 0 2px var(--success-soft)}.page-module__mulk4a__expertHint{color:var(--text-muted);background-color:var(--card-border);border-radius:var(--radius-md);white-space:nowrap;padding:.25rem .625rem;font-size:.75rem;font-weight:700}.page-module__mulk4a__expertToggleBtn{border-radius:var(--radius-md);border:1px solid var(--card-border);background-color:var(--card-bg);color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:.4rem .875rem;font-size:.75rem;font-weight:800;transition:all .2s;display:inline-flex}.page-module__mulk4a__expertToggleBtn:hover{border-color:var(--primary);color:var(--primary)}.page-module__mulk4a__expertToggleBtnActive{background-color:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.page-module__mulk4a__selectControl{background-color:var(--input-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--foreground);cursor:pointer;outline:none;padding:.625rem 1rem;font-size:.875rem;font-weight:700;transition:border-color .2s}.page-module__mulk4a__selectControl:focus{border-color:var(--success)}.page-module__mulk4a__selectorsRow{flex-wrap:wrap;gap:1.5rem;display:flex}.page-module__mulk4a__inputFieldGroup{flex-direction:column;flex:1;gap:.5rem;min-width:10rem;display:flex}.page-module__mulk4a__fieldLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);min-height:1rem;font-size:.75rem;font-weight:800}.page-module__mulk4a__diatonicChordsGrid{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:1rem;display:grid}.page-module__mulk4a__degreeCard{background-color:var(--input-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:center;gap:.375rem;padding:1rem .5rem;transition:all .2s;display:flex}.page-module__mulk4a__degreeCard:hover{border-color:var(--success);background-color:#10b98108}.page-module__mulk4a__degreeNum{color:var(--text-muted);font-size:.75rem;font-weight:800}.page-module__mulk4a__degreeName{color:var(--foreground);font-size:1.25rem;font-weight:900}.page-module__mulk4a__degreeType{text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;text-align:center;white-space:nowrap;font-size:.5625rem;font-weight:750;line-height:1.25}.page-module__mulk4a__progressionsGrid{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1.5rem;display:grid}.page-module__mulk4a__progressionCard{background-color:var(--input-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.5rem;display:flex}.page-module__mulk4a__progressionMeta{flex-direction:column;display:flex}.page-module__mulk4a__progressionRowTitle{color:var(--foreground);font-size:1rem;font-weight:800}.page-module__mulk4a__progressionDesc{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.page-module__mulk4a__progressionChords{flex-wrap:wrap;gap:.5rem;display:flex}.page-module__mulk4a__progressionChordTag{background-color:var(--card-border);color:var(--foreground);border-radius:var(--radius-md);padding:.25rem .625rem;font-size:.8125rem;font-weight:800}.page-module__mulk4a__progressionPlayRow{justify-content:flex-end;display:flex}.page-module__mulk4a__btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:800;transition:all .2s;display:inline-flex}.page-module__mulk4a__btnPrimary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.page-module__mulk4a__btnPrimary:hover{background-color:var(--primary-hover)}.page-module__mulk4a__btnSecondary{background-color:var(--primary-soft);color:var(--primary);border:1px solid var(--card-border)}.page-module__mulk4a__btnSecondary:hover{background-color:var(--card-border)}.page-module__mulk4a__btnStop{color:#fff;background-color:#ef4444}.page-module__mulk4a__btnStop:hover{background-color:#dc2626}.page-module__mulk4a__bottomDock{z-index:900;pointer-events:none;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;left:17.5rem;right:0;transform:translateY(100%)}.page-module__mulk4a__bottomDockExpanded{pointer-events:auto;transform:translateY(0)}.page-module__mulk4a__dockContent{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--card-border);pointer-events:auto;background-color:#fffffff5;flex-direction:column;gap:1rem;padding:1.25rem 2.5rem 1.5rem;display:flex;box-shadow:0 -.5rem 2rem #0000000f}.page-module__mulk4a__dockHeader{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.page-module__mulk4a__dockTitleArea{flex-direction:column;gap:.125rem;display:flex}.page-module__mulk4a__dockTitle{text-transform:uppercase;letter-spacing:.03125rem;color:var(--text-muted);font-size:.6875rem;font-weight:800}.page-module__mulk4a__dockScaleName{color:var(--foreground);font-size:.8125rem}.page-module__mulk4a__dockActionsGroup{align-items:center;gap:1rem;margin-left:auto;margin-right:1rem;display:flex}.page-module__mulk4a__dockToggleGroup{background-color:var(--background);border:1px solid var(--card-border);border-radius:1.875rem;align-items:stretch;gap:.25rem;height:2.5rem;padding:.1875rem;display:flex}.page-module__mulk4a__dockTabBtn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:1.25rem;align-items:center;height:100%;padding:0 1.25rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:flex}.page-module__mulk4a__dockTabBtnActive{background-color:var(--card-bg);color:var(--primary);box-shadow:var(--shadow-sm)}.page-module__mulk4a__dockPlayBtn{cursor:pointer;border:none;border-radius:1.875rem;outline:none;align-items:center;gap:.375rem;height:2.5rem;padding:0 1.25rem;font-size:.8125rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.page-module__mulk4a__dockPlayBtn:hover{opacity:.88}.page-module__mulk4a__dockCollapseBtn{border:1px solid var(--card-border);background-color:var(--card-bg);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.page-module__mulk4a__dockCollapseBtn:hover{background-color:var(--background);color:var(--foreground)}.page-module__mulk4a__dockBody{grid-template-columns:20rem 1fr;align-items:center;gap:2rem;width:100%;display:grid}.page-module__mulk4a__dockInfoColumn{border-right:1px solid var(--card-border);flex-direction:column;justify-content:center;gap:.75rem;height:100%;padding-right:2rem;display:flex}.page-module__mulk4a__dockInfoTitle{color:var(--primary);letter-spacing:-.03125rem;margin-bottom:.25rem;font-size:1.25rem;font-weight:800}.page-module__mulk4a__dockInfoRow{flex-direction:column;gap:.125rem;display:flex}.page-module__mulk4a__dockInfoLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03125rem;font-size:.625rem;font-weight:700}.page-module__mulk4a__dockInfoValue{color:var(--foreground);font-size:.8125rem;font-weight:500;line-height:1.4}.page-module__mulk4a__notesList{flex-wrap:wrap;gap:.375rem;display:flex}.page-module__mulk4a__noteTag{background-color:var(--card-border);color:var(--foreground);border:1px solid #0000;border-radius:1.5rem;padding:.25rem .625rem;font-size:.8125rem;font-weight:800}.page-module__mulk4a__noteTagRoot{background-color:var(--success-soft);color:var(--success);border-color:#10b98133}.page-module__mulk4a__dockIntervalsList{flex-wrap:wrap;gap:.25rem;display:flex}.page-module__mulk4a__dockIntervalTag{background-color:var(--primary-soft);color:var(--primary);border-radius:.25rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:700}.page-module__mulk4a__dockInstrumentColumn{flex-grow:1;align-items:center;min-width:0;display:flex}.page-module__mulk4a__dockTriggerBar{pointer-events:auto;-webkit-backdrop-filter:blur(12px);z-index:1001;background-color:#ffffffd9;border:1px solid #e2e8f0cc;border-radius:1.875rem;align-items:center;gap:.25rem;padding:.1875rem;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s,box-shadow .2s,border-color .2s,visibility .3s;display:flex;position:fixed;bottom:1.5rem;right:2.5rem;box-shadow:0 .5rem 2rem #00000014,0 .125rem .5rem #0000000a}.page-module__mulk4a__dockTriggerBar:hover{border-color:#cbd5e1;box-shadow:0 .75rem 2.5rem #0000001f,0 .25rem .75rem #0000000f}.page-module__mulk4a__dockTriggerBarHidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(5rem)scale(.8)}.page-module__mulk4a__dockTriggerPlayBtn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.375rem;height:2.375rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 .125rem .5rem #0f172a26}.page-module__mulk4a__dockTriggerPlayBtn:hover{background-color:var(--primary-hover);transform:scale(1.05);box-shadow:0 .25rem .75rem #0f172a40}.page-module__mulk4a__dockTriggerPlayBtnActive{animation:2s infinite page-module__mulk4a__triggerPlayPulse;color:#fff!important;background:#ef4444!important;box-shadow:0 .125rem .5rem #ef44444d!important}@keyframes page-module__mulk4a__triggerPlayPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.page-module__mulk4a__dockTriggerPlayBtnActive:hover{background:#dc2626!important}.page-module__mulk4a__dockTriggerOpenBtn{background-color:var(--foreground);color:#fff;cursor:pointer;border:none;border-radius:1.5rem;align-items:center;height:2.375rem;padding:0 1.25rem;font-size:.8125rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.page-module__mulk4a__dockTriggerOpenBtn:hover{background-color:var(--primary-hover);transform:translateY(-.5px)}@media (max-width:900px){.page-module__mulk4a__bottomDock{left:0}.page-module__mulk4a__dockContent{flex-direction:column;max-height:85vh;padding:1rem 1.25rem 1.25rem;display:flex}.page-module__mulk4a__dockTriggerBar{bottom:1.25rem;right:1.25rem}.page-module__mulk4a__dockBody{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:1fr;gap:1.25rem;min-height:0;overflow-y:auto}.page-module__mulk4a__dockInfoColumn{border-right:none;border-bottom:1px solid var(--card-border);padding-bottom:1rem;padding-right:0}}@media (max-width:600px){.page-module__mulk4a__dockHeader{flex-direction:column;align-items:stretch;gap:.75rem;padding-right:2.5rem;position:relative}.page-module__mulk4a__dockCollapseBtn{position:absolute;top:.25rem;right:.25rem}.page-module__mulk4a__dockActionsGroup{flex-direction:column;align-items:stretch;gap:.5rem;width:100%;margin:0;display:flex}.page-module__mulk4a__dockToggleGroup{width:100%;height:2.5rem}.page-module__mulk4a__dockTabBtn{flex:1;justify-content:center}.page-module__mulk4a__dockPlayBtn{justify-content:center;width:100%;height:2.5rem}}.page-module__mulk4a__workstationCard{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.page-module__mulk4a__studioGrid{border-top:1px solid var(--card-border);flex-direction:column;gap:1rem;padding-top:1rem;display:flex}.page-module__mulk4a__diatonicBlock,.page-module__mulk4a__templatesBlock{flex-direction:column;gap:.75rem;display:flex}.page-module__mulk4a__diatonicBlock{border-right:none;padding-right:0}.page-module__mulk4a__subTitleBlock{flex-direction:column;gap:.25rem;display:flex}.page-module__mulk4a__subTitleText{color:var(--foreground);font-size:1.125rem;font-weight:800}.page-module__mulk4a__subTitleDesc{color:var(--text-muted);font-size:.75rem;line-height:1.5}.page-module__mulk4a__filtersRowCompact{gap:1rem;display:flex}.page-module__mulk4a__filterControlCompact{flex-direction:column;flex:1;gap:.25rem;display:flex}.page-module__mulk4a__compactLabel{text-transform:uppercase;color:var(--text-muted);letter-spacing:.03rem;font-size:.6875rem;font-weight:800}.page-module__mulk4a__diatonicChordsGridCompact{grid-template-columns:repeat(auto-fill,minmax(8.25rem,1fr));gap:.5rem;display:grid}.page-module__mulk4a__progressionsGridCompact{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.5rem;display:grid}.page-module__mulk4a__progressionCardCompact{background-color:var(--background);border:1px solid var(--card-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:1rem;padding:.625rem .875rem;display:flex}.page-module__mulk4a__progressionMetaCompact{flex-direction:column;flex-grow:1;gap:.25rem;display:flex}.page-module__mulk4a__progressionRowTitleCompact{color:var(--foreground);font-size:.8125rem;font-weight:800}.page-module__mulk4a__progressionChordsCompact{flex-wrap:wrap;gap:.25rem;display:flex}.page-module__mulk4a__progressionChordTagCompact{background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--foreground);border-radius:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:800}.page-module__mulk4a__btnLoadTemplate{width:2rem;height:2rem;box-shadow:var(--shadow-sm);background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--success);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.875rem;transition:all .2s;display:flex}.page-module__mulk4a__btnLoadTemplate:hover{background-color:var(--success);color:#fff;border-color:var(--success)}.page-module__mulk4a__svgStaffContainer{border:1px solid var(--card-border);border-radius:var(--radius-md);background-color:#fff;width:100%;padding:.5rem 0;overflow:hidden;box-shadow:inset 0 2px 8px #0a193104}.page-module__mulk4a__svgScrollWrapper{scrollbar-width:thin;width:100%;padding-bottom:.5rem;overflow-x:auto}.page-module__mulk4a__musicalScoreSvg{display:block}.page-module__mulk4a__mainTabGroup{z-index:2;gap:.5rem;display:flex;position:relative}.page-module__mulk4a__mainTabBtn{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);outline:none;padding:.625rem 1.5rem;font-size:.9375rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}.page-module__mulk4a__mainTabBtn:hover{color:var(--foreground);background-color:var(--primary-soft);border-color:var(--card-border)}.page-module__mulk4a__mainTabBtnActive{background-color:var(--card-bg);color:var(--primary);border-color:var(--primary);font-weight:800;box-shadow:0 4px 12px #0000000d}.page-module__mulk4a__diatonicContentSplit{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;width:100%;display:flex}.page-module__mulk4a__diatonicPads{flex:1;min-width:280px}.page-module__mulk4a__circleOfFifthsWrapper{background:var(--background);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100%;max-width:400px;margin:0 auto;padding:.75rem .75rem 1rem;display:flex}@media (min-width:768px){.page-module__mulk4a__circleOfFifthsWrapper{min-width:400px}}.page-module__mulk4a__circleSvg{aspect-ratio:1;width:100%;max-width:360px;height:auto;overflow:visible}.page-module__mulk4a__circleRing{stroke:var(--card-border);stroke-dasharray:4 4;pointer-events:none}.page-module__mulk4a__circleSegment{fill:#fff;stroke:var(--card-border);stroke-width:1.5px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.page-module__mulk4a__circleSegment:hover{fill:var(--primary-soft);stroke:var(--primary);transform-origin:160px 160px;transform:scale(1.015)}.page-module__mulk4a__circleSegmentActiveMajor{fill:#ffedd5!important;stroke:#fed7aa!important}.page-module__mulk4a__circleSegmentActiveMinor{fill:#f5f3ff!important;stroke:#ddd6fe!important}.page-module__mulk4a__circleSegmentActiveDim{fill:#ffe4e6!important;stroke:#fda4af!important}.page-module__mulk4a__circleSegmentSelectedRoot{stroke-width:1.5px;filter:drop-shadow(0 0 6px #10b9811a);fill:var(--success-soft)!important;stroke:#a7f3d0!important}.page-module__mulk4a__circleText{fill:var(--foreground);pointer-events:none;-webkit-user-select:none;user-select:none;text-anchor:middle;font-family:inherit;font-size:.875rem;font-weight:800}.page-module__mulk4a__circleTextMinor{fill:var(--foreground);pointer-events:none;-webkit-user-select:none;user-select:none;text-anchor:middle;font-family:inherit;font-size:.75rem;font-weight:800}.page-module__mulk4a__circleDegreeText{fill:var(--text-muted);pointer-events:none;-webkit-user-select:none;user-select:none;text-anchor:middle;font-family:inherit;font-size:.5625rem;font-weight:700}.page-module__mulk4a__circleSubDegreeText{fill:var(--text-muted);pointer-events:none;-webkit-user-select:none;user-select:none;text-anchor:middle;text-transform:uppercase;opacity:.85;font-family:inherit;font-size:.5rem;font-weight:700}.page-module__mulk4a__circleSegmentActiveMajor+.page-module__mulk4a__circleText,.page-module__mulk4a__circleSegmentActiveMajor+.page-module__mulk4a__circleDegreeText,.page-module__mulk4a__circleSegmentActiveMajor+.page-module__mulk4a__circleSubDegreeText{fill:#c2410c!important}.page-module__mulk4a__circleSegmentActiveMinor+.page-module__mulk4a__circleText,.page-module__mulk4a__circleSegmentActiveMinor+.page-module__mulk4a__circleDegreeText,.page-module__mulk4a__circleSegmentActiveMinor+.page-module__mulk4a__circleSubDegreeText{fill:#6d28d9!important}.page-module__mulk4a__circleSegmentActiveDim+.page-module__mulk4a__circleText,.page-module__mulk4a__circleSegmentActiveDim+.page-module__mulk4a__circleDegreeText,.page-module__mulk4a__circleSegmentActiveDim+.page-module__mulk4a__circleSubDegreeText{fill:#e11d48!important}.page-module__mulk4a__circleSegmentSelectedRoot+.page-module__mulk4a__circleText,.page-module__mulk4a__circleSegmentSelectedRoot+.page-module__mulk4a__circleDegreeText,.page-module__mulk4a__circleSegmentSelectedRoot+.page-module__mulk4a__circleSubDegreeText{fill:var(--success)!important}.page-module__mulk4a__circleCenter{fill:var(--card-bg);stroke:var(--card-border);stroke-width:1.5px;pointer-events:none;filter:drop-shadow(0 4px 12px #0000000d)}.page-module__mulk4a__circleCenterLabel{fill:var(--text-muted);text-anchor:middle;text-transform:uppercase;letter-spacing:.04em;pointer-events:none;opacity:.85;font-size:.5625rem;font-weight:750}.page-module__mulk4a__circleCenterSubtitle{fill:var(--text-muted);text-anchor:middle;text-transform:uppercase;letter-spacing:.04em;pointer-events:none;font-size:.625rem;font-weight:750}.page-module__mulk4a__circleCenterKey{fill:var(--success);text-anchor:middle;pointer-events:none;filter:drop-shadow(0 1px 2px #10b9811a);font-size:1.125rem;font-weight:900}.page-module__mulk4a__clusterOutline{stroke:#6366f1;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:drop-shadow(0 4px 10px #6366f140);pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.page-module__mulk4a__clusterArrow{stroke:#818cf8;stroke-width:1.75px;stroke-linecap:round;fill:none;opacity:.85;transition:all .3s cubic-bezier(.16,1,.3,1)}.page-module__mulk4a__clusterArrowHead{stroke:#818cf8;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.85;transition:all .3s cubic-bezier(.16,1,.3,1)}.page-module__mulk4a__explanationBlock{border-top:1px solid var(--card-border);flex-direction:column;gap:1.5rem;width:100%;margin-top:2rem;padding-top:2rem;display:flex}.page-module__mulk4a__explanationHeader{flex-direction:column;gap:.375rem;display:flex}.page-module__mulk4a__explanationTitle{color:var(--foreground);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:900;display:flex}.page-module__mulk4a__explanationSubtitle{color:var(--text-muted);max-width:50rem;font-size:.875rem;line-height:1.6}.page-module__mulk4a__explanationGrid{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.75rem;width:100%;display:grid}.page-module__mulk4a__explanationColumn{flex-direction:column;gap:1.25rem;display:flex}.page-module__mulk4a__explanationSection{background-color:var(--input-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.page-module__mulk4a__explanationSectionTitle{color:var(--foreground);font-size:.9375rem;font-weight:800}.page-module__mulk4a__explanationText{color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.6}.page-module__mulk4a__playBadgeList{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}
.MetronomeTool-module__oJ3F_q__container{flex-direction:column;gap:.75rem;display:flex}.MetronomeTool-module__oJ3F_q__headerRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding-bottom:.5rem;display:flex}.MetronomeTool-module__oJ3F_q__titleArea{flex-direction:column;gap:.5rem;display:flex}.MetronomeTool-module__oJ3F_q__title{letter-spacing:-.05rem;color:var(--foreground);font-size:2rem;font-weight:800}.MetronomeTool-module__oJ3F_q__subtitle{color:var(--text-muted);font-size:1rem;font-weight:500}.MetronomeTool-module__oJ3F_q__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.MetronomeTool-module__oJ3F_q__leftCol,.MetronomeTool-module__oJ3F_q__rightCol{flex-direction:column;gap:2rem;display:flex}@media (max-width:900px){.MetronomeTool-module__oJ3F_q__grid{grid-template-columns:1fr}}.MetronomeTool-module__oJ3F_q__card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.MetronomeTool-module__oJ3F_q__cardTitle{text-transform:uppercase;letter-spacing:.03125rem;color:var(--text-muted);border-bottom:1px solid var(--card-border);align-items:center;padding-bottom:.5rem;font-size:1rem;font-weight:700;display:flex}.MetronomeTool-module__oJ3F_q__visualizerCard{background-color:var(--background);padding:0;overflow:hidden}.MetronomeTool-module__oJ3F_q__visualizerWindow{background:radial-gradient(circle,#6366f108 0%,#0000 70%);justify-content:center;align-items:center;width:100%;height:10rem;display:flex;position:relative;overflow:hidden}.MetronomeTool-module__oJ3F_q__pendulumContainer{justify-content:center;align-items:flex-start;width:100%;height:8.5rem;display:flex;position:relative;overflow:hidden}.MetronomeTool-module__oJ3F_q__pendulumPivot{background-color:var(--foreground);z-index:5;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:0;box-shadow:0 0 4px #0003}.MetronomeTool-module__oJ3F_q__pendulumRod{background-color:var(--text-muted);transform-origin:top;width:.1875rem;height:6.25rem;transition:transform var(--swing-duration,.2s) ease-in-out;border-radius:.0625rem;position:absolute;top:.25rem;transform:rotate(0)}.MetronomeTool-module__oJ3F_q__pendulumWeight{background:linear-gradient(135deg, var(--success), #0d9488);border-radius:50%;width:1.125rem;height:1.125rem;transition:all .1s;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #0d948866}.MetronomeTool-module__oJ3F_q__pendulumWeightAccent{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translate(-50%)scale(1.1);box-shadow:0 0 15px #f59e0bb3}.MetronomeTool-module__oJ3F_q__tapperPad{background-color:var(--background);border:2px dashed var(--card-border);border-radius:var(--radius-lg);cursor:pointer;outline:none;justify-content:center;align-items:center;width:100%;height:8.5rem;padding:1rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.MetronomeTool-module__oJ3F_q__tapperPad:hover{border-color:var(--success);background-color:var(--primary-soft)}.MetronomeTool-module__oJ3F_q__tapperPadActive{transform:scale(.98);background-color:var(--success-soft)!important;border-color:var(--success)!important}.MetronomeTool-module__oJ3F_q__tapText{color:var(--text-muted);text-align:center;font-size:.9375rem;font-weight:700;line-height:1.5;transition:color .2s}.MetronomeTool-module__oJ3F_q__tapperPad:hover .MetronomeTool-module__oJ3F_q__tapText{color:var(--success)}.MetronomeTool-module__oJ3F_q__tapperStats{background-color:var(--background);border-radius:var(--radius-sm);border:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.MetronomeTool-module__oJ3F_q__tapperBpmDisplay{color:var(--success);font-variant-numeric:tabular-nums;align-items:baseline;gap:.125rem;font-size:1.75rem;font-weight:900;display:flex}.MetronomeTool-module__oJ3F_q__tapperBpmUnit{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.MetronomeTool-module__oJ3F_q__resetBtn{background-color:var(--primary-soft);color:var(--primary);cursor:pointer;border:1px solid #0000;border-radius:1.5rem;padding:.375rem .875rem;font-size:.75rem;font-weight:800;transition:all .2s}.MetronomeTool-module__oJ3F_q__resetBtn:hover{background-color:var(--primary);color:#fff}.MetronomeTool-module__oJ3F_q__tempoConfigArea{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.MetronomeTool-module__oJ3F_q__tempoValueDisplay{align-items:baseline;gap:.25rem;display:flex}.MetronomeTool-module__oJ3F_q__tempoNumber{letter-spacing:-.0625rem;color:var(--foreground);font-variant-numeric:tabular-nums;font-size:3.5rem;font-weight:900}.MetronomeTool-module__oJ3F_q__tempoUnit{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05rem;font-size:.875rem;font-weight:700}.MetronomeTool-module__oJ3F_q__stepButtons{gap:.375rem;display:flex}.MetronomeTool-module__oJ3F_q__stepBtn{border:1px solid var(--card-border);background-color:var(--card-bg);width:2.25rem;height:2.25rem;color:var(--foreground);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.MetronomeTool-module__oJ3F_q__stepBtn:hover{background-color:var(--primary-soft);border-color:var(--primary);color:var(--primary);transform:scale(1.05)}.MetronomeTool-module__oJ3F_q__sliderWrapper{width:100%}.MetronomeTool-module__oJ3F_q__tempoSlider{appearance:none;background:var(--card-border);cursor:pointer;border-radius:.25rem;outline:none;width:100%;height:.5rem;transition:background .2s}.MetronomeTool-module__oJ3F_q__tempoSlider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:1.5rem;height:1.5rem;transition:transform .1s;box-shadow:0 2px 5px #00000026}.MetronomeTool-module__oJ3F_q__tempoSlider::-webkit-slider-thumb:hover{transform:scale(1.1)}.MetronomeTool-module__oJ3F_q__tempoSlider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:1.25rem;height:1.25rem;transition:transform .1s;box-shadow:0 2px 5px #00000026}.MetronomeTool-module__oJ3F_q__tempoSlider::-moz-range-thumb:hover{transform:scale(1.1)}.MetronomeTool-module__oJ3F_q__basicGridInputs{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:600px){.MetronomeTool-module__oJ3F_q__card{gap:1.25rem;padding:1.25rem}.MetronomeTool-module__oJ3F_q__basicGridInputs{grid-template-columns:1fr}.MetronomeTool-module__oJ3F_q__consoleMixer{gap:.25rem;padding:1rem .5rem}}.MetronomeTool-module__oJ3F_q__inputFieldGroup{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.MetronomeTool-module__oJ3F_q__fieldLabel{text-transform:uppercase;letter-spacing:.05rem;color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem;font-weight:800;display:block}.MetronomeTool-module__oJ3F_q__selectControl{border:1px solid var(--card-border);border-radius:var(--radius-md);background-color:var(--background);width:100%;color:var(--foreground);cursor:pointer;outline:none;padding:.75rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s}.MetronomeTool-module__oJ3F_q__selectControl:focus{border-color:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.MetronomeTool-module__oJ3F_q__textInput{border:1px solid var(--card-border);border-radius:var(--radius-md);background-color:var(--background);width:100%;color:var(--foreground);outline:none;padding:.75rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s}.MetronomeTool-module__oJ3F_q__textInput:focus{border-color:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.MetronomeTool-module__oJ3F_q__pillTogglesRow{background-color:var(--background);border-radius:var(--radius-md);border:1px solid var(--card-border);grid-template-columns:repeat(4,1fr);gap:.375rem;padding:.25rem;display:grid}.MetronomeTool-module__oJ3F_q__pillToggle{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem .25rem;transition:all .2s;display:flex}.MetronomeTool-module__oJ3F_q__pillToggle:hover{background-color:var(--primary-soft)}.MetronomeTool-module__oJ3F_q__pillToggleActive{box-shadow:var(--shadow-sm);background-color:var(--card-bg)!important}.MetronomeTool-module__oJ3F_q__pillMainText{color:var(--text-muted);font-size:.8125rem;font-weight:800}.MetronomeTool-module__oJ3F_q__pillToggleActive .MetronomeTool-module__oJ3F_q__pillMainText{color:var(--success)}.MetronomeTool-module__oJ3F_q__pillSubText{color:var(--text-muted);opacity:.7;font-size:.625rem;font-weight:600}.MetronomeTool-module__oJ3F_q__accentProgrammerBox{border-top:1px solid var(--card-border);margin-top:1.25rem;padding-top:1.25rem}.MetronomeTool-module__oJ3F_q__stepProgrammerRow{flex-wrap:wrap;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.MetronomeTool-module__oJ3F_q__stepPad{background-color:var(--background);border:1.5px solid var(--card-border);border-radius:var(--radius-sm);cursor:pointer;outline:none;flex:1;justify-content:center;align-items:center;min-width:2.75rem;height:3rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.MetronomeTool-module__oJ3F_q__stepPad:hover{background-color:var(--primary-soft)}.MetronomeTool-module__oJ3F_q__stepPadAccented{background-color:#f59e0b0f!important;border-color:#f59e0b!important}.MetronomeTool-module__oJ3F_q__stepPadAccented .MetronomeTool-module__oJ3F_q__stepNumberText{color:#f59e0b!important}.MetronomeTool-module__oJ3F_q__stepPadCurrent{transform:translateY(-2px);box-shadow:0 0 10px #10b98140;border-color:var(--success)!important}.MetronomeTool-module__oJ3F_q__stepPadCurrent.MetronomeTool-module__oJ3F_q__stepPadAccented{box-shadow:0 0 12px #f59e0b59}.MetronomeTool-module__oJ3F_q__stepNumberText{color:var(--text-muted);font-size:.875rem;font-weight:900}.MetronomeTool-module__oJ3F_q__stepIconText{font-size:.6875rem}.MetronomeTool-module__oJ3F_q__mixerSection{border-top:1px solid var(--card-border);flex-direction:column;gap:1rem;padding-top:1.25rem;display:flex}.MetronomeTool-module__oJ3F_q__mixerTitle{text-transform:uppercase;letter-spacing:.05rem;color:var(--text-muted);font-size:.75rem;font-weight:800}.MetronomeTool-module__oJ3F_q__consoleMixer{background-color:var(--background);border:1px solid var(--card-border);border-radius:var(--radius-lg);justify-content:space-between;gap:.5rem;padding:1.5rem 1rem;display:flex}.MetronomeTool-module__oJ3F_q__mixerChannel{flex-direction:column;flex:1;align-items:center;gap:.75rem;display:flex}.MetronomeTool-module__oJ3F_q__channelLabel{color:var(--text-muted);text-transform:uppercase;font-size:.6875rem;font-weight:800}.MetronomeTool-module__oJ3F_q__faderContainer{background-color:#0000000d;border-left:1px solid #ffffff0d;border-right:1px solid #0000001a;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:10rem;display:flex;position:relative;overflow:hidden}.MetronomeTool-module__oJ3F_q__faderContainer:after{content:"";pointer-events:none;background:repeating-linear-gradient(#ffffff1a 0 1px,#0000 1px 16px);position:absolute;inset:10% 0}.MetronomeTool-module__oJ3F_q__mixerFader{appearance:none;background:var(--card-border);cursor:pointer;transform-origin:50%;z-index:2;border-radius:.125rem;outline:none;width:8rem;height:.25rem;position:absolute;transform:rotate(-90deg)}.MetronomeTool-module__oJ3F_q__mixerFader::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:2px solid #fff;border-radius:.25rem;width:1rem;height:1.75rem;box-shadow:0 2px 5px #0000004d}.MetronomeTool-module__oJ3F_q__mixerFader::-moz-range-thumb{background:var(--primary);cursor:pointer;border:2px solid #fff;border-radius:.25rem;width:1rem;height:1.75rem;box-shadow:0 2px 5px #0000004d}.MetronomeTool-module__oJ3F_q__channelVal{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:700}.MetronomeTool-module__oJ3F_q__playBtn{border-radius:var(--radius-md);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:900;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.MetronomeTool-module__oJ3F_q__playBtnStart{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.MetronomeTool-module__oJ3F_q__playBtnStart:hover{background-color:var(--primary-hover)}.MetronomeTool-module__oJ3F_q__playBtnStop{color:#fff;box-shadow:var(--shadow-sm);background-color:#ef4444}.MetronomeTool-module__oJ3F_q__playBtnStop:hover{background-color:#dc2626}.MetronomeTool-module__oJ3F_q__accordionRackContainer{flex-direction:column;gap:1rem;width:100%;display:flex}.MetronomeTool-module__oJ3F_q__accordionCard{transition:border-color .2s,box-shadow .2s;overflow:hidden;padding:0!important}.MetronomeTool-module__oJ3F_q__accordionHeader{background-color:var(--card-bg);cursor:pointer;text-align:left;border:none;outline:none;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 1.5rem;transition:background-color .2s;display:flex}.MetronomeTool-module__oJ3F_q__accordionHeader:hover{background-color:var(--background)}.MetronomeTool-module__oJ3F_q__accordionHeaderActive{border-bottom:1px solid var(--card-border)}.MetronomeTool-module__oJ3F_q__accordionTitle{color:var(--foreground);font-size:.9375rem;font-weight:800}.MetronomeTool-module__oJ3F_q__accordionArrow{color:var(--text-muted);font-size:.75rem;transition:transform .2s}.MetronomeTool-module__oJ3F_q__accordionContent{background-color:#00000003;flex-direction:column;gap:1.5rem;padding:.25rem 1.5rem 1.25rem;display:flex}.MetronomeTool-module__oJ3F_q__expertSubSection{flex-direction:column;gap:.75rem;width:100%;display:flex}.MetronomeTool-module__oJ3F_q__expertDescription{color:var(--text-muted);max-width:680px;margin:0;font-size:.8125rem;font-weight:400;line-height:1.5}.MetronomeTool-module__oJ3F_q__subTitleRow{align-items:center;gap:.5rem;display:flex}.MetronomeTool-module__oJ3F_q__expertSubTitle{color:var(--foreground);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:800}.MetronomeTool-module__oJ3F_q__checkTitle{cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:.5rem;font-size:.875rem;font-weight:800}.MetronomeTool-module__oJ3F_q__checkboxInput{border-radius:var(--radius-sm);border:1.5px solid var(--card-border);cursor:pointer;width:1.125rem;height:1.125rem;accent-color:var(--success);outline:none}.MetronomeTool-module__oJ3F_q__widgetControlRow{flex-wrap:wrap;align-items:flex-end;gap:1.25rem;display:flex}.MetronomeTool-module__oJ3F_q__widgetControlRow>.MetronomeTool-module__oJ3F_q__inputFieldGroup{flex:1;min-width:8rem}.MetronomeTool-module__oJ3F_q__numInputBox{background-color:var(--background);border:1px solid var(--card-border);border-radius:2rem;justify-content:space-between;align-items:center;max-width:9rem;padding:.1875rem;display:flex}.MetronomeTool-module__oJ3F_q__numBtn{width:1.75rem;height:1.75rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:.875rem;font-weight:800;transition:all .2s;display:flex}.MetronomeTool-module__oJ3F_q__numBtn:hover{background-color:var(--card-border);color:var(--foreground)}.MetronomeTool-module__oJ3F_q__numVal{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:800}.MetronomeTool-module__oJ3F_q__ratioGrid{background-color:var(--background);border-radius:var(--radius-md);border:1px solid var(--card-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.375rem .75rem;display:flex}.MetronomeTool-module__oJ3F_q__ratioVs{color:var(--text-muted);text-transform:uppercase;font-size:.6875rem;font-weight:800}.MetronomeTool-module__oJ3F_q__ratioPrimary{color:var(--primary);font-variant-numeric:tabular-nums;margin-right:.25rem;font-size:1rem;font-weight:900}.MetronomeTool-module__oJ3F_q__widgetSlider{appearance:none;background:var(--card-border);cursor:pointer;border-radius:.1875rem;outline:none;width:100%;height:.375rem}.MetronomeTool-module__oJ3F_q__widgetSlider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:2.5px solid #fff;border-radius:50%;width:1.125rem;height:1.125rem}.MetronomeTool-module__oJ3F_q__widgetSlider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:2.5px solid #fff;border-radius:50%;width:1rem;height:1rem}.MetronomeTool-module__oJ3F_q__tipsCard{background-color:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-lg);flex-direction:column;gap:.375rem;padding:1.25rem;display:flex}.MetronomeTool-module__oJ3F_q__tipTitle{color:var(--accent);text-transform:uppercase;letter-spacing:.05rem;font-size:.75rem;font-weight:800}.MetronomeTool-module__oJ3F_q__tipBody{color:var(--foreground);font-size:.8125rem;font-weight:500;line-height:1.5}.MetronomeTool-module__oJ3F_q__midiExportBtn{border-radius:var(--radius-md);border:1px solid var(--card-border);background-color:var(--primary-soft);color:var(--primary);cursor:pointer;outline:none;justify-content:center;align-items:center;padding:0 1.25rem;font-size:.875rem;font-weight:800;transition:all .2s;display:flex}.MetronomeTool-module__oJ3F_q__midiExportBtn:hover{background-color:var(--card-border)}.MetronomeTool-module__oJ3F_q__mainTabGroup{z-index:2;gap:.5rem;display:flex;position:relative}.MetronomeTool-module__oJ3F_q__mainTabBtn{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);outline:none;padding:.625rem 1.5rem;font-size:.9375rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}.MetronomeTool-module__oJ3F_q__mainTabBtn:hover{color:var(--foreground);background-color:var(--primary-soft);border-color:var(--card-border)}.MetronomeTool-module__oJ3F_q__mainTabBtnActive{background-color:var(--card-bg);color:var(--primary);border-color:var(--primary);font-weight:800;box-shadow:0 4px 12px #0000000d}