/* Practice workshops extend Accord's shared theme. */
.sidebar .workspace-label{margin-top:27px;margin-bottom:13px}.sidebar nav{gap:3px;overflow-y:auto;min-height:0;scrollbar-width:thin}.sidebar .nav-item{min-height:42px;padding-top:8px;padding-bottom:8px;font-size:.85rem}.sidebar .practice-note{padding:20px 13px 17px}.sidebar .practice-note p span{display:none}.sidebar .practice-note>.icon{display:none}.sidebar-bottom{padding-top:15px}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid var(--line);border-radius:9px;background:var(--surface-raised);font-size:.875rem;line-height:1.5}.studio-button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.studio-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:23px}.studio-actions .play-button{min-height:43px}.studio-field{display:flex;flex-direction:column;gap:8px;min-width:120px;font-size:.875rem;color:var(--muted)}.studio-field select{min-height:41px;font-size:.875rem}.studio-controls{display:flex;align-items:end;flex-wrap:wrap;gap:21px;padding:22px 25px;margin-bottom:24px}.studio-controls>span{color:var(--muted);font-size:.875rem;align-self:center}.studio-check{display:flex;align-items:center;gap:8px;font-size:.875rem;min-height:41px}.studio-check input{accent-color:var(--accent);width:17px;height:17px}.studio-tip{display:flex;align-items:flex-start;gap:10px;padding:17px 20px;background:var(--active);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:11px;color:var(--muted);margin-top:21px}.studio-tip .icon{width:17px;height:17px;color:var(--accent);margin-top:3px}.studio-tip p{font-size:.875rem;line-height:1.85}.studio-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.8fr);gap:24px;align-items:start}.studio-chord{font-family:Manrope,sans-serif;font-size:4.2rem;line-height:1.4;font-weight:600;letter-spacing:-2px;overflow-wrap:anywhere;margin:15px 0}.studio-chord>.icon{width:70px;height:70px;color:var(--accent)}.studio-notes{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.studio-notes button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 16px;min-width:56px;border:1px solid color-mix(in srgb,var(--note) 30%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--note) 10%,var(--surface))}.studio-notes strong{font-size:1.05rem;font-weight:550}.studio-notes span{font-size:.8rem;color:var(--muted)}.studio-notes button:hover{background:var(--note);color:#25331a}.studio-formula{font-size:.8rem;line-height:1.8;color:var(--muted);margin-top:14px}.learning-summary{display:flex;align-items:center;gap:25px;padding:22px 26px;margin-bottom:24px}.learning-summary>div{display:flex;align-items:center;gap:14px}.learning-summary strong{color:var(--accent);font:600 1.7rem Manrope,sans-serif}.learning-summary span{font-size:.875rem}.learning-summary small{color:var(--muted);font-size:.75rem;margin-left:auto}progress{appearance:none;border:0;background:var(--line);height:7px;border-radius:8px;overflow:hidden;accent-color:var(--accent)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent);border-radius:8px}progress::-moz-progress-bar{background:var(--accent)}.learning-summary progress{width:180px}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lesson-card{padding:26px;position:relative;text-align:left;min-height:265px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,border-color .2s,background .2s}.lesson-card:hover{border-color:var(--accent);transform:translateY(-4px);background:var(--surface-raised)}.lesson-number{font-family:Manrope,sans-serif;font-size:2.3rem;letter-spacing:-1px;color:var(--accent);line-height:1.2}.lesson-card:nth-child(3n+2) .lesson-number{color:var(--purple)}.lesson-card:nth-child(3n) .lesson-number{color:var(--blue)}.lesson-duration{position:absolute;right:25px;top:29px;display:flex;gap:7px;align-items:center;font-size:.75rem;color:var(--muted)}.lesson-duration>.icon{width:14px;height:14px;color:var(--accent)}.lesson-card h2{font-size:1.15rem;line-height:1.55;margin-top:22px;font-weight:600}.lesson-card p{font-size:.875rem;line-height:1.8;color:var(--muted);margin:8px 0 20px}.lesson-link{font-size:.8rem;color:var(--accent);display:flex;align-items:center;gap:10px;margin-top:auto}.lesson-link>.icon{width:15px;height:15px}.lesson-toolbar{display:flex;align-items:center;gap:20px;font-size:.875rem;color:var(--muted);margin-bottom:17px}.lesson-toolbar>span:last-child{margin-left:auto;white-space:nowrap}.lesson-toolbar .icon{transform:rotate(180deg);width:15px;height:15px}.lesson-progress{display:flex;gap:7px;margin-bottom:25px}.lesson-progress>i{height:4px;background:var(--line);flex:1;border-radius:4px}.lesson-progress>i.done{background:var(--accent)}.lesson-content,.lesson-sound,.practice-guide{padding:30px}.lesson-content h2{font-size:1.55rem;line-height:1.5;letter-spacing:-.5px;margin:16px 0 20px;font-weight:600}.lesson-content>p{font-size:1rem;line-height:1.95;color:var(--muted)}.lesson-task{border-left:3px solid var(--accent);padding:18px 20px;background:var(--surface-raised);border-radius:0 10px 10px 0;margin-top:27px}.lesson-task>span{display:flex;gap:8px;align-items:center;font-size:.85rem;font-weight:600;color:var(--accent)}.lesson-task .icon{width:17px;height:17px}.lesson-task p{font-size:.95rem;line-height:1.85;margin-top:12px}.lesson-sound .studio-actions{flex-direction:column;align-items:stretch;gap:9px}.lesson-sound .studio-chord{font-size:3.9rem}.quiz-options{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.quiz-option{flex:1;min-width:140px;border:1px solid var(--line);border-radius:11px;padding:18px;text-align:left;background:var(--surface-raised);font-size:.95rem;line-height:1.6}.quiz-option:hover:not(:disabled){border-color:var(--accent);background:var(--active)}.quiz-option.correct{background:var(--active);border-color:var(--accent);color:var(--accent);opacity:1}.quiz-option.incorrect{border-color:var(--peach);color:var(--peach);opacity:1}.quiz-option:disabled{cursor:default}.answer-feedback{padding:22px;background:var(--surface-raised);border-radius:12px;border:1px solid var(--line);margin:20px 0}.answer-feedback strong{font-size:1.1rem}.answer-feedback p{font-size:.95rem;line-height:1.85;color:var(--muted);margin-top:10px}.progression-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.progression-card{padding:19px;transition:border .18s,background .18s,transform .18s}.progression-card.current{border-color:var(--accent);background:var(--active);transform:translateY(-3px);box-shadow:0 4px 22px color-mix(in srgb,var(--accent) 10%,transparent)}.progression-card-top{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--muted)}.progression-card-top small{color:var(--accent);font-size:.875rem}.remove-chord{margin-left:auto;width:25px;height:25px;border-radius:5px;font-size:1.2rem;color:var(--muted)}.progression-name{font-family:Manrope,sans-serif;font-size:2.5rem;letter-spacing:-1px;padding:15px 0 4px;text-align:left;width:100%;border-radius:7px;overflow-wrap:anywhere}.progression-card p{font-size:.8rem;color:var(--muted);min-height:24px}.progression-card-actions{display:flex;gap:5px;margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.progression-card-actions button{padding:6px;border-radius:6px;font-size:.75rem;display:flex;gap:5px;align-items:center}.progression-card-actions button:last-child{margin-left:auto}.progression-card-actions .icon{width:14px;height:14px}.sequence-editor{display:flex;align-items:end;flex-wrap:wrap;gap:17px;padding:20px 24px;margin-top:20px}.sequence-editor .studio-field:nth-child(2){min-width:180px}.sequence-limit{margin-left:auto;align-self:center;font-size:.8rem;color:var(--muted)}.studio-transport{display:flex;gap:25px;align-items:center;padding:22px 24px;margin-top:20px}.beat-display{display:flex;gap:9px;align-items:center}.beat-display i{font-style:normal;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);font-size:.75rem;color:var(--muted);transition:background .08s}.beat-display i.current{background:var(--lime);border-color:var(--lime);color:#263319}.transpose-controls{display:flex;gap:7px;margin-left:auto}.share-fallback{display:block;font-size:.875rem;margin-top:15px}.share-fallback textarea{width:100%;display:block;padding:12px;margin-top:8px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;font-family:inherit;resize:vertical;overflow-wrap:anywhere}.coach-main{padding:30px;text-align:center}.coach-main>.eyebrow{justify-content:center}.coach-main .studio-notes,.coach-main .studio-actions{justify-content:center}.coach-count{display:flex;flex-direction:column;gap:12px;align-items:center;margin:26px auto 22px;max-width:320px}.coach-count progress{width:100%}.coach-count strong{font-size:1.5rem;color:var(--accent);font-weight:500}#coach-feedback{min-height:54px;color:var(--muted);font-size:.95rem;line-height:1.8}.practice-guide h2{font-size:1.4rem;line-height:1.5;margin:16px 0}.practice-guide ol{padding-left:20px;margin:20px 0}.practice-guide li{font-size:.95rem;line-height:1.85;color:var(--muted);padding:5px 0}.practice-guide>p{font-size:.85rem;color:var(--muted);line-height:1.8;margin-top:20px}.practice-stat{display:flex;flex-direction:column;padding:20px 0;border-bottom:1px solid var(--line);gap:7px}.practice-stat strong{font:500 2rem Manrope,sans-serif;color:var(--accent)}.practice-stat span{font-size:.8rem;color:var(--muted);line-height:1.7}.studio-error:not(:empty){color:var(--peach);font-size:.875rem;margin-top:20px;line-height:1.8}.improv-stage{padding:27px}.improv-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.improv-header h2{font-size:2.4rem;margin:10px 0 20px}.improv-pads{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:20px}.improv-pads button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:195px;border:1px solid var(--line);border-radius:15px;position:relative;background:var(--surface-raised);transition:transform .15s,background .15s,box-shadow .15s}.improv-pads button:disabled{opacity:.28;cursor:default}.improv-pads button:not(:disabled):hover{transform:translateY(-5px)}.improv-pads button:active{transform:scale(.97);box-shadow:0 0 35px color-mix(in srgb,var(--accent) 20%,transparent)}.improv-pads small{position:absolute;left:14px;top:12px;font-size:.75rem;color:var(--muted)}.improv-pads strong{font-family:Manrope,sans-serif;font-size:2.3rem;font-weight:550;letter-spacing:-1px}.improv-pads span{font-size:.75rem;color:var(--muted)}.improv-pads .rest-tone{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--active);color:var(--accent)}.improv-pads .passing-tone{border-color:color-mix(in srgb,var(--purple) 45%,var(--line));color:var(--purple)}.keyboard-help{text-align:center;font-size:.8rem;color:var(--muted);margin-top:23px}.improv-challenge{padding:28px;margin-top:24px}.improv-challenge h2{font-size:1.2rem;font-weight:500;line-height:1.8;margin-top:16px}.improv-challenge>p{font-size:.95rem;line-height:1.9;color:var(--muted);margin-top:20px}.phrase-blocks{display:flex;align-items:center;gap:16px;margin-top:20px}.phrase-blocks span{padding:11px 20px;border:1px solid var(--line);border-radius:8px;font-size:.875rem;background:var(--surface-raised)}.phrase-blocks span:nth-of-type(2){border-style:dashed;color:var(--muted)}.phrase-blocks i{font-style:normal;color:var(--muted)}.ear-stage{padding:40px 35px;text-align:center}.ear-stage>.studio-actions{justify-content:center}.ear-emblem{display:inline-flex;align-items:center;justify-content:center;width:90px;height:90px;background:var(--active);border:1px solid var(--line);border-radius:24px;margin-bottom:24px;color:var(--accent);transform:rotate(-5deg)}.ear-emblem .icon{width:35px;height:35px}.ear-stage>h2{font-size:1.7rem;font-weight:600;letter-spacing:-.5px}.ear-stage>p{font-size:.95rem;line-height:1.8;color:var(--muted);max-width:590px;margin:15px auto}.ear-stage .quiz-options{max-width:760px;margin:30px auto}.ear-stage .quiz-option{text-align:center}.ear-stage .answer-feedback{text-align:left;max-width:760px;margin:25px auto 0}.ear-score{margin-left:auto}.rhythm-stage{padding:28px;text-align:center}.tempo-number{font:500 5rem Manrope,sans-serif;letter-spacing:-3px;line-height:1.3;color:var(--text)}.tempo-number span{display:block;font:500 .75rem 'DM Sans',sans-serif;letter-spacing:.2em;color:var(--muted)}.rhythm-beats{display:flex;justify-content:center;gap:16px;margin:30px auto 25px}.rhythm-beats>span{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line);font-size:1.1rem;color:var(--muted);transition:background .08s,transform .08s}.rhythm-beats>span.current{background:var(--lime);color:#263319;border-color:var(--lime);transform:scale(1.06)}.rhythm-beats>span:first-child{border-width:3px}.rhythm-subdivisions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;max-width:750px;margin:auto}.rhythm-subdivisions>span{min-width:28px;height:34px;display:flex;justify-content:center;align-items:center;font-size:1.25rem;color:var(--muted);border-radius:5px;border-bottom:2px solid transparent}.rhythm-subdivisions>span.current{color:var(--accent);border-color:var(--accent);background:var(--active)}.rhythm-stage>.studio-actions{justify-content:center;margin:25px 0}.rhythm-stage .studio-tip{text-align:left;max-width:800px;margin:25px auto 0}.tap-practice{display:grid;grid-template-columns:1fr 140px;align-items:center;gap:20px;padding:25px 30px;margin-top:24px}.tap-practice h2{font-size:1.2rem}.tap-practice p{font-size:.95rem;color:var(--muted);line-height:1.8;margin-top:10px}.tap-target{height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--active);border:1px solid var(--accent);border-radius:14px;color:var(--accent);font-size:1.2rem}.tap-target small{font-size:.7rem;color:var(--muted)}.tap-target:active{background:var(--lime);color:#263319;transform:scale(.95)}#tap-feedback{grid-column:1/-1;border-top:1px solid var(--line);padding-top:15px;font-size:.875rem;color:var(--muted)}
@media(max-width:1200px){.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);gap:18px}.lesson-content,.lesson-sound,.practice-guide{padding:23px}.learning-summary{flex-wrap:wrap;gap:15px}.progression-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-controls{gap:15px}.improv-pads{gap:9px}.improv-pads button{min-height:160px}.improv-pads strong{font-size:1.9rem}.improv-pads span{font-size:.7rem}.studio-transport{gap:15px}.rhythm-beats{gap:12px}.sidebar .practice-note{display:none}}
@media(max-width:980px){.sidebar nav{margin-top:24px}.sidebar .nav-item{padding:12px;min-height:45px}.sidebar .workspace-label{display:none}.studio-grid{grid-template-columns:minmax(0,1fr)}.lesson-sound .studio-actions{flex-direction:row;flex-wrap:wrap}.lesson-sound .studio-chord{font-size:3.5rem}.lesson-card{min-height:245px}.studio-transport{flex-wrap:wrap}.learning-summary small{margin-left:0}.improv-pads button{min-height:175px}.progression-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-controls{padding:20px}.rhythm-beats>span{width:47px;height:47px}}
@media(max-width:760px){.lesson-card{padding:22px}.lesson-toolbar{gap:10px;flex-wrap:wrap}.lesson-toolbar>span:nth-child(2){display:none}.progression-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-controls{gap:13px}.studio-field{min-width:130px;flex:1}.studio-field select{width:100%}.studio-check{width:100%;margin-top:2px}.sequence-editor{padding:20px;gap:13px}.studio-transport{padding:20px}.transpose-controls{margin-left:0}.improv-pads{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.improv-pads button{min-height:150px}.improv-pads strong{font-size:1.8rem}.improv-pads span{display:none}.improv-header{align-items:flex-start;flex-wrap:wrap}.improv-header h2{margin-bottom:5px}.phrase-blocks{gap:10px}.phrase-blocks span{padding:9px 12px}.ear-stage{padding:30px 23px}.quiz-options{gap:9px}.quiz-option{min-width:120px;padding:15px}.ear-score{margin-left:0}.tap-practice{padding:22px;grid-template-columns:1fr 100px}.tap-target{height:90px}.rhythm-beats{gap:9px}.rhythm-beats>span{width:40px;height:40px}.rhythm-stage{padding:25px 20px}}
@media(max-width:520px){.sidebar{height:auto;min-height:64px;display:grid;grid-template-columns:34px minmax(0,1fr) 64px;gap:7px}.sidebar nav{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;margin:0;padding:10px 0;scrollbar-width:none;min-width:0;max-width:100%;gap:4px}.sidebar .nav-item{flex:0 0 auto;min-height:37px;padding:9px 10px}.sidebar .nav-item>.icon{width:18px;height:18px}.sidebar .nav-item>span{display:none}.sidebar-bottom{padding:0;min-width:0}.theme-control .choice{padding:7px 3px}.theme-control .icon{width:13px;height:13px}.lesson-grid{grid-template-columns:minmax(0,1fr);gap:15px}.lesson-card{min-height:205px;padding:23px}.lesson-card h2{font-size:1.2rem;max-width:250px}.lesson-card p{margin-bottom:17px}.lesson-number{font-size:2rem}.learning-summary{padding:19px;gap:14px}.learning-summary>div{width:100%}.learning-summary progress{width:100%}.learning-summary small{font-size:.75rem}.studio-controls{padding:18px;gap:13px}.studio-field{font-size:.85rem;min-width:120px}.studio-field select{font-size:.85rem;max-width:100%}.studio-controls>span{font-size:.8rem}.lesson-content,.lesson-sound,.practice-guide{padding:22px}.lesson-content h2{font-size:1.4rem}.lesson-content>p{font-size:1rem}.lesson-task{padding:15px 17px}.lesson-task p{font-size:.95rem}.studio-actions{gap:9px}.studio-button{font-size:.8rem;padding:10px 12px}.studio-grid{gap:18px}.quiz-option{flex-basis:100%}.progression-grid{gap:11px}.progression-card{padding:14px}.progression-name{font-size:2rem}.progression-card p{font-size:.75rem}.progression-card-actions{gap:1px}.progression-card-actions button{font-size:.7rem;padding:5px}.progression-card-actions button:last-child{font-size:.7rem}.sequence-editor{padding:17px;gap:11px}.sequence-editor .studio-field:nth-child(2){min-width:155px}.sequence-editor .studio-button{width:100%}.sequence-limit{margin-left:0}.studio-transport{padding:17px;gap:15px;justify-content:space-between}.studio-transport .play-button{width:100%}.beat-display{gap:7px}.beat-display i{width:25px;height:25px}.transpose-controls .studio-button{padding:8px 11px}.studio-tip{padding:15px}.studio-tip p{font-size:.85rem}.coach-main{padding:24px 19px}.coach-main .studio-chord{font-size:3.7rem}.coach-main .studio-actions{flex-direction:column;align-items:stretch}.improv-stage{padding:20px 15px}.improv-header{gap:13px}.improv-header h2{font-size:2rem}.improv-header .play-button{font-size:.8rem}.improv-pads{gap:6px;margin-top:23px}.improv-pads button{min-height:125px;border-radius:10px}.improv-pads small{left:8px;top:9px}.improv-pads strong{font-size:1.35rem;letter-spacing:-.5px}.keyboard-help{font-size:.75rem;line-height:1.7}.improv-challenge{padding:22px}.improv-challenge h2{font-size:1.1rem}.phrase-blocks{gap:7px;flex-wrap:wrap}.phrase-blocks span{font-size:.8rem;padding:9px}.improv-challenge>p{font-size:.9rem}.ear-stage{padding:29px 20px}.ear-stage>h2{font-size:1.4rem}.ear-stage>p{font-size:.95rem}.answer-feedback{padding:19px}.answer-feedback p{font-size:.9rem}.ear-score{font-size:.85rem}.tempo-number{font-size:4rem}.rhythm-beats{gap:7px;margin-top:25px}.rhythm-beats>span{width:35px;height:35px;font-size:.95rem}.rhythm-subdivisions{gap:4px}.rhythm-subdivisions>span{min-width:23px;font-size:1.1rem}.rhythm-stage{padding:24px 15px}.tap-practice{padding:21px;grid-template-columns:1fr;gap:16px}.tap-target{width:100%;height:90px}.tap-practice h2{font-size:1.15rem}.tap-practice p{font-size:.9rem}.studio-formula{font-size:.75rem}.studio-chord{font-size:3.4rem}.studio-notes{gap:7px}.studio-notes button{padding:9px 13px;min-width:48px}.studio-notes strong{font-size:.95rem}footer>span:last-child{display:flex;flex-wrap:wrap;line-height:2;gap:7px;margin-top:10px}footer{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.lesson-card,.progression-card,.improv-pads button,.rhythm-beats>span{transition:none;transform:none!important}}