.practice-theme{--practice-ink:#221829;--practice-muted:#766a7c;--practice-faint:#9b91a0;--practice-plum:#6d2878;--practice-plum-dark:#4f1e59;--practice-plum-soft:#f2e9f5;--practice-gold:#b77932;--practice-gold-soft:#fbf1df;--practice-line:#e7dfe9;--practice-paper:#fffdf9;--practice-surface:#fff;color:var(--practice-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.practice-shell{background:radial-gradient(circle at 78% 2%,#b7793217,#0000 28rem),#f7f4f8;min-height:100dvh;padding-top:64px}.practice-sidebar{z-index:20;border-right:1px solid var(--practice-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9f5;width:320px;position:fixed;inset:64px auto 0 0;overflow-y:auto;box-shadow:8px 0 32px #2d1c310a}.practice-course-panel{padding:24px 18px 30px}.practice-course-heading{align-items:center;gap:12px;padding:0 8px 20px;display:flex}.practice-course-icon{width:42px;height:42px;color:var(--practice-plum);background:linear-gradient(145deg,#f9f2fb,#eee0f2);border:1px solid #dfcde4;border-radius:13px;flex:none;place-items:center;display:grid}.practice-course-icon svg{width:20px;height:20px}.practice-course-heading span{color:var(--practice-gold);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-size:.67rem;font-weight:800;display:block}.practice-course-heading h2{letter-spacing:-.02em;margin:0;font-size:1.06rem;font-weight:750}.practice-progress{background:#fbf8fc;border:1px solid #eadfed;border-radius:14px;margin-bottom:18px;padding:14px 15px}.practice-progress>div:first-child{color:var(--practice-muted);justify-content:space-between;align-items:center;margin-bottom:9px;font-size:.75rem;display:flex}.practice-progress strong{color:var(--practice-plum)}.practice-progress-track{background:#e9deec;border-radius:999px;height:5px;overflow:hidden}.practice-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#7c3587,#b77932);height:100%;transition:width .24s;display:block}.practice-course-nav{gap:8px;display:grid}.practice-course-section{border:1px solid #0000;border-radius:14px;overflow:hidden}.practice-folder-button{width:100%;color:var(--practice-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:11px 10px;transition:background .15s,color .15s;display:grid}.practice-folder-button:hover,.practice-folder-button.is-current{background:var(--practice-plum-soft)}.practice-folder-button>svg{width:17px;height:17px;color:var(--practice-plum)}.practice-folder-button>svg:last-child{width:15px;height:15px;color:var(--practice-faint);transition:transform .15s}.practice-folder-button>svg:last-child.is-rotated{transform:rotate(180deg)}.practice-folder-order{color:var(--practice-faint);letter-spacing:.08em;font-size:.64rem;font-weight:800}.practice-folder-copy{min-width:0}.practice-folder-copy strong,.practice-folder-copy small{display:block}.practice-folder-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:750;overflow:hidden}.practice-folder-copy small{color:var(--practice-muted);margin-top:1px;font-size:.67rem}.practice-folder-count{min-width:31px;color:var(--practice-plum);text-align:center;background:#6d287814;border-radius:999px;padding:3px 6px;font-size:.65rem;font-weight:750}.practice-lesson-links{gap:2px;margin:0 8px 8px 26px;padding-left:15px;display:grid;position:relative}.practice-lesson-links:before{content:"";background:#e5d8e8;width:1px;position:absolute;inset:4px auto 8px 4px}.practice-lesson-links a{color:var(--practice-muted);border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:9px 10px;text-decoration:none;transition:background .14s,color .14s;display:grid;position:relative}.practice-lesson-links a:hover{color:var(--practice-plum-dark);background:#f8f2f9}.practice-lesson-links a.is-current{color:var(--practice-plum-dark);background:#efe3f2}.practice-lesson-links a.is-current:before{background:var(--practice-plum);content:"";border-radius:999px;width:3px;height:26px;position:absolute;left:-12px}.practice-lesson-links strong,.practice-lesson-links small{display:block}.practice-lesson-links strong{font-size:.78rem;font-weight:700;line-height:1.25}.practice-lesson-links small{color:var(--practice-faint);margin-top:2px;font-size:.64rem}.practice-lesson-status{color:#b7abbc;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.practice-lesson-status svg{width:13px;height:13px}.practice-lesson-status.is-complete{color:#337144;background:#e7f4e9}.practice-main{min-height:calc(100dvh - 64px);margin-left:320px}.practice-main-inner{width:min(100%,1120px);margin:0 auto;padding:44px 38px 64px}.practice-mobile-outline-button{display:none}.practice-lesson-header{margin-bottom:28px}.practice-breadcrumb{color:var(--practice-faint);align-items:center;gap:8px;margin-bottom:18px;font-size:.76rem;font-weight:650;display:flex}.practice-breadcrumb a{color:var(--practice-plum);text-decoration:none}.practice-lesson-header-grid{grid-template-columns:minmax(0,1fr) 290px;align-items:end;gap:38px;display:grid}.practice-lesson-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.practice-lesson-badges>span{border:1px solid var(--practice-line);color:var(--practice-muted);background:#ffffffb8;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:.68rem;font-weight:700;display:inline-flex}.practice-lesson-badges svg{width:12px;height:12px}.practice-lesson-badges .practice-level-badge{color:var(--practice-plum-dark);background:#eee1f1;border-color:#dcc6e1}.practice-lesson-badges .level-expert{background:var(--practice-gold-soft);color:#87561f;border-color:#e5c997}.practice-lesson-header h1{max-width:720px;color:var(--practice-ink);letter-spacing:-.048em;margin:0;font-size:clamp(2.05rem,4vw,3.4rem);font-weight:790;line-height:1.02}.practice-lesson-header h1+p{max-width:720px;color:var(--practice-muted);margin:18px 0 0;font-size:1.04rem;line-height:1.7}.practice-section-kicker{color:var(--practice-gold);letter-spacing:.12em;text-transform:uppercase;font-size:.67rem;font-weight:800;display:block}.practice-session-tempos{background:#ffffffb8;border:1px solid #e7dfe9;border-radius:18px;padding:18px;box-shadow:0 12px 34px #301c350d}.practice-session-tempos>div{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.practice-session-tempos>div>span{background:#f8f4f9;border-radius:11px;flex-direction:column;align-items:center;min-width:0;padding:9px 4px;display:flex}.practice-session-tempos small,.practice-session-tempos em{color:var(--practice-faint);letter-spacing:.04em;text-transform:uppercase;font-size:.58rem;font-style:normal;font-weight:700}.practice-session-tempos strong{color:var(--practice-plum-dark);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.16rem}.practice-exercise-card{background:var(--practice-surface);border:1px solid #ded3e1;border-radius:24px;margin-bottom:28px;overflow:hidden;box-shadow:0 18px 60px #311d3517}.practice-exercise-heading{grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:28px;padding:26px 28px 20px;display:grid}.practice-exercise-heading h2{letter-spacing:-.025em;margin:6px 0 7px;font-size:1.36rem;font-weight:770}.practice-exercise-heading p{max-width:660px;color:var(--practice-muted);margin:0;font-size:.86rem;line-height:1.6}.practice-exercise-heading-tools{flex:none;align-items:center;gap:10px;display:flex}.practice-scale-switcher{grid-column:1/-1;grid-template-columns:minmax(310px,1fr) auto;align-items:center;gap:9px;width:100%;display:grid}.practice-scale-switcher.has-scale-type{grid-template-columns:auto minmax(0,1fr) auto auto;gap:7px}.practice-scale-switcher.is-diatonic-modes{grid-template-columns:minmax(0,1fr);gap:6px}.practice-scale-switcher.is-diatonic-modes .practice-scale-switcher-group{grid-template-columns:92px minmax(0,1fr);width:100%;display:grid}.practice-scale-switcher.is-diatonic-modes .practice-scale-switcher-group>span{margin-left:7px}.practice-scale-switcher.is-diatonic-modes .practice-scale-switcher-group>div{justify-content:flex-start}.practice-scale-switcher.is-diatonic-modes .practice-mode-switcher-group button{width:auto;min-width:82px;padding-inline:10px}.practice-mode-secondary-controls{display:contents}.practice-scale-switcher.practice-chord-key-switcher{grid-template-columns:auto minmax(170px,1fr) auto;justify-self:stretch;width:100%}.practice-chord-progression-switcher select{width:100%;min-width:0;height:31px;color:var(--practice-ink);font:inherit;cursor:pointer;background:#fff;border:0;border-radius:9px;outline:none;padding:0 30px 0 10px;font-size:.74rem;font-weight:760}.practice-chord-progression-switcher select:focus-visible{outline:2px solid var(--practice-plum);outline-offset:2px}.practice-scale-switcher.has-scale-type .practice-scale-secondary-controls{display:contents}.practice-scale-switcher.has-scale-type .practice-scale-switcher-group{gap:4px;padding:4px}.practice-scale-switcher.has-scale-type .practice-scale-switcher-group>span{margin-left:3px;font-size:.55rem}.practice-scale-switcher.has-scale-type button{width:27px;height:29px}.practice-scale-switcher.has-scale-type .practice-scale-type-switcher button{width:auto;min-width:50px;padding-inline:6px;font-size:.69rem}.practice-scale-switcher.has-scale-type .practice-direction-switcher button{width:auto;min-width:45px;padding-inline:4px;font-size:.68rem}.practice-scale-secondary-controls{gap:9px;display:flex}.practice-scale-switcher-group{background:#f8f4f8;border:1px solid #dfd5e2;border-radius:13px;align-items:center;gap:7px;padding:5px;display:flex}.practice-scale-switcher-group>span{color:var(--practice-muted);letter-spacing:.06em;text-transform:uppercase;margin-left:5px;font-size:.6rem;font-weight:750;display:grid}.practice-scale-switcher-group>div{gap:2px;display:flex}.practice-root-switcher>div{flex:1;justify-content:space-evenly}.practice-chord-root-switcher>div{justify-content:center}.practice-scale-switcher button{width:31px;height:31px;color:var(--practice-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;font-size:.74rem;font-weight:780;transition:background .14s,color .14s,box-shadow .14s;display:grid}.practice-scale-switcher button:hover{color:var(--practice-plum);background:#f0e5f2}.practice-scale-switcher button.is-selected{background:var(--practice-plum);color:#fff;box-shadow:0 5px 12px #6d287833}.practice-scale-switcher button:focus-visible{outline:2px solid var(--practice-plum);outline-offset:2px}.practice-accidental-switcher button{font-family:Georgia,Times New Roman,serif;font-size:1rem}.practice-direction-switcher button{width:auto;min-width:57px;padding-inline:9px}.practice-scale-type-switcher button{width:auto;min-width:58px;padding-inline:8px}.practice-target-tempo{background:var(--practice-gold-soft);color:#8a5a23;border:1px solid #ead8b9;border-radius:13px;flex:none;align-items:center;gap:10px;padding:9px 12px;display:flex}.practice-target-tempo svg{width:18px;height:18px}.practice-target-tempo span,.practice-target-tempo strong{display:block}.practice-target-tempo span{letter-spacing:.06em;text-transform:uppercase;font-size:.59rem;font-weight:750;line-height:1.2}.practice-target-tempo strong{letter-spacing:0;margin-top:2px;font-size:.77rem}.practice-sheet{background:repeating-linear-gradient(0deg,#593a4405 0,#593a4405 1px,transparent 1px,transparent 4px),var(--practice-paper);border:1px solid #e9e1e4;border-radius:18px;margin:0 20px 20px;overflow:hidden}.practice-notation{min-width:0;height:146px;position:relative;overflow-x:auto}.practice-notation-render{min-width:300px;height:146px}.practice-notation-render canvas{display:block}.practice-notation-chord-label{z-index:1;color:#332838;pointer-events:none;white-space:nowrap;font-size:.78rem;font-weight:800;line-height:1;position:absolute;transform:translate(-50%)}.practice-notation-playhead{z-index:2;pointer-events:none;background:#9b3b75;border-radius:999px;width:2px;height:81px;transition:left 60ms linear;position:absolute;top:36px;transform:translate(-1px);box-shadow:0 0 0 3px #9b3b751c}.practice-notation-playhead:before{content:"";background:#9b3b75;border-radius:50%;width:7px;height:7px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.practice-transport{background:#f8f4f7f0;border-top:1px solid #e9e1e4;grid-template-columns:auto auto minmax(210px,1fr) auto auto;align-items:center;gap:12px;padding:13px 16px;display:grid}.practice-fretboard-panel{color:#fff;background:radial-gradient(circle at 78% 20%,#9b72ae24,#0000 34%),linear-gradient(145deg,#302337 0%,#211a28 100%);border:1px solid #ded3e1;border-radius:18px;margin:0 20px 20px;padding:18px 20px 14px;overflow:hidden;box-shadow:0 14px 32px #2d1d3424}.practice-fretboard-panel-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:5px;display:flex}.practice-fretboard-panel-heading .practice-section-kicker{color:#d9bd82}.practice-fretboard-panel-heading h3{color:#fff;letter-spacing:-.015em;margin:4px 0 0;font-size:1rem;font-weight:760}.practice-fretboard-status{color:#f6efffad;flex:none;align-items:center;gap:7px;font-size:.68rem;font-weight:720;display:inline-flex}.practice-fretboard-status:before{content:"";background:#f6efff57;border-radius:50%;width:7px;height:7px}.practice-fretboard-status.is-playing{color:#f4d98f}.practice-fretboard-status.is-playing:before{background:#f2c75c;box-shadow:0 0 0 4px #f2c75c1f}.practice-fretboard-scroll{overscroll-behavior-inline:contain;scrollbar-color:#e9d6ef47 transparent;scrollbar-width:thin;overflow-x:auto}.practice-fretboard-view{min-width:720px}.practice-fretboard-view svg{width:100%;height:auto;display:block;overflow:visible}.practice-fretboard-panel .fretboard-upcoming-positions{opacity:.72;animation-name:practice-fretboard-upcoming-fade;animation-timing-function:linear;animation-fill-mode:both}.practice-fretboard-panel .fretboard-upcoming-positions.is-paused{animation-play-state:paused}@keyframes practice-fretboard-upcoming-fade{0%{opacity:.12}to{opacity:.72}}@media (prefers-reduced-motion:reduce){.practice-fretboard-panel .fretboard-upcoming-positions{opacity:.5;animation:none}}.practice-play-button,.practice-metronome-button,.practice-reset-button{cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.practice-play-button{background:var(--practice-plum);color:#fff;border-radius:12px;gap:8px;min-width:102px;padding:10px 15px;font-size:.8rem;font-weight:750;box-shadow:0 8px 18px #6d287833}.practice-play-button:hover{background:var(--practice-plum-dark)}.practice-play-button:disabled{cursor:wait;opacity:.72}.practice-play-button svg,.practice-metronome-button svg,.practice-reset-button svg{width:16px;height:16px}.practice-play-icon{transform:translate(1px)}.practice-metronome-button{color:var(--practice-muted);background:#fff;border:1px solid #dfd5e2;border-radius:11px;gap:7px;padding:9px 11px;font-size:.73rem;font-weight:700}.practice-metronome-button.is-on{color:var(--practice-plum);background:#f2e7f4;border-color:#ceb4d5}.practice-tempo-control{grid-template-columns:auto minmax(100px,1fr);align-items:center;gap:12px;display:grid}.practice-tempo-control label{color:var(--practice-muted);text-transform:uppercase;font-size:.64rem;font-weight:700;line-height:1.2;display:block}.practice-tempo-control label strong{color:var(--practice-ink);font-variant-numeric:tabular-nums;text-transform:none;margin-top:2px;font-size:.74rem;display:block}.practice-tempo-control input{width:100%;accent-color:var(--practice-plum);cursor:pointer}.practice-reset-button{width:34px;height:34px;color:var(--practice-muted);background:#fff;border:1px solid #dfd5e2;border-radius:10px}.practice-reset-button:disabled{cursor:default;opacity:.35}.practice-loop-status{min-width:82px;color:var(--practice-muted);text-align:right;font-size:.66rem;font-weight:700}.practice-loop-status span{align-items:center;gap:5px;display:inline-flex}.practice-loop-status i{background:#4b9c62;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #4b9c621f}.practice-chord-guide{background:#fffaf0;border:1px solid #eadfca;border-radius:16px;justify-content:space-between;align-items:center;gap:30px;margin:-2px 20px 20px;padding:17px 20px;display:flex}.practice-chord-guide-copy h3{margin:5px 0 4px;font-size:.98rem}.practice-chord-guide-copy p{max-width:440px;color:var(--practice-muted);margin:0;font-size:.75rem;line-height:1.5}.practice-chord-diagrams{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.practice-chord-diagram{background:#fff;border:1px solid #eadfcf;border-radius:11px;min-width:98px;padding:7px 6px 5px}.practice-playback-error{color:#9d3434;background:#fff2f2;border:1px solid #f1c3c3;border-radius:10px;margin:-3px 20px 20px;padding:10px 12px;font-size:.78rem}.practice-guidance-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:22px;margin-bottom:22px;display:grid}.practice-guidance-card,.practice-steps-card{border:1px solid var(--practice-line);background:#fffc;border-radius:20px;box-shadow:0 12px 38px #301c350d}.practice-guidance-card{min-width:0;padding:25px 27px}.practice-guidance-card h2,.practice-steps-card h2{color:var(--practice-ink);letter-spacing:-.025em;margin:6px 0 14px;font-size:1.22rem;font-weight:760}.practice-explanation-card>p{color:var(--practice-muted);margin:0 0 13px;font-size:.9rem;line-height:1.72}.practice-standard-example{width:100%;min-width:0;max-width:100%;margin:0 0 18px;overflow:hidden}.practice-standard-example-viewport{width:100%;min-width:0;max-width:100%;padding:0;overflow:hidden}.practice-standard-example-render{width:100%;min-width:0;max-width:100%;display:block;overflow:hidden}.practice-standard-example-render svg{max-width:100%;display:block;width:100%!important;height:100%!important}.practice-scale-facts{gap:8px;margin:-2px 0 18px;display:grid}.practice-scale-facts>div{background:#f8f4f8;border-radius:10px;grid-template-columns:118px minmax(0,1fr);gap:12px;padding:9px 11px;display:grid}.practice-scale-facts>.practice-scale-fact-highlight{background:#f3eaf5;border:1px solid #dbc4df}.practice-scale-facts dt{color:var(--practice-plum);letter-spacing:.045em;text-transform:uppercase;font-size:.68rem;font-weight:800}.practice-scale-facts dd{color:var(--practice-ink);margin:0;font-size:.84rem;font-weight:640;line-height:1.45}.practice-coach-tip{background:var(--practice-gold-soft);border:1px solid #ead8b9;border-radius:14px;gap:12px;margin-top:19px;padding:15px;display:flex}.practice-coach-tip>svg{color:#9c672a;flex:none;width:18px;height:18px;margin-top:1px}.practice-coach-tip strong{color:#79501f;font-size:.78rem}.practice-coach-tip p{color:#7f6649;margin:3px 0 0;font-size:.77rem;line-height:1.55}.practice-focus-card{flex-direction:column;justify-content:space-between;display:flex}.practice-focus-card ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.practice-focus-card li{color:var(--practice-muted);align-items:flex-start;gap:9px;font-size:.8rem;line-height:1.5;display:flex}.practice-focus-card li svg{width:15px;height:15px;color:var(--practice-plum);flex:none;margin-top:3px}.practice-finger-key{border-top:1px solid var(--practice-line);margin-top:23px;padding-top:18px}.practice-finger-key>strong{color:var(--practice-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.practice-finger-key>div{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px;display:grid}.practice-finger-key span{color:var(--practice-muted);align-items:center;gap:6px;font-size:.71rem;display:flex}.practice-finger-key i{background:var(--practice-plum);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.65rem;font-style:normal;font-weight:750;display:grid}.practice-steps-card{grid-template-columns:240px 1fr;gap:28px;margin-bottom:22px;padding:25px 27px;display:grid}.practice-steps-card ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.practice-steps-card li{background:#fbf9fc;border:1px solid #ebe3ed;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:11px 13px;display:grid}.practice-steps-card li>span{width:27px;height:27px;color:var(--practice-plum);background:#eadced;border-radius:9px;place-items:center;font-size:.72rem;font-weight:800;display:grid}.practice-steps-card li p{color:var(--practice-muted);margin:0;font-size:.8rem;line-height:1.5}.practice-lesson-finish{background:linear-gradient(120deg,#f7eef8,#fffaf0);border:1px solid #d8c6dd;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding:21px 24px;display:flex}.practice-lesson-finish>div{align-items:center;gap:14px;display:flex}.practice-lesson-finish>div>svg{width:25px;height:25px;color:var(--practice-plum);flex:none}.practice-lesson-finish h2{margin:0 0 3px;font-size:1rem}.practice-lesson-finish p{color:var(--practice-muted);margin:0;font-size:.76rem}.practice-lesson-finish button{border:1px solid var(--practice-plum);background:var(--practice-plum);color:#fff;cursor:pointer;border-radius:11px;flex:none;align-items:center;gap:7px;padding:10px 14px;font-size:.76rem;font-weight:750;display:inline-flex}.practice-lesson-finish button svg{width:15px;height:15px}.practice-lesson-finish button.is-complete{color:#2e6b3e;background:#e7f4e9;border-color:#84ad8f}.practice-lesson-pagination{grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;display:grid}.practice-lesson-pagination a{border:1px solid var(--practice-line);min-width:0;color:var(--practice-muted);background:#ffffffbd;border-radius:15px;align-items:center;gap:11px;padding:15px 16px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.practice-lesson-pagination a:hover{border-color:#cfb6d5;transform:translateY(-1px);box-shadow:0 12px 30px #301c3514}.practice-lesson-pagination a>svg{width:18px;height:18px;color:var(--practice-plum);flex:none}.practice-lesson-pagination small,.practice-lesson-pagination strong{display:block}.practice-lesson-pagination small{color:var(--practice-faint);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:.63rem;font-weight:700}.practice-lesson-pagination strong{color:var(--practice-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.practice-next-link{text-align:right;justify-content:flex-end}.practice-mobile-drawer{display:none}.practice-landing{background:radial-gradient(circle at 82% 2%,#b779321f,#0000 32rem),radial-gradient(circle at 10% 18%,#6d287814,#0000 30rem),#fbf9fc;min-height:100dvh;padding-top:64px;overflow:hidden}.practice-landing main{overflow:hidden}.practice-landing-hero{grid-template-columns:minmax(0,1.05fr) minmax(390px,.82fr);align-items:center;gap:clamp(48px,7vw,96px);width:min(100%,1240px);margin:0 auto;padding:80px 32px 92px;display:grid;position:relative}.practice-landing-hero:before{z-index:0;content:"";border:1px solid #6d287814;border-radius:50%;width:520px;height:520px;position:absolute;top:34px;right:-210px}.practice-landing-hero-copy,.practice-landing-demo{z-index:1;position:relative}.practice-landing-eyebrow,.practice-landing-section-heading>span,.practice-landing-final-cta>div>span{color:var(--practice-gold);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;font-size:.72rem;font-weight:850;display:inline-flex}.practice-landing-eyebrow{background:#fffaf1d6;border:1px solid #edd9bc;border-radius:999px;margin-bottom:20px;padding:8px 11px}.practice-landing-eyebrow svg{width:14px;height:14px}.practice-landing-hero h1{max-width:720px;color:var(--practice-ink);letter-spacing:-.065em;margin:0;font-size:clamp(2.85rem,5.7vw,5.25rem);font-weight:790;line-height:.98}.practice-landing-hero-copy>p{max-width:650px;color:var(--practice-muted);margin:25px 0 0;font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.78}.practice-landing-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:31px;display:flex}.practice-landing-primary-action,.practice-landing-secondary-action{border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 20px;font-size:.88rem;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.practice-landing-primary-action{background:linear-gradient(135deg,var(--practice-plum),var(--practice-plum-dark));color:#fff;box-shadow:0 15px 30px #4f1e5933}.practice-landing-secondary-action{color:var(--practice-plum-dark);background:#ffffffb8;border:1px solid #dfd3e2}.practice-landing-primary-action:hover,.practice-landing-secondary-action:hover{transform:translateY(-2px)}.practice-landing-primary-action:hover{box-shadow:0 18px 34px #4f1e5942}.practice-landing-secondary-action:hover{background:#fff;box-shadow:0 10px 24px #2d1c3114}.practice-landing-primary-action svg,.practice-landing-secondary-action svg{width:17px;height:17px}.practice-landing-quick-facts{color:var(--practice-muted);flex-wrap:wrap;gap:10px 18px;margin:23px 0 0;padding:0;font-size:.74rem;font-weight:700;list-style:none;display:flex}.practice-landing-quick-facts li{align-items:center;gap:6px;display:flex}.practice-landing-quick-facts svg{color:#337144;background:#e5f2e7;border-radius:50%;width:14px;height:14px;padding:2px}.practice-landing-demo{background-color:#fffdf9;background-image:linear-gradient(#6d287805 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 5px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #d7c8dae6;border-radius:28px;padding:23px;transform:rotate(1.3deg);box-shadow:0 30px 70px #2d1c3121,0 3px 10px #2d1c310d}.practice-landing-demo-topline{color:var(--practice-faint);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.66rem;font-weight:750;display:flex}.practice-landing-demo-topline span:last-child{align-items:center;gap:4px;display:inline-flex}.practice-landing-demo-topline svg{width:12px;height:12px}.practice-landing-demo-title{justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.practice-landing-demo-title small,.practice-landing-demo-title strong{display:block}.practice-landing-demo-title small{color:var(--practice-gold);letter-spacing:.1em;margin-bottom:4px;font-size:.59rem;font-weight:850}.practice-landing-demo-title strong{letter-spacing:-.02em;font-size:1rem}.practice-landing-demo-play{background:var(--practice-plum);color:#fff;border-radius:12px;flex:none;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 8px 18px #6d287833}.practice-landing-demo-play svg{fill:currentColor;width:16px;height:16px}.practice-landing-tab-preview{background:#ffffffdb;border:1px solid #eadfea;border-radius:17px;grid-template-columns:36px minmax(0,1fr);align-items:center;min-height:146px;margin-top:21px;padding:28px 17px 25px 13px;display:grid;position:relative;overflow:hidden}.practice-landing-tab-label{color:var(--practice-ink);text-align:center;white-space:pre-line;font-family:Georgia,serif;font-size:.78rem;font-weight:800;line-height:.85}.practice-landing-tab-staff{height:70px;position:relative}.practice-landing-tab-staff i{background:#332b36;height:1px;position:absolute;left:0;right:0}.practice-landing-tab-staff i:first-child{top:0}.practice-landing-tab-staff i:nth-child(2){top:23px}.practice-landing-tab-staff i:nth-child(3){top:46px}.practice-landing-tab-staff i:nth-child(4){top:69px}.practice-landing-tab-staff b{color:var(--practice-ink);background:#fff;padding:0 4px;font-family:Georgia,serif;font-size:.85rem;font-weight:500;line-height:1;position:absolute;transform:translate(-50%,-45%)}.practice-landing-playhead{background:#a63e83;border-radius:999px;width:3px;position:absolute;top:20px;bottom:20px;left:45%;box-shadow:0 0 0 1px #a63e8314}.practice-landing-playhead:before{background:inherit;content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.practice-landing-demo-controls{grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:10px;display:grid}.practice-landing-demo-controls span{min-height:34px;color:var(--practice-plum-dark);background:#faf6fb;border:1px solid #e6dae8;border-radius:9px;justify-content:center;align-items:center;gap:5px;font-size:.63rem;font-weight:800;display:flex}.practice-landing-demo-controls svg{width:12px;height:12px}.practice-landing-demo-note{background:var(--practice-gold-soft);color:#70502c;border-radius:13px;align-items:flex-start;gap:10px;margin-top:16px;padding:13px 14px;font-size:.67rem;line-height:1.5;display:flex}.practice-landing-demo-note>svg{flex:none;width:17px;height:17px;margin-top:1px}.practice-landing-demo-note strong{color:#50381f;margin-bottom:1px;font-size:.7rem;display:block}.practice-landing-intro,.practice-landing-course,.practice-landing-faq{padding:96px 32px}.practice-landing-intro{border-block:1px solid var(--practice-line);background:#fff}.practice-landing-section-heading{text-align:center;width:min(100%,760px);margin:0 auto 46px}.practice-landing-section-heading h2{color:var(--practice-ink);letter-spacing:-.05em;margin:10px 0 0;font-size:clamp(2rem,4vw,3.45rem);font-weight:780;line-height:1.05}.practice-landing-section-heading p{color:var(--practice-muted);margin:18px auto 0;font-size:.98rem;line-height:1.75}.practice-landing-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;width:min(100%,1160px);margin:0 auto;display:grid}.practice-landing-feature-grid article{background:#fffdfb;border:1px solid #e9e0eb;border-radius:19px;padding:25px 23px}.practice-landing-feature-grid article>span{background:var(--practice-plum-soft);width:39px;height:39px;color:var(--practice-plum);border-radius:12px;place-items:center;display:grid}.practice-landing-feature-grid svg{width:18px;height:18px}.practice-landing-feature-grid h3{letter-spacing:-.02em;margin:17px 0 0;font-size:.93rem;font-weight:780}.practice-landing-feature-grid p{color:var(--practice-muted);margin:9px 0 0;font-size:.78rem;line-height:1.65}.practice-landing-course{background:radial-gradient(circle at 5% 30%,#6d28780f,#0000 26rem),#f8f5f9;scroll-margin-top:70px}.practice-landing-stages{gap:22px;width:min(100%,1080px);margin:0 auto;display:grid}.practice-landing-stage{background:#ffffffe6;border:1px solid #e4d9e7;border-radius:23px;scroll-margin-top:84px;overflow:hidden;box-shadow:0 15px 45px #2d1c310b}.practice-landing-stage>header{background:linear-gradient(135deg,#fffdf9,#fbf6fc);border-bottom:1px solid #ebe3ed;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:19px;padding:25px 28px;display:grid}.practice-landing-stage-number{width:48px;height:48px;color:var(--practice-plum);letter-spacing:.08em;background:#f3eaf5;border:1px solid #ddcae2;border-radius:14px;place-items:center;font-size:.77rem;font-weight:850;display:grid}.practice-landing-stage header>div>span{color:var(--practice-gold);letter-spacing:.1em;text-transform:uppercase;font-size:.63rem;font-weight:850}.practice-landing-stage h3{letter-spacing:-.03em;margin:2px 0 0;font-size:1.24rem;font-weight:790}.practice-landing-stage header p{color:var(--practice-muted);margin:4px 0 0;font-size:.76rem;line-height:1.5}.practice-landing-stage-count{color:var(--practice-plum);white-space:nowrap;background:#eee4f0;border-radius:999px;padding:6px 9px;font-size:.68rem;font-weight:800}.practice-landing-stage ol{margin:0;padding:10px;list-style:none;display:grid}.practice-landing-stage li+li{border-top:1px solid #f0eaf1}.practice-landing-stage li a{color:var(--practice-ink);border-radius:13px;grid-template-columns:35px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 17px;text-decoration:none;transition:background .15s,color .15s;display:grid}.practice-landing-stage li a:hover{color:var(--practice-plum-dark);background:#f8f1fa}.practice-landing-lesson-order{color:var(--practice-faint);letter-spacing:.07em;font-size:.66rem;font-weight:800}.practice-landing-lesson-copy strong,.practice-landing-lesson-copy small{display:block}.practice-landing-lesson-copy strong{font-size:.85rem;font-weight:760}.practice-landing-lesson-copy small{color:var(--practice-muted);margin-top:3px;font-size:.7rem;line-height:1.45}.practice-landing-lesson-meta{color:var(--practice-faint);white-space:nowrap;align-items:center;gap:5px;font-size:.67rem;font-weight:750;display:inline-flex}.practice-landing-lesson-meta svg,.practice-landing-stage li a>svg{width:14px;height:14px}.practice-landing-stage li a>svg{color:#ad9db2;transition:transform .15s}.practice-landing-stage li a:hover>svg{color:var(--practice-plum);transform:translate(3px)}.practice-landing-faq{border-top:1px solid var(--practice-line);background:#fff}.practice-landing-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100%,1030px);margin:0 auto;display:grid}.practice-landing-faq-grid article{background:#fffdfb;border:1px solid #e8dfea;border-radius:18px;padding:25px 26px}.practice-landing-faq-grid h3{letter-spacing:-.02em;margin:0;font-size:.92rem;font-weight:780;line-height:1.35}.practice-landing-faq-grid p{color:var(--practice-muted);margin:10px 0 0;font-size:.78rem;line-height:1.7}.practice-landing-final-cta{color:#fff;background:radial-gradient(circle at 94% 0,#ffffff1f,#0000 17rem),linear-gradient(135deg,#3f1948,#64276f);border:1px solid #5c2765;border-radius:25px;justify-content:space-between;align-items:center;gap:36px;width:min(100% - 64px,1100px);margin:0 auto 96px;padding:40px 44px;display:flex;box-shadow:0 26px 60px #4f1e5933}.practice-landing-final-cta>div>span{color:#e4b675}.practice-landing-final-cta h2{color:#fff;letter-spacing:-.045em;max-width:650px;margin:7px 0 0;font-size:clamp(1.6rem,3vw,2.55rem);font-weight:780;line-height:1.08}.practice-landing-final-cta p{color:#ffffffb3;max-width:650px;margin:11px 0 0;font-size:.81rem;line-height:1.65}.practice-landing-final-cta .practice-landing-primary-action{box-shadow:none;color:var(--practice-plum-dark);background:#fff;flex:none}@media (max-width:1120px){.practice-sidebar{width:292px}.practice-main{margin-left:292px}.practice-main-inner{padding-inline:28px}.practice-lesson-header-grid{grid-template-columns:1fr}.practice-session-tempos{max-width:330px}.practice-guidance-grid{grid-template-columns:1fr}.practice-landing-hero{grid-template-columns:minmax(0,1fr) minmax(350px,.8fr);gap:48px}.practice-landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:840px){.practice-sidebar{display:none}.practice-main{margin-left:0}.practice-main-inner{padding:25px 20px 48px}.practice-mobile-outline-button{width:100%;color:var(--practice-plum-dark);cursor:pointer;background:#ffffffd1;border:1px solid #ded3e1;border-radius:13px;align-items:center;gap:9px;margin-bottom:22px;padding:11px 13px;font-size:.79rem;font-weight:750;display:flex}.practice-mobile-outline-button svg{width:17px;height:17px}.practice-mobile-outline-button span{background:var(--practice-plum-soft);border-radius:999px;margin-left:auto;padding:3px 7px;font-size:.65rem}.practice-mobile-drawer{z-index:70;display:block;position:fixed;inset:0}.practice-mobile-drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2117256b;border:0;position:absolute;inset:0}.practice-mobile-drawer-panel{background:var(--practice-paper);width:min(90vw,348px);position:absolute;inset:0 auto 0 0;overflow-y:auto;box-shadow:20px 0 60px #2218293d}.practice-mobile-drawer-close{z-index:2;border:1px solid var(--practice-line);width:34px;height:34px;color:var(--practice-muted);cursor:pointer;background:#fff;border-radius:10px;place-items:center;display:grid;position:absolute;top:17px;right:15px}.practice-mobile-drawer-close svg{width:17px;height:17px}.practice-landing-hero{grid-template-columns:minmax(0,1fr);gap:52px;padding-block:60px 72px}.practice-landing-hero-copy{max-width:720px}.practice-landing-demo{width:min(100%,560px);margin:0 auto;transform:none}.practice-landing-intro,.practice-landing-course,.practice-landing-faq{padding-block:76px}.practice-landing-final-cta{flex-direction:column;align-items:flex-start}}@media (max-width:680px){.practice-main-inner{padding-inline:14px}.practice-lesson-header h1{font-size:2.15rem}.practice-lesson-header h1+p{font-size:.92rem}.practice-exercise-heading{grid-template-columns:minmax(0,1fr) auto;padding:21px 18px 16px;display:grid}.practice-exercise-heading-tools{flex-wrap:wrap}.practice-target-tempo{width:max-content}.practice-scale-switcher,.practice-scale-switcher.has-scale-type{grid-template-columns:minmax(0,1fr);gap:7px}.practice-scale-switcher.is-diatonic-modes .practice-scale-switcher-group{grid-template-columns:68px minmax(0,1fr)}.practice-scale-switcher.is-diatonic-modes .practice-mode-switcher-group>span{margin-left:3px;font-size:.53rem;display:grid}.practice-scale-switcher.is-diatonic-modes .practice-mode-switcher-group button{flex:1;min-width:0;padding-inline:3px;font-size:.64rem}.practice-scale-switcher.practice-chord-key-switcher{grid-template-columns:minmax(0,1fr) minmax(84px,.52fr) auto;justify-self:stretch;width:100%}.practice-chord-key-switcher .practice-accidental-switcher{width:auto}.practice-chord-key-switcher .practice-scale-switcher-group{padding-inline:4px}.practice-chord-progression-switcher select{height:31px;padding-inline:7px 23px;font-size:.67rem}.practice-chord-key-switcher button{width:26px;height:31px}.practice-chord-key-switcher .practice-chord-root-switcher>div{gap:1px}.practice-scale-switcher.has-scale-type .practice-scale-secondary-controls{grid-template-columns:92px minmax(0,1fr);display:grid}.practice-scale-switcher.has-scale-type .practice-scale-switcher-group{gap:4px;padding:5px}.practice-scale-switcher.has-scale-type button{width:31px;height:31px}.practice-scale-secondary-controls{grid-template-columns:92px minmax(0,1fr);gap:7px;display:grid}.practice-scale-switcher-group{min-width:0}.practice-root-switcher,.practice-scale-type-switcher,.practice-scale-secondary-controls .practice-scale-switcher-group{flex-direction:column;align-items:stretch;gap:4px}.practice-scale-switcher-group>span{display:none}.practice-scale-switcher-group>div{justify-content:center}.practice-root-switcher>div{justify-content:space-between}.practice-chord-root-switcher button{flex:1}.practice-scale-type-switcher button{flex:1;min-width:0}.practice-direction-switcher button{flex:1;min-width:0;padding-inline:2px;font-size:.7rem}.practice-scale-facts>div{grid-template-columns:minmax(0,1fr);gap:3px}.practice-sheet{margin:0 10px 10px}.practice-fretboard-panel{border-radius:16px;margin:0 10px 10px;padding:15px 14px 12px}.practice-fretboard-panel-heading{align-items:flex-start;margin-bottom:9px}.practice-fretboard-panel-heading h3{font-size:.9rem}.practice-fretboard-status{padding-top:2px;font-size:.62rem}.practice-transport{grid-template-columns:1fr 1fr auto}.practice-play-button,.practice-metronome-button{min-height:40px}.practice-tempo-control{grid-area:2/1/auto/-1}.practice-reset-button{grid-area:1/3}.practice-loop-status{display:none}.practice-chord-guide{margin:0 10px 10px;display:grid}.practice-chord-diagrams{justify-content:flex-start}.practice-guidance-card,.practice-steps-card{padding:21px 19px}.practice-steps-card{grid-template-columns:1fr;gap:6px}.practice-lesson-finish{display:grid}.practice-lesson-finish button{justify-content:center;width:100%}.practice-lesson-pagination{grid-template-columns:1fr}.practice-lesson-pagination>span{display:none}.practice-landing-hero{gap:40px;padding:45px 18px 58px}.practice-landing-hero:before{display:none}.practice-landing-eyebrow{margin-bottom:15px;font-size:.63rem}.practice-landing-hero h1{font-size:clamp(2.45rem,13vw,3.5rem)}.practice-landing-hero-copy>p{margin-top:20px;font-size:.91rem;line-height:1.67}.practice-landing-actions{grid-template-columns:minmax(0,1fr);margin-top:25px;display:grid}.practice-landing-primary-action,.practice-landing-secondary-action{width:100%}.practice-landing-quick-facts{gap:8px;display:grid}.practice-landing-demo{border-radius:22px;padding:17px}.practice-landing-demo-title{margin-top:19px}.practice-landing-tab-preview{min-height:128px;padding-inline:10px}.practice-landing-demo-controls span{font-size:.56rem}.practice-landing-intro,.practice-landing-course,.practice-landing-faq{padding:64px 17px}.practice-landing-section-heading{text-align:left;margin-bottom:34px}.practice-landing-section-heading h2{font-size:2.25rem}.practice-landing-section-heading p{font-size:.86rem;line-height:1.67}.practice-landing-feature-grid,.practice-landing-faq-grid{grid-template-columns:minmax(0,1fr)}.practice-landing-feature-grid article{padding:22px 20px}.practice-landing-stage{border-radius:18px}.practice-landing-stage>header{grid-template-columns:auto minmax(0,1fr);gap:13px;padding:20px 17px}.practice-landing-stage-number{width:42px;height:42px}.practice-landing-stage-count{display:none}.practice-landing-stage h3{font-size:1.08rem}.practice-landing-stage header p{font-size:.7rem}.practice-landing-stage ol{padding:6px}.practice-landing-stage li a{grid-template-columns:25px minmax(0,1fr) auto;gap:9px;padding:13px 10px}.practice-landing-lesson-copy small,.practice-landing-lesson-meta,.practice-landing-stage li a>svg{display:none}.practice-landing-faq-grid article{padding:22px 20px}.practice-landing-final-cta{border-radius:21px;gap:25px;width:calc(100% - 34px);margin-bottom:64px;padding:31px 25px}}@media (prefers-reduced-motion:reduce){.practice-progress-track span,.practice-folder-button>svg:last-child,.practice-lesson-pagination a,.practice-notation-playhead{transition:none}}