:root{--studio-bg:#13231f;--studio-card:#1c3029;--studio-border:#354a3c;--studio-muted:#aebfac;--studio-lime:#d1eea2;--studio-peach:#eab38b}body.learning-enhanced{background:var(--studio-bg);--bg:var(--studio-bg);--card:var(--studio-card);--ink:#f3f4e7;--muted:var(--studio-muted);--lime:var(--studio-lime)}.learning-enhanced header{background:#162922;border-color:var(--studio-border);padding-block:20px}.learning-enhanced header .brand{font-size:21px}.learning-enhanced main{max-width:1330px;padding-top:28px}.learning-enhanced main>h1{font-size:42px;letter-spacing:-1.9px;line-height:1.12;margin:12px 0}.learning-enhanced main>h1 br{display:none}.learning-enhanced main>h1 em{margin-left:8px;font-family:inherit;font-weight:500}.learning-enhanced main>p{font-size:13px;margin-bottom:25px}.learning-enhanced .account-bar{background:transparent;border:0;border-bottom:1px solid var(--studio-border);padding:0 0 20px;border-radius:0;margin-bottom:26px}.learning-enhanced .account-bar strong{font-size:13px}.learning-enhanced .account-bar span{font-size:11px}.learning-enhanced .account-link{padding:10px 17px}.learning-hub{display:grid;grid-template-columns:.9fr 1.6fr;border:1px solid var(--studio-border);border-radius:18px;overflow:hidden;margin:26px 0 22px;background:var(--studio-card)}.learning-plan{padding:31px;background:linear-gradient(125deg,#2b4232,#1c3029)}.learning-eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:750;color:var(--studio-lime);margin:0 0 14px;line-height:1.5}.learning-plan h2{font-size:32px;font-weight:500;letter-spacing:-1px;line-height:1.08;margin-bottom:14px}.learning-plan>p:not(.learning-eyebrow){font-size:12px;line-height:1.8;max-width:290px}.learning-plan .primary{border-radius:7px;font-size:12px;padding:12px 17px;display:inline-flex;align-items:center;gap:35px;margin-top:6px}.learning-plan>span{display:block;color:var(--studio-muted);font-size:10px;margin-top:12px}.learning-overview{padding:29px 32px;min-width:0}.learning-overview-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:9px;letter-spacing:1.3px;color:var(--studio-muted)}.learning-sync{font-size:9px;letter-spacing:0;display:inline-flex;gap:6px;align-items:center}.learning-sync:before{content:'';width:5px;height:5px;background:var(--studio-lime);border-radius:50%;flex-shrink:0}.learning-metrics{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px;margin:25px 0 22px}.learning-metrics>div>strong{display:block;font-size:35px;letter-spacing:-1.5px;font-weight:500;line-height:1}.learning-metrics strong span{font-size:14px;color:var(--studio-muted);letter-spacing:-.3px;margin-left:4px}.learning-metrics>div>span{display:block;font-size:10px;color:var(--studio-muted);margin-top:10px}#learning-course-meter{width:100%;height:7px;accent-color:var(--studio-lime)}.learning-criteria{font-size:10px;line-height:1.7;color:var(--studio-muted);margin:10px 0 16px}.learning-criteria b{font-weight:500;color:#e8eedb}.learning-recent{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.learning-recent>p{font-size:10px;margin:0;color:var(--studio-muted)}.recent-check{background:#15271f;border:1px solid var(--studio-border);border-radius:7px;padding:10px 11px;min-width:115px;max-width:160px;text-align:left;color:var(--ink);flex-shrink:0}.recent-check span{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-check small{font-size:8px;color:var(--studio-muted);display:block;margin:4px 0}.recent-check b{font-size:15px;color:var(--studio-lime);font-weight:500}.learning-enhanced .layout{margin-top:23px;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}.learning-enhanced .panel{border-color:var(--studio-border);background:var(--studio-card);border-radius:15px}.learning-enhanced aside.panel{padding:22px 16px;position:sticky;top:18px}.learning-enhanced aside h3{font-size:10px;letter-spacing:1.6px;margin:0 9px 20px}.learning-enhanced aside label{font-size:10px}.learning-enhanced #lessons{max-height:65vh}.learning-enhanced #lesson-search,.learning-enhanced #course-filter,.learning-enhanced #level-filter{font-size:11px;padding:9px 10px;background:#14261f;border-color:var(--studio-border);border-radius:7px}.learning-enhanced .lesson{font-size:13px;border-radius:8px;padding:13px 12px;margin:2px 0}.learning-enhanced .lesson.active{background:var(--studio-lime);color:#1b2d1d}.learning-enhanced .lesson span{font-size:10px;line-height:1.6}.lesson .lesson-milestone{display:inline-block;margin-top:5px;padding:2px 6px;border-radius:4px;background:#d0e8b019;color:#d1eea2;font-size:8px;opacity:1}.lesson.active .lesson-milestone{background:#19351c18;color:#1f4229}.lesson .lesson-milestone.ready{background:#d1eea22b}.learning-enhanced .lesson.locked{opacity:.58}.learning-enhanced .layout>section.panel{padding:25px}.learning-enhanced .layout>section.panel>.top h2{font-size:29px;letter-spacing:-.7px}.learning-enhanced .layout>section.panel>.top h3{font-size:9px;letter-spacing:1.8px;margin-bottom:11px}.learning-enhanced #description{font-size:12px;line-height:1.8;margin-bottom:20px}.lesson-journey{border:1px solid #4b6147;border-radius:12px;padding:19px;margin:20px 0;background:#172a21;scroll-margin-top:20px}.journey-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.journey-heading .learning-eyebrow{font-size:8px}.journey-heading h3{font-size:17px;letter-spacing:-.3px;color:var(--ink);text-transform:none;margin:8px 0 0}.learning-badge{font-size:9px;padding:5px 8px;background:#6f896427;border-radius:4px;color:#c7d6bb;white-space:nowrap}.learning-badge.is-ready{background:var(--studio-lime);color:#1a3020}.journey-actions{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:9px;margin-top:20px}.journey-actions>button{position:relative;text-align:left;border:1px solid #465c43;background:#23382a;border-radius:8px;color:var(--ink);padding:13px 12px;transition:border-color .2s,transform .2s;min-height:100px}.journey-actions>button:hover{border-color:var(--studio-lime);transform:translateY(-2px)}.journey-number{display:block;font-size:8px;color:var(--studio-muted);margin-bottom:8px}.journey-actions strong{display:block;font-size:12px;font-weight:650}.journey-actions small{display:block;font-size:8px;color:#aebb9e;margin-top:7px}.journey-actions button>span:last-child{position:absolute;right:11px;top:11px;font-size:17px;color:var(--studio-lime)}.journey-actions .journey-check{background:var(--studio-lime);color:#19301d;border-color:var(--studio-lime)}.journey-check small,.journey-check .journey-number{color:#3f5934}.journey-actions .journey-check>span:last-child{color:#19301d}.check-targets{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap}.check-targets button{border:1px solid #4d6345;background:transparent;color:var(--studio-muted);border-radius:20px;padding:7px 11px;font-size:9px;min-height:32px}.check-targets button[aria-pressed=true]{border-color:var(--studio-lime);color:var(--studio-lime);background:#d0e8b009}.check-explanation{font-size:10px;line-height:1.7;color:var(--studio-muted);margin:13px 0}.check-live{display:flex;gap:24px;align-items:center;border-top:1px solid var(--studio-border);padding-top:14px}.check-live>div{flex:1}.check-live span{display:block;font-size:8px;color:var(--studio-muted)}.check-live strong{display:block;font-size:18px;font-weight:500;letter-spacing:-.5px;margin-top:6px}.check-live .secondary{font-size:10px;padding:9px 12px;color:#f3c0a0;border-color:#88604a}.check-running{margin-top:15px}.check-running progress{display:block;width:100%;height:5px;accent-color:var(--studio-lime)}.check-running span{font-size:10px;color:var(--studio-lime);display:block;margin-top:8px}.learning-message{font-size:11px;line-height:1.6;color:var(--studio-lime);margin:12px 0 0}.learning-message:empty{display:none}.learning-review{margin-top:18px;padding-top:20px;border-top:1px solid #40583b;scroll-margin-top:25px}.review-head{display:flex;align-items:center;gap:19px}.learning-score-ring{--check-score:0;position:relative;flex-shrink:0;width:88px;height:88px;border-radius:50%;background:conic-gradient(var(--studio-lime) calc(var(--check-score)*1%),#3b4c36 0);display:flex;flex-direction:column;align-items:center;justify-content:center}.learning-score-ring:before{content:'';position:absolute;inset:5px;border-radius:50%;background:#172a21}.learning-score-ring>*{position:relative}.learning-score-ring strong{font-size:28px;font-weight:500;line-height:1;letter-spacing:-1px}.learning-score-ring>span{font-size:8px;color:var(--studio-muted);margin-top:4px}.review-head .learning-eyebrow{font-size:8px}.review-head h4{font-size:18px;line-height:1.3;margin:7px 0 6px;font-weight:500;letter-spacing:-.3px}.review-head p{font-size:10px;line-height:1.7;margin:0;color:var(--studio-muted)}.learning-score-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.learning-score-breakdown>div{padding:12px;background:#203626;border-radius:7px}.learning-score-breakdown span{font-size:9px;color:var(--studio-muted);display:block}.learning-score-breakdown b{font-size:18px;font-weight:500;display:block;margin:6px 0 7px}.learning-score-breakdown progress{display:block;width:100%;height:4px;accent-color:var(--studio-lime)}.learning-next-step{margin-top:17px;border-left:2px solid var(--studio-peach);padding:9px 13px;background:#e6b38a09;border-radius:0 6px 6px 0}.learning-next-step .learning-eyebrow{font-size:8px;color:var(--studio-peach)}.learning-next-step p{font-size:11px;line-height:1.8;margin:7px 0 0;color:#e7ecd9}.learning-save-state{font-size:9px;line-height:1.7;color:var(--studio-muted);margin:13px 0}.review-actions{display:flex;gap:8px;flex-wrap:wrap}.review-actions button{font-size:10px;padding:10px 14px;border-radius:6px}.score-method{border-top:1px solid var(--studio-border);padding-top:14px;margin-top:18px}.score-method summary{font-size:10px;color:var(--studio-muted);cursor:pointer}.score-method p{font-size:10px;line-height:1.8;color:var(--studio-muted)}.learning-enhanced .mic-panel{border-color:var(--studio-border);background:#172b23;padding:18px}.learning-enhanced .mic-panel>h3{font-size:12px;letter-spacing:0;text-transform:none;margin:0 0 15px;color:#e4ebd9}.learning-enhanced .mic-actions button{font-size:10px;padding:9px 12px}.learning-enhanced .mic-status-row{font-size:10px}.learning-enhanced .mic-live-feedback strong{font-size:13px}.learning-enhanced .mic-panel #assessment-result{display:none}.learning-enhanced .mic-settings{margin-top:12px}.learning-enhanced .mic-settings>summary{font-size:10px;color:var(--studio-muted)}.learning-enhanced .assessment-controls{border-color:var(--studio-border)}.learning-enhanced .mic-stat{padding:10px;background:#20382a}.learning-enhanced .mic-stat strong{font-size:19px}.learning-enhanced .mic-stat span{font-size:9px}.learning-enhanced .controls{gap:12px}.learning-enhanced .controls button{padding:11px 16px;font-size:12px}.learning-enhanced .controls .tempo{min-width:140px}.learning-enhanced .tempo-guide{padding:13px;border-color:var(--studio-border)}.learning-enhanced .tempo-choice{padding:8px 12px}.learning-enhanced .tempo-choice b{font-size:17px}.learning-enhanced .learning-notes{padding:13px 16px;background:#172a21;border-color:#526e40}.learning-enhanced .learning-notes>summary{font-size:11px}.learning-enhanced .learning-notes p,.learning-enhanced .learning-notes li{font-size:11px}.learning-enhanced .course-path{margin-top:18px;padding-top:15px}.learning-enhanced .course-path>summary{font-size:12px}.learning-enhanced .display-options{margin:12px 0}.learning-enhanced .display-options>summary{font-size:10px}.learning-enhanced .score{background:#eceedd;border-radius:9px}.learning-enhanced .guide p{font-size:11px}.learning-enhanced .drum-copy p{font-size:11px}.learning-enhanced .drum-view{background:#15261e;border-color:var(--studio-border)}.learning-enhanced .pad{background:#273f2c;border-color:#4a6244}.learning-enhanced footer{font-size:10px;line-height:1.8}.learning-enhanced [hidden]{display:none!important}.learning-enhanced :focus-visible{outline:2px solid var(--studio-peach);outline-offset:4px}
.learning-demo{display:block;background:transparent;border:0;border-bottom:1px solid #6c805c;color:#cbdab9;font-size:9px;padding:0 0 4px;margin:0 0 15px;cursor:pointer;text-align:left}.learning-demo:hover{color:var(--studio-lime);border-color:var(--studio-lime)}.learning-unit{font-size:9px;color:#b5c6a7;margin:10px 0 0;line-height:1.7}.learning-enhanced .learning-hub progress,.learning-enhanced .lesson-journey progress{appearance:none;border:0;border-radius:6px;background:#3b4e37;overflow:hidden}.learning-enhanced .learning-hub progress::-webkit-progress-bar,.learning-enhanced .lesson-journey progress::-webkit-progress-bar{background:#3b4e37;border-radius:6px}.learning-enhanced .learning-hub progress::-webkit-progress-value,.learning-enhanced .lesson-journey progress::-webkit-progress-value{background:var(--studio-lime);border-radius:6px}.learning-enhanced .learning-hub progress::-moz-progress-bar,.learning-enhanced .lesson-journey progress::-moz-progress-bar{background:var(--studio-lime);border-radius:6px}
@media(max-width:1100px){.learning-hub{grid-template-columns:1fr 1.5fr}.learning-plan,.learning-overview{padding:24px}.learning-enhanced .layout{grid-template-columns:220px minmax(0,1fr);gap:17px}.learning-enhanced .layout>section.panel{padding:19px}.lesson-journey{padding:15px}.journey-actions{gap:6px}.journey-actions>button{padding:12px 10px}.journey-actions strong{font-size:11px}.journey-actions small{font-size:8px}.learning-overview-heading{font-size:8px}.learning-metrics>div>strong{font-size:30px}}
@media(max-width:800px){.learning-enhanced main{padding:25px 18px}.learning-enhanced main>h1{font-size:32px;letter-spacing:-1.3px}.learning-hub{grid-template-columns:1fr}.learning-plan{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 25px}.learning-plan .learning-eyebrow{grid-column:1/-1;margin-bottom:10px}.learning-plan h2{font-size:26px;margin-bottom:10px}.learning-plan h2 br{display:none}.learning-plan>p:not(.learning-eyebrow){grid-column:1;margin:0;max-width:100%;font-size:11px}.learning-plan .primary{grid-column:2;grid-row:2/4;margin:0;gap:20px}.learning-plan>span{grid-column:1/-1;margin-top:14px}.learning-overview{padding:22px 24px}.learning-metrics{margin:22px 0 18px}.learning-enhanced .layout{grid-template-columns:1fr}.learning-enhanced aside.panel{position:static;padding:17px}.learning-enhanced aside.panel>label{display:inline-block;margin:0 10px 0 0}.learning-enhanced aside.panel #level-filter,.learning-enhanced aside.panel #course-filter{display:inline-block;max-width:calc(50% - 70px);margin:0 10px 12px 0}.learning-enhanced aside.panel #lesson-search{display:block;width:100%;margin-bottom:12px}.learning-enhanced #lessons{display:flex;max-height:none;overflow-x:auto;gap:8px;padding-bottom:4px}.learning-enhanced .lesson{min-width:165px;max-width:190px;flex-shrink:0;background:#15281f}.learning-enhanced .lesson.active{background:var(--studio-lime)}.learning-enhanced .lesson span{font-size:9px}.learning-enhanced aside h3{display:none}.learning-enhanced .layout>section.panel{padding:22px}.learning-enhanced .layout>section.panel>.top h2{font-size:27px}.journey-actions strong{font-size:12px}.learning-recent{padding-bottom:6px}}
@media(max-width:520px){.learning-enhanced header{padding:17px 18px}.learning-enhanced header .brand{font-size:18px}.learning-enhanced header .tag{font-size:8px;letter-spacing:1.3px}.learning-enhanced .account-bar{gap:8px}.learning-enhanced .account-bar>div{min-width:100%;margin-bottom:4px}.learning-enhanced .account-bar span{font-size:10px}.learning-enhanced main>h1{font-size:29px;line-height:1.2}.learning-enhanced main>h1 em{margin-left:0;display:block}.learning-enhanced main>p{font-size:11px}.learning-plan{padding:22px;display:block}.learning-plan h2{font-size:27px;max-width:220px}.learning-plan>p:not(.learning-eyebrow){max-width:260px}.learning-plan .primary{margin-top:18px;font-size:11px}.learning-plan>span{font-size:9px}.learning-overview{padding:21px}.learning-overview-heading{display:block}.learning-sync{display:block;margin-top:9px}.learning-sync:before{display:inline-block;margin-right:6px}.learning-metrics{gap:13px;grid-template-columns:1.2fr 1fr 1fr}.learning-metrics>div>strong{font-size:29px}.learning-metrics>div>span{font-size:8px}.learning-criteria{font-size:9px}.learning-enhanced .layout>section.panel{padding:16px}.learning-enhanced .layout>section.panel>.top h2{font-size:25px}.learning-enhanced .pill{font-size:10px;padding:6px 9px}.journey-heading{align-items:flex-start;gap:8px}.journey-heading h3{font-size:15px;line-height:1.35;max-width:175px}.learning-badge{font-size:8px;white-space:normal;max-width:90px;line-height:1.5}.lesson-journey{padding:14px;margin-top:15px}.journey-actions{grid-template-columns:1fr 1fr;gap:7px}.journey-actions .journey-check{grid-column:1/-1;min-height:76px;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:0 7px;padding-block:12px}.journey-check .journey-number{grid-row:span 2;margin:0}.journey-actions .journey-check strong{font-size:14px}.journey-check small{margin:0;grid-column:2}.journey-actions>button{min-height:93px}.check-targets button{font-size:9px;padding:8px 10px;flex:1;white-space:nowrap}.check-explanation{font-size:9px}.check-live{gap:12px;flex-wrap:wrap}.check-live>div{min-width:65px}.check-live strong{font-size:15px;letter-spacing:-.4px}.check-live span{font-size:8px}.check-live button{width:100%;border-radius:6px}.review-head{gap:13px}.learning-score-ring{width:72px;height:72px}.learning-score-ring strong{font-size:24px}.review-head h4{font-size:15px}.review-head p{font-size:9px}.review-head .learning-eyebrow{font-size:7px}.learning-score-breakdown{grid-template-columns:repeat(2,1fr)}.learning-score-breakdown>div{padding:11px}.learning-next-step p{font-size:10px}.review-actions button{font-size:9px;padding:11px 13px;flex:1}.learning-enhanced .controls .tempo{min-width:100%}.learning-enhanced aside.panel #level-filter,.learning-enhanced aside.panel #course-filter{max-width:calc(100% - 85px);width:calc(100% - 85px);margin-right:0}.learning-enhanced aside.panel>label{width:65px;font-size:9px}.learning-enhanced .mic-actions{gap:7px}.learning-enhanced .mic-actions button{font-size:9px}.learning-enhanced .mic-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.journey-actions>button{transition:none}.journey-actions>button:hover{transform:none}}