.sidebar .nav-disclosure{border-top:1px solid #d5dce0;margin-top:14px;padding-top:10px}.sidebar .nav-disclosure>summary{cursor:pointer;color:#55636e;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:12px;font-weight:650;list-style:none;display:flex}.sidebar .nav-disclosure>summary::-webkit-details-marker{display:none}.sidebar .nav-disclosure>summary:after{content:"＋";font-size:16px}.sidebar .nav-disclosure[open]>summary:after{content:"−"}.sidebar .nav-disclosure>summary:focus-visible{outline-offset:-2px;border-radius:4px;outline:3px solid #b35732}.brand-app .brand-page-header .brand-header-mark.brand-header-art{opacity:1;color:#22261f;--header-art-accent:#d8f36a;border:0;grid-template-columns:none;gap:0;width:154px;height:122px;padding:0;position:relative;transform:scale(1)}.brand-app .brand-page-header .brand-header-mark.brand-header-art>span{letter-spacing:.12em;color:currentColor;opacity:.75;font-size:11px;top:0;left:6px;transform:none}.brand-app .brand-page-header .brand-header-art .brand-header-drawing{transform-origin:50% 70%;width:100%;height:103px;transition:transform .26s cubic-bezier(.2,.7,.2,1);animation:.46s cubic-bezier(.2,.7,.2,1) both brand-header-art-in;position:absolute;bottom:0;left:0;overflow:visible}.brand-app .brand-page-header .brand-header-art .brand-art-accent-fill{fill:var(--header-art-accent)}.brand-app .brand-page-header .brand-header-art .brand-art-accent-stroke{stroke:var(--header-art-accent)}.brand-app .brand-page-header--play .brand-header-mark.brand-header-art{color:#d8f36a}.brand-app .brand-page-header .brand-header-art .brand-header-drawing :is(path,rect,circle,ellipse){vector-effect:non-scaling-stroke}@media (hover:hover) and (pointer:fine){.brand-app .brand-page-header:hover .brand-header-art .brand-header-drawing{transform:translateY(-3px)rotate(1deg)}}@media (width<=1100px){.brand-app .brand-page-header .brand-header-mark.brand-header-art{width:124px;height:104px}.brand-app .brand-page-header .brand-header-art .brand-header-drawing{height:84px}}@media (width<=800px){.brand-app .brand-page-header .brand-header-mark.brand-header-art{width:104px;height:90px}.brand-app .brand-page-header .brand-header-art .brand-header-drawing{height:70px}.brand-app .brand-page-header .brand-header-mark.brand-header-art>span{font-size:10px;left:4px}}@keyframes brand-header-art-in{0%{opacity:.85;translate:0 6px;rotate:-2deg}to{translate:0;rotate:0;opacity:1}}@media (prefers-reduced-motion:reduce){.brand-app .brand-page-header .brand-header-art .brand-header-drawing{transition:none!important;animation:none!important;transform:none!important}}.library-brand-page{--ink:#22261f;--muted:#5d6258;--line:#c9ccbf;--accent:#22261f;--device-accent:#d8f36a;--pad-line:#c9ccbf;--paper:#fcfcf7;--panel:#fcfcf7;color:var(--ink);min-width:0}.library-brand-count{font-variant-numeric:tabular-nums;letter-spacing:-.06em;gap:5px;font-size:clamp(32px,4vw,54px);font-weight:850;line-height:1;display:grid}.library-brand-count small{letter-spacing:0;font-size:12px;font-weight:550;line-height:1.5}.library-brand-progress{margin-top:6px;font-size:13px;display:block}.library-brand-page .appendix-intro-links{gap:0;min-width:min(100%,220px);margin-top:0;display:grid}.library-brand-page .appendix-intro-links button{min-height:44px;color:inherit;text-align:left;border-bottom:1px solid;justify-content:space-between;gap:14px}.library-brand-page :is(.glossary-grid,.world-records){background:0 0;border:0;gap:12px}.library-brand-page .glossary-item{border:1px solid var(--line);border-top:3px solid var(--ink);box-shadow:none;background:var(--paper);border-radius:3px;padding:clamp(18px,2.4vw,28px)}.library-brand-page .glossary-item h3{letter-spacing:-.03em;margin-bottom:14px;font-size:20px;font-weight:800}.library-brand-page .glossary-item h3 svg{flex-shrink:0;width:17px}.library-brand-page .glossary-item p{color:var(--muted);line-height:1.95}.library-brand-page .glossary-item .text-btn{border-top:1px solid var(--line);justify-content:space-between;width:100%;padding-block:10px}.library-brand-page :is(.device-detail,.pad-catalog-detail,.guide-detail,.appendix-detail,.pathway-study,.world-culture-detail){background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:3px;min-width:0;padding:clamp(18px,2.8vw,36px)}.library-brand-page :is(.device-detail-heading h2,.pad-catalog-detail h2,.guide-detail h2,.appendix-entry-heading h2,.pathway-study header h2,.world-context h2,.world-culture-detail header h2){letter-spacing:-.045em;font-size:clamp(25px,3vw,40px);font-weight:800;line-height:1.45}.library-brand-page :is(.device-list,.pad-catalog-list>div,.appendix-list,.pathway-workbench>nav){border-top:2px solid var(--ink)}.library-brand-page :is(.device-list button,.pad-catalog-list button,.appendix-list button,.pathway-workbench>nav button,.guide-index button,.world-regions button){border-radius:2px;transition:background .16s,color .16s}.library-brand-page :is(.device-list button.selected,.pad-catalog-list button.active,.appendix-list button[aria-current],.pathway-workbench>nav button[aria-current=true],.guide-index button[aria-pressed=true],.world-regions button[aria-current=true]){color:var(--ink);border-left-color:var(--ink);box-shadow:inset 3px 0 var(--ink);background:#e3edc2}.library-brand-page :is(.device-key-count,.pad-catalog-number){letter-spacing:-.06em;font-family:inherit;font-weight:850}.library-brand-page :is(.device-key-count small,.pad-catalog-number small){letter-spacing:.06em}.library-brand-page :is(.device-specs,.pad-catalog-specs){border-top:1px solid var(--line);gap:0}.library-brand-page :is(.device-specs>div,.pad-catalog-specs>div){border-bottom:1px solid var(--line);padding:16px 8px}.library-brand-page :is(.device-specs strong,.pad-catalog-specs strong){font-weight:700}.library-brand-page .device-connect{border:1px solid var(--line);border-left:4px solid var(--ink);box-shadow:none;border-radius:3px;padding:22px}.library-brand-page .pad-guide-rail{gap:20px;margin:22px 0;padding:18px 0}.library-brand-page .pad-guide-rail b{color:var(--ink);background:#d8f36a;padding:4px 5px;font-weight:800}.library-brand-page :is(),.library-brand-page :is(.device-detail h3,.pad-catalog-detail h3,.guide-detail h3,.pathway-study h3,.world-culture-detail h3){color:var(--ink);font-weight:800}.library-brand-page :is(.guide-note,.guide-check,.pad-catalog-mode,.world-learning-entry,.world-exercise,.pathway-composition){border-left-color:var(--ink);color:var(--ink);background:#eef1df;border-radius:0 3px 3px 0}.library-brand-page :is(.guide-index,.world-regions){gap:4px}.library-brand-page .guide-number{color:var(--ink);opacity:1;font-weight:800}.library-brand-page .guide-operation>summary{padding-block:18px}.library-brand-page .guide-operation-body{padding-bottom:24px}.library-brand-page :is(.guide-related-version,.daw-learning-path,.world-first-path){border-color:var(--line);background:var(--paper);border-radius:3px}.library-brand-page :is(.guide-source,.appendix-related button,.world-records small,.world-kind,.world-context>span){color:var(--ink)}.library-brand-page :is(.appendix-tabs,.pathway-tabs,.world-tabs,.guide-modes){border-color:var(--line);gap:6px}.library-brand-page :is(.appendix-tabs button,.pathway-tabs button,.world-tabs button,.guide-modes button){color:var(--muted);padding:14px 16px}.library-brand-page :is(.appendix-tabs button[aria-selected=true],.pathway-tabs button[aria-pressed=true],.world-tabs button[aria-pressed=true],.guide-modes button.active){background:var(--ink);color:var(--paper);border-color:#d8f36a;font-weight:750}.library-brand-page .appendix-tabs button[aria-selected=true] small{color:#d8f36a}.library-brand-page .appendix-formula{border-color:var(--line);background:#eef1df;padding:20px}.library-brand-page .appendix-formula strong{color:var(--ink);font-weight:750}.library-brand-page .appendix-changes button.selected{border-color:var(--ink);background:#e3edc2}.library-brand-page :is(.appendix-summary,.appendix-reading p,.world-context p,.world-culture-detail p,.world-culture-intro p,.world-records p,.world-records strong,.world-culture-terms){color:var(--muted)}.library-brand-page .world-records>button{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:3px;padding:24px}.library-brand-page .world-records>button:hover{background:#f1f4e7}.library-brand-page .world-records strong{color:var(--ink);font-size:20px;font-weight:800}.library-brand-page .pathway-year-number{color:var(--ink);letter-spacing:-.06em;font-weight:850}.library-brand-page .pathway-year-modules button{border-color:var(--line);border-left:3px solid var(--ink);border-radius:3px;padding:18px}.library-brand-page .pathway-years>section{border-top:2px solid var(--ink)}.library-brand-page .pathway-routine article>strong{font-weight:800}.library-brand-page :is(.finger-form,.finger-lesson,.finger-transfer,.routine-workspace){border:1px solid var(--line);border-top:3px solid var(--ink);box-shadow:none;background:var(--paper);border-radius:3px}.library-brand-page .finger-tabs button{background:var(--paper);border-color:var(--line);border-radius:3px;min-height:46px}.library-brand-page .finger-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:inset 0 -3px #d8f36a}.library-brand-page .finger-numbers b{background:var(--ink);color:#d8f36a;border-radius:3px;font-weight:800}.library-brand-page .finger-velocity{background:var(--ink);border-color:var(--ink);border-radius:3px}.library-brand-page .finger-velocity .velocity-bars{background:#181c15}.library-brand-page .finger-velocity .velocity-bars i{background:#d8f36a}.library-brand-page :is(.routine-days,.routine-phase-nav){gap:8px}.library-brand-page :is(.routine-days button,.routine-phase-nav button){border-color:var(--line);border-radius:3px}.library-brand-page :is(.routine-days button.active,.routine-phase-nav button.active){background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:inset 0 -3px #d8f36a}.library-brand-page :is(.routine-days button.active strong,.routine-phase-nav button.active strong){color:var(--paper)}.library-brand-page .routine-phase-nav button.active>span{color:var(--ink);background:#d8f36a;border-color:#d8f36a}.library-brand-page .routine-task-heading h2{letter-spacing:-.03em;font-weight:800}.library-brand-page :is(button,a,input,select,summary):focus-visible{outline-color:#6a7834}@media (width>=1001px){.library-brand-page .device-catalog-body{grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:24px}.library-brand-page .pad-catalog-workbench{grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:24px}.library-brand-page .guide-workbench{grid-template-columns:minmax(160px,210px) minmax(0,1fr);gap:24px}}@media (width<=700px){.library-brand-page :is(.device-detail,.pad-catalog-detail,.guide-detail,.appendix-detail,.pathway-study,.world-culture-detail){padding:18px}.library-brand-page :is(.appendix-tabs button,.pathway-tabs button,.world-tabs button,.guide-modes button){padding:12px 10px}.library-brand-page .appendix-intro-links{width:100%;min-width:0}.library-brand-page .library-brand-count{font-size:32px}.library-brand-page .pad-guide-rail{gap:12px}.library-brand-page .guide-controls .search-field{width:100%;min-width:0}.library-brand-page .glossary-item,.library-brand-page .world-records>button{padding:20px}}@media (prefers-reduced-motion:reduce){.library-brand-page :is(.device-list button,.pad-catalog-list button,.appendix-list button,.pathway-workbench>nav button,.guide-index button,.world-regions button){transition:none}}.recording-recovery-notice{color:#503c2b;background:#fff8ee;border:1px solid #c9b293;border-left:3px solid #a4552d;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;margin:4px 32px 0;padding:10px 14px;font-size:14px;line-height:1.7;display:flex}.recording-recovery-notice p{margin:0}.recording-recovery-notice button{flex-shrink:0;min-height:42px}.recording-recovery-page>.btn{margin-top:18px}@media (width<=650px){.recording-recovery-notice{flex-direction:column;align-items:stretch;gap:6px;margin:4px 12px 0}.recording-recovery-notice button{align-self:flex-start}}.daily-page{max-width:1100px;margin:auto;padding-bottom:150px}.daily-page p{line-height:1.85}.daily-toolbar{flex-wrap:wrap;align-items:center;gap:22px;margin-top:25px;display:flex}.daily-actions{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.daily-page label{gap:7px;display:grid}.daily-page select,.daily-page textarea{width:100%;min-width:0;max-width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #b6c6cf;padding:10px;font-size:16px}.daily-page textarea{resize:vertical}.daily-slots{grid-template-columns:1fr 1fr;gap:18px;padding:0;list-style:none;display:grid}.daily-slots li{background:#fff;border:1px solid #c2cbd4;min-width:0;padding:20px}.daily-slots li.selected{border-color:#a4512e;box-shadow:inset 3px 0 #a4512e}.daily-slots header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.daily-slots h2{margin:0;font-size:19px}.daily-slots details{margin:18px 0}.daily-check{align-items:flex-start;margin-top:12px;font-size:14px;line-height:1.7;display:flex!important}.daily-page>section article{border-bottom:1px solid #c4cdd5;padding:14px}.daily-dock{z-index:55;background:#fff;border:1px solid #becbd4;flex-wrap:wrap;align-items:center;gap:14px;padding:12px;display:flex;position:fixed;bottom:10px;left:220px;right:14px;box-shadow:0 3px 18px #152c4322}.daily-dock>div{flex:180px;min-width:0}.daily-dock strong,.daily-dock span{overflow-wrap:anywhere;display:block}.daily-dock span{margin-top:4px;font-size:13px}.daily-page :focus-visible,.daily-dock :focus-visible{outline-offset:3px;outline:3px solid #ad5c34}@media (width<=800px){.daily-slots{grid-template-columns:1fr}.daily-dock{gap:8px;left:10px;right:10px}.daily-dock>div{flex:100%;font-size:14px}.daily-dock .btn,.daily-dock .text-btn{padding:8px;font-size:13px}.daily-page{padding-bottom:180px}.daily-slots li{padding:15px}.daily-actions .btn{white-space:normal;max-width:100%}}.has-daily-dock .main-area{padding-bottom:180px}.study-focus .daily-dock{left:14px}@media (width<=800px){.has-daily-dock .main-area{padding-bottom:240px}}.daily-dock-small{width:auto;max-width:calc(100vw - 28px);left:auto}.daily-return,.daily-shared{background:#f9fbfc;border:1px solid #c3cbd3;margin:22px 0;padding:20px}.daily-shared article{border-top:1px solid #c3cbd3;padding:14px 0}.daily-next{background:#f0f5f7;border-left:3px solid #a6532e;margin:14px 0;padding:12px}.daily-return h2,.daily-shared h2{font-size:20px}.daily-return .btn,.daily-shared .btn,.daily-next .btn{white-space:normal;max-width:100%}.daily-slots{grid-template-columns:1fr}.daily-slots .daily-slot-detail{margin:0}.daily-slot-detail>summary{cursor:pointer;min-height:44px;padding:8px 0}.daily-slot-detail>summary strong{margin-right:16px;font-size:18px}.daily-slot-detail>summary span{color:#526372;font-size:14px}.midi-connect-panel{color:#2b3034;background:#fff;border:1px solid #c9cdd0;border-radius:6px;min-width:0;padding:24px}.midi-connection-heading{align-items:center;gap:12px;display:flex}.midi-connection-heading h2{margin:0;font-size:21px}.midi-connection-heading p{color:#6a7075;margin:5px 0;font-size:13px}.midi-connect-steps{gap:23px;margin:24px 0;padding:0;list-style:none;display:grid}.midi-connect-steps>li{grid-template-columns:30px minmax(0,1fr);gap:13px;display:grid}.midi-step-number{border:1px solid #adb5bc;border-radius:50%;place-items:center;height:30px;font:14px monospace;display:grid}.midi-connect-steps>li[data-done=true]>.midi-step-number{color:#fff;background:#345945;border-color:#345945}.midi-connect-steps h3{margin:3px 0 7px;font-size:17px}.midi-connect-steps p{margin:8px 0;font-size:14px;line-height:1.8}.midi-connect-panel select{width:100%;max-width:100%}.midi-received{background:#edf3ee;border-left:3px solid #537a61;flex-wrap:wrap;gap:8px;margin:12px 0;padding:14px;font-size:14px;display:flex}.midi-received strong{font:700 20px monospace}.midi-received small{flex-basis:100%}.midi-sound-choice{align-items:center;gap:10px;font-size:15px;display:flex}.midi-sound-choice input{width:20px;height:20px}.midi-help{margin-top:20px;font-size:14px}.midi-help summary{cursor:pointer;min-height:36px}.midi-connect-dialog{color:#262d32;background:#eef0f2;border:1px solid #8c9499;border-radius:10px;width:min(640px,100vw - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:auto;box-shadow:0 24px 100px #0007}.midi-connect-dialog::backdrop{background:#17212b85}.midi-connect-dialog .midi-connect-panel{border:0;border-radius:0}.midi-dialog-bar{z-index:1;background:#eef0f2;border-bottom:1px solid #cbd0d4;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.midi-dialog-bar button{background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid}.midi-dialog-return{border-top:1px solid #cbd0d4;padding:18px 24px}.midi-dialog-return p{margin:0 0 12px;font-size:13px}.midi-dialog-return button{width:100%}.toolbar-midi{max-width:220px}.toolbar-midi span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=600px){.midi-connect-panel{padding:18px 14px}.midi-connect-steps>li{grid-template-columns:26px minmax(0,1fr);gap:9px}.midi-step-number{height:26px}.midi-connection-heading h2{font-size:18px}.toolbar-midi{max-width:150px}}.home-brand-shell,.home-brand-shell .main-area,.home-brand-shell .topbar{background:#efeee9}.home-brand-shell .sidebar{background:#e7e6e0;border-color:#d0d0c8}.home-brand-shell .brand>span{letter-spacing:-1.2px;font-weight:850}.home-brand-shell .brand small{letter-spacing:-.03em;white-space:nowrap;font-size:11px}.home-brand-shell .sidebar nav button.active{color:#f9f9f2;background:#20231f;border-left-color:#d8f36a;border-radius:3px}.home-brand-shell .sidebar nav button.active svg{color:#d8f36a}.home-brand-shell .topbar{border-color:#d0d0c8}.home-brand-shell .main-content{padding-top:20px}.study-home{--home-muted:#5b6057;--home-ink:#22261f;--home-acid:#d8f36a;--home-line:#caccbf;color:var(--home-ink)}.home-brand-hero{isolation:isolate;color:#f4f3eb;background:#22261f;border-radius:3px;min-height:380px;padding:24px 32px 22px;position:relative;overflow:hidden}.home-hero-topline,.home-hero-bottomline{z-index:2;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:20px;font:10px/1.5 ui-monospace,SFMono-Regular,monospace;display:flex;position:relative}.home-hero-topline>span{align-items:center;gap:9px;display:flex}.home-hero-topline i{background:var(--home-acid);border-radius:50%;width:7px;height:7px;display:inline-block}.home-hero-topline time{color:#c6c9bc;letter-spacing:0;font-family:inherit;font-size:12px}.home-hero-copy{z-index:2;pointer-events:none;width:51%;padding:28px 0 36px;position:relative}.home-hero-eyebrow{color:#d8dfca;margin:0 0 12px;font-size:13px;font-weight:500}.study-home .home-brand-hero h1{color:#f4f3eb;letter-spacing:-.065em;white-space:nowrap;margin:0;font-size:clamp(40px,4.9vw,76px);font-weight:850;line-height:1.22}.home-brand-hero h1>span{color:var(--home-acid)}.home-hero-description{color:#d4d7cb;letter-spacing:.025em;margin:21px 0 0;font-size:14px;line-height:1.85}.home-hero-bottomline{color:#afb7a4;letter-spacing:.06em;border-top:1px solid #57604b;padding-top:16px;font-size:9px}.home-artwork{perspective:1000px;z-index:1;contain:layout style;width:54%;height:330px;position:absolute;top:38px;right:0}.home-art-scene{width:530px;height:320px;transform:translate(-50%,-50%) rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg));transform-style:preserve-3d;pointer-events:none;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%}.home-art-orbit{background:#cce66a;border:1px solid #697b41;border-radius:50%;width:300px;height:300px;position:absolute;top:0;left:133px;transform:translateZ(-140px);box-shadow:0 0 0 27px #22261f,0 0 0 28px #3e4b2d,0 0 0 58px #22261f,0 0 0 59px #343e29}.home-art-cross{color:#9fba68;font:22px/1 ui-monospace,monospace;position:absolute}.home-art-cross.cross-one{top:30px;left:48px}.home-art-cross.cross-two{bottom:60px;right:20px}.home-art-keyboard-float{transform-style:preserve-3d;animation:9s ease-in-out infinite home-key-float;position:absolute;top:144px;left:8px}.home-art-keyboard-device{width:420px;height:145px;transform-style:preserve-3d;background:#292d2b;border:1px solid #62685e;border-radius:9px;padding:12px 15px 14px;position:relative;transform:rotateX(43deg)rotate(-19deg);box-shadow:0 2px #444c40}.home-art-keyboard-device:before{content:"";background:#131612;border-radius:9px;position:absolute;inset:0;transform:translateZ(-22px);box-shadow:4px 18px 28px #0008}.home-art-keyboard-device:after{content:"";transform-origin:top;background:#121611;border-top:1px solid #515b47;border-radius:0 0 5px 5px;height:22px;position:absolute;bottom:-21px;left:0;right:0;transform:rotateX(-90deg)}.home-art-key-controls{color:#e4e7d9;justify-content:space-between;align-items:center;gap:10px;height:29px;padding-bottom:10px;display:flex}.home-art-key-controls>span{letter-spacing:-.5px;align-items:center;gap:9px;font:900 13px/1 Arial,sans-serif;display:flex}.home-art-led{background:#d9f78b;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #d9f78b}.home-art-key-controls>div{gap:9px;display:flex}.home-art-key-controls>div i{background:conic-gradient(#141810,#697261,#21291b,#141810);border:1px solid #838977;border-radius:50%;width:13px;height:13px;box-shadow:0 2px #111}.home-art-key-controls small{color:#afb6a5;letter-spacing:.08em;font:6px ui-monospace,monospace}.home-art-keys{height:93px;transform-style:preserve-3d;gap:2px;display:flex;position:relative}.home-art-white-key{transform-style:preserve-3d;background:linear-gradient(100deg,#fefdf3,#deded4);border-radius:1px 1px 3px 3px;flex:1;display:block;position:relative;box-shadow:0 5px #bfc2b5,0 6px #8c9683}.home-art-white-key:nth-child(5),.home-art-white-key:nth-child(9){animation:6s ease-in-out infinite home-key-press;animation-delay:calc(var(--key-i)*.18s)}.home-art-white-key b{z-index:2;background:linear-gradient(100deg,#31362d,#151911);border-radius:0 0 2px 2px;width:65%;height:59px;display:block;position:absolute;top:-1px;left:72%;transform:translateZ(9px);box-shadow:0 5px #0d100a,1px 6px 1px #0007}.home-art-pad-float{transform-style:preserve-3d;animation:10s ease-in-out infinite home-pad-float;position:absolute;top:12px;right:31px}.home-art-pad-device{width:205px;height:225px;transform-style:preserve-3d;background:linear-gradient(125deg,#e9e9df,#c9cdbd);border:1px solid #f1f1e7;border-radius:9px;padding:14px;position:relative;transform:rotateX(35deg)rotate(17deg)}.home-art-pad-device:before{content:"";background:#969d88;border-radius:9px;position:absolute;inset:0;transform:translateZ(-19px);box-shadow:6px 18px 26px #0006}.home-art-pad-device:after{content:"";transform-origin:top;background:#8c957d;border-top:1px solid #a6b091;border-radius:0 0 4px 4px;height:19px;position:absolute;bottom:-18px;left:0;right:0;transform:rotateX(-90deg)}.home-art-pad-label{letter-spacing:.12em;color:#323b2a;justify-content:space-between;align-items:center;height:20px;margin-bottom:10px;font:750 9px ui-monospace,monospace;display:flex}.home-art-pad-label i{background:#263322;border:3px solid #bac3ad;width:35px;height:12px;box-shadow:inset 0 0 0 1px #2f3825}.home-art-pads{height:155px;transform-style:preserve-3d;background:#252b22;border-radius:4px;grid-template-columns:repeat(4,1fr);gap:7px;padding:5px;display:grid}.home-art-pads i{background:linear-gradient(135deg,#f3a484,#d77351);border-radius:3px;display:block;transform:translateZ(3px);box-shadow:0 3px #9c4c30,0 4px 1px #151c10}.home-art-pads i:nth-child(4n+1){background:linear-gradient(135deg,#eaf5ad,#a9c85a);box-shadow:0 3px #758f3b,0 4px 1px #151c10}.home-art-pads i:nth-child(6),.home-art-pads i:nth-child(15){animation:4s ease-in-out infinite home-pad-tap;animation-delay:calc(var(--pad-i)*.2s)}.home-art-device-caption{letter-spacing:.1em;color:#5b6551;margin-top:10px;font:5px/1 ui-monospace,monospace}.home-art-soundline{opacity:.45;width:230px;position:absolute;bottom:2px;left:47px}.home-art-soundline svg{stroke:#adcd6c;stroke-width:1px;stroke-dasharray:460;width:100%;animation:8s ease-in-out infinite home-line-draw}.home-art-caption{color:#c6d4ac;letter-spacing:.1em;font:7px ui-monospace,monospace;position:absolute;bottom:20px;right:25px}.home-motion-toggle{color:#dbe2cf;cursor:pointer;z-index:3;background:#22261f;border:1px solid #667355;border-radius:20px;align-items:center;gap:5px;min-height:30px;padding:5px 9px;font-size:10px;display:flex;position:absolute;bottom:6px;right:24px}.home-motion-toggle:hover{color:#fff;background:#36402b}.home-motion-toggle:disabled{opacity:.8;cursor:default}.home-artwork[data-moving=false] *,.home-artwork[data-moving=false] :before,.home-artwork[data-moving=false] :after{animation-play-state:paused!important}@keyframes home-key-float{0%,to{transform:translate(0,0)rotate(-1deg)}50%{transform:translateY(-9px)rotate(1deg)}}@keyframes home-pad-float{0%,to{transform:translate(0,0)rotate(1deg)}50%{transform:translateY(9px)rotate(-1deg)}}@keyframes home-key-press{0%,10%,30%,to{transform:translateZ(0)}18%,23%{background:#d8f36a;transform:translateZ(-3px)}}@keyframes home-pad-tap{0%,20%,40%,to{filter:brightness();transform:translateZ(3px)}28%,32%{filter:brightness(1.3);transform:translateZ(0)}}@keyframes home-line-draw{0%,to{stroke-dashoffset:460px}45%,75%{stroke-dashoffset:0}}.study-home .home-focus{display:block}.study-home .continue-study{background:#fbfbf5;border:1px solid #c7cbbb;border-radius:0 0 3px 3px;grid-template-columns:minmax(0,1fr) minmax(200px,245px);align-items:center;gap:23px 36px;min-height:0;margin-top:0;padding:28px 32px 14px;display:grid;box-shadow:0 4px #dfe1d4}.home-lesson-copy{min-width:0}.study-home .continue-study .section-heading{gap:16px;margin-bottom:10px}.study-home .continue-study .section-label{color:#49513e;font-size:12px;font-weight:600}.study-home .continue-study h2{letter-spacing:-.035em;max-width:30ch;margin:0 0 8px;font-size:clamp(24px,2.3vw,32px);font-weight:750;line-height:1.5}.study-home .continue-goal{color:#424a39;max-width:52ch;margin:0 0 10px;font-size:16px;line-height:1.85}.study-home .unit-kicker{color:var(--home-muted);margin:0;font-size:13px;line-height:1.7}.study-home .study-duration{color:var(--home-muted);white-space:nowrap;font-size:12px}.study-home .home-lesson-action{flex-direction:column;align-items:stretch;gap:10px;padding:0;display:flex}.home-lesson-action>span{color:var(--home-muted);font-size:13px;line-height:1.6}.study-home .home-lesson-action .btn{background:var(--home-acid);color:#22261f;border:1px solid #22261f;border-radius:2px;justify-content:space-between;min-height:60px;padding:14px 22px;font-size:19px;font-weight:750;transition:box-shadow .2s,transform .2s,background .2s;box-shadow:3px 3px #22261f}.study-home .home-lesson-action .btn:hover{background:#e6ff85;transform:translate(-2px,-2px);box-shadow:5px 5px #22261f}.study-home .home-lesson-action .btn:active{transform:translate(3px,3px);box-shadow:0 0 #22261f}.study-home .home-lesson-action .btn svg{transition:transform .25s}.study-home .home-lesson-action .btn:hover svg{transform:translate(4px)}.study-home .home-lesson-action p{color:var(--home-muted);margin:0;font-size:13px;line-height:1.75}.home-lesson-outline{border-top:1px solid #d8dcce;grid-column:1/-1;margin:0;padding-top:2px}.home-lesson-outline>summary{cursor:pointer;color:#4d5742;align-items:center;gap:10px;min-height:40px;font-size:13px;list-style:none;display:flex}.home-lesson-outline>summary::-webkit-details-marker{display:none}.home-lesson-outline>summary:before{content:"＋"}.home-lesson-outline[open]>summary:before{content:"−"}.study-home button:focus-visible,.study-home summary:focus-visible{outline-offset:4px;outline:3px solid #658b15}.home-stage-track{flex-wrap:wrap;gap:14px 20px;margin:12px 0;padding:0;list-style:none;display:flex}.home-stage-track li{color:var(--home-muted);white-space:nowrap;align-items:center;gap:7px;font-size:14px;display:flex}.home-stage-track li>span{border:1px solid #a6b297;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font:12px ui-monospace,monospace;display:grid}.home-stage-track [aria-current=step]{color:#374c13;font-weight:700}.home-stage-track [aria-current=step]>span{color:#22261f;background:var(--home-acid);border-color:#6d813b}.home-instrument-settings{background:#fbfbf5;border-bottom:1px solid #c7cbbb;margin:0;padding:8px 32px}.home-instrument-settings>summary{cursor:pointer;min-height:38px;color:var(--home-muted);flex-wrap:wrap;align-items:center;gap:12px;width:fit-content;max-width:100%;font-size:12px;list-style:none;display:flex}.home-instrument-settings>summary::-webkit-details-marker{display:none}.home-instrument-settings>summary strong{color:#303c26;font-weight:600}.home-change-label{color:#475c27;text-underline-offset:4px;text-decoration:underline}.home-instrument-settings .learning-choice{margin-bottom:0;padding-top:12px}.home-initial-choice{background:#fbfbf5;border:1px solid #c7cbbb;border-radius:0 0 3px 3px;margin-bottom:20px;padding:28px 32px}.home-initial-choice .learning-choice{border:0;margin:0;padding:0}.home-initial-choice .learning-choice h2{letter-spacing:-.025em;font-size:21px;font-weight:750}.home-initial-choice .learning-choice>p{color:var(--home-muted);margin:7px 0 18px;font-size:13px}.study-home .learning-choice-options{gap:12px}.study-home .learning-choice-options button{background:#f1f2e9;border:1px solid #b7beaa;border-radius:2px;min-height:86px;transition:transform .2s,background .2s,box-shadow .2s;position:relative}.study-home .learning-choice-options button:hover{background:#e4edcc;transform:translateY(-3px);box-shadow:0 4px #a4b982}.study-home .learning-choice-options button strong{color:#26371a;font-size:16px;font-weight:700}.study-home .learning-choice-options button small{color:#505b44;font-size:13px;line-height:1.7}.home-initial-choice>p{color:var(--home-muted);margin:16px 0 0;font-size:13px;line-height:1.7}.home-explore,.home-practice-options{border-bottom:1px solid var(--home-line);background:0 0}.home-explore{margin-top:18px}.home-explore>summary,.home-practice-options>summary{cursor:pointer;color:#36432b;align-items:center;gap:10px;min-height:64px;padding:14px 0;font-size:15px;list-style:none;display:flex}.home-explore>summary::-webkit-details-marker{display:none}.home-practice-options>summary::-webkit-details-marker{display:none}.home-explore>summary:after,.home-practice-options>summary:after{content:"＋";margin-left:auto;font-size:20px;transition:transform .2s}.home-explore>summary:hover:after,.home-practice-options>summary:hover:after{transform:rotate(90deg)}.home-explore[open]>summary:after,.home-practice-options[open]>summary:after{content:"−"}.home-explore-actions{flex-wrap:wrap;gap:12px;padding:0 0 20px;display:flex}.home-explore-actions>p{color:#46553b;flex-basis:100%;margin:0;font-size:15px;line-height:1.8}.home-explore-actions .caption{font-size:13px}.home-practice-options>summary>span{align-items:center;gap:10px;display:flex}.home-practice-options>summary>small{color:var(--home-muted);margin-left:auto;font-size:12px}.home-routine-grid{border-top:1px solid #caccbf;grid-template-columns:1fr 1fr;display:grid}.home-daily-choice{padding:24px}.home-daily-choice h2{font-size:18px}.home-daily-choice p{font-size:15px;line-height:1.8}.home-routine-grid .home-routine{background:0 0;border:0;border-left:1px solid #caccbf;border-radius:0}.home-plan-note{color:var(--home-muted);margin:0;padding:0 24px 18px;font-size:14px;line-height:1.8}.study-home .study-record-line{color:var(--home-muted);border:0;flex-wrap:wrap;gap:10px 24px;margin:0;padding:18px 0;font-size:12px;line-height:1.7}.study-home .text-btn{color:#465732}.study-home .text-btn:hover{color:#1d2d0b}.study-home .home-columns{grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:36px;margin-top:42px}.home-section-index{letter-spacing:.07em;color:#606d50;margin-bottom:12px;font:10px/1.5 ui-monospace,SFMono-Regular,monospace}.study-home .home-columns>.home-course-section>.section-heading h2,.study-home .home-notebook>.section-heading h2{letter-spacing:-.045em;font-size:clamp(24px,2.2vw,32px);font-weight:800}.study-home .chapter-list{border-top:2px solid #22261f}.study-home .chapter-list>button{background:0 0;border-bottom:1px solid #caccbf;gap:18px;min-height:105px;padding:19px 8px;transition:background .2s,padding .25s}.study-home .chapter-list>button:hover{background:#e2e7d5;padding-left:15px}.study-home .chapter-list>button.current{background:#e4e9d7}.study-home .chapter-list .row-number{color:#72825b;letter-spacing:-.07em;width:36px;font:25px/1 ui-monospace,monospace}.study-home .chapter-copy strong{color:#283720;font-size:17px;font-weight:650}.study-home .chapter-copy small{color:#59654e;margin-top:7px;font-size:13px;line-height:1.7}.study-home .chapter-copy em{color:#30470e;background:#d8f36a;border-radius:0;padding:3px 5px;font-size:10px;font-style:normal}.study-home .chapter-progress{background:#d3dac6;max-width:220px}.study-home .chapter-progress i{background:#687e3d}.study-home .chapter-count{color:#657157;white-space:nowrap;font:11px ui-monospace,monospace}.study-home .home-notebook{background:#dde5cb;border-top:2px solid #22261f;border-radius:0 0 3px 3px;align-self:start;padding:24px;position:relative}.study-home .home-notebook p{color:#415432;font-size:15px;line-height:1.85}.study-home .home-notebook .home-help{border-top:1px solid #b2bea0;margin-top:28px;padding-top:22px}.study-home .home-help h3{color:#304724;font-size:14px}.study-home .home-help button{min-height:40px;font-size:13px;line-height:1.8}.study-home .home-notebook li button{color:#26391d}.study-home .home-notebook li small{color:#4f6540}@media (width>=1600px){.home-artwork{right:30px}.home-brand-hero{min-height:416px}.home-hero-copy{padding-top:40px}.home-art-scene{transform:translate(-50%,-50%) scale(1.1) rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg))}.home-artwork{top:55px}}@media (width<=1100px){.home-brand-shell .main-content{padding-left:24px;padding-right:24px}.home-brand-hero{min-height:355px;padding:23px 26px}.home-hero-copy{padding-top:30px}.home-artwork{width:48%;height:270px;top:54px;right:30px}.home-art-scene{transform:translate(-50%,-50%) scale(.78) rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg))}.study-home .continue-study{grid-template-columns:minmax(0,1fr) 200px;gap:20px 24px;padding:26px 26px 12px}.home-instrument-settings{padding:8px 26px}.study-home .home-columns{grid-template-columns:minmax(0,1fr);gap:32px}.study-home .home-notebook{max-width:none}}@media (width<=780px){.home-hero-copy{width:58%}.study-home .home-brand-hero h1{font-size:43px}.home-artwork{width:46%;right:-20px}.home-art-scene{transform:translate(-50%,-50%) scale(.65) rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg))}.home-art-caption{display:none}.home-hero-topline{font-size:9px}.home-hero-bottomline{font-size:8px}.home-hero-description{font-size:13px}.study-home .continue-study{grid-template-columns:minmax(0,1fr)}.study-home .home-lesson-action{max-width:none}.home-lesson-outline{margin-top:0}.study-home .home-lesson-action .btn{max-width:none}.home-practice-options>summary{flex-wrap:wrap;align-items:flex-start;gap:5px 10px}.home-practice-options>summary>small{flex-basis:100%;margin:0 30px 0 28px}.home-practice-options>summary:after{position:absolute;right:0}.home-practice-options>summary{position:relative}.home-routine-grid{grid-template-columns:1fr}.home-routine-grid .home-routine{border-top:1px solid #caccbf;border-left:0}}@media (width<=600px){.home-brand-shell .main-content{padding:14px 16px 24px}.home-brand-hero{min-height:460px;padding:20px 22px 16px}.home-hero-topline{gap:8px;font-size:8px}.home-hero-topline time{font-size:10px}.home-hero-copy{width:100%;padding:25px 0 0}.study-home .home-brand-hero h1{letter-spacing:-.06em;font-size:clamp(36px,12.3vw,48px);line-height:1.18}.home-hero-eyebrow{margin-bottom:11px;font-size:12px}.home-hero-description{margin-top:14px;font-size:12px;line-height:1.8}.home-artwork{width:100%;height:185px;top:242px;right:-8px}.home-art-scene{transform:translate(-50%,-50%)scale(.64)}.home-art-orbit{width:250px;height:250px;top:10px;left:155px}.home-art-caption,.home-art-cross{display:none}.home-motion-toggle{min-height:28px;padding:4px 8px;font-size:9px;bottom:0;right:26px}.home-hero-bottomline{gap:8px;padding-top:10px;font-size:6px;position:absolute;bottom:14px;left:22px;right:22px}.home-hero-bottomline>span:last-child{font-size:8px}.home-initial-choice{padding:24px 20px}.study-home .learning-choice-options button{min-height:72px;padding:14px 16px}.study-home .learning-choice-options button strong{font-size:15px}.home-instrument-settings{padding:8px 20px}.home-instrument-settings>summary{gap:8px;font-size:12px;line-height:1.6}.home-change-label{margin-left:auto}.study-home .continue-study{gap:20px;padding:23px 20px 12px}.study-home .continue-study h2{font-size:25px}.study-home .continue-goal{font-size:15px}.study-home .home-lesson-action .btn{min-height:58px}.home-lesson-outline>summary{font-size:13px}.home-explore{margin-top:15px}.home-explore>summary,.home-practice-options>summary{font-size:14px}.home-explore-actions .btn{justify-content:space-between;width:100%}.home-daily-choice,.home-routine-grid .home-routine{padding:22px 4px}.home-plan-note{padding:0 4px 18px}.study-home .study-record-line{gap:8px 16px;font-size:11px}.study-home .home-columns{margin-top:30px}.study-home .chapter-list>button{gap:10px;padding:18px 3px}.study-home .chapter-list .row-number{width:27px;font-size:22px}.study-home .chapter-copy strong{font-size:16px}.study-home .chapter-copy small{font-size:12px}.study-home .chapter-count{font-size:10px}.study-home .chapter-copy em{margin-left:6px;display:inline-block}.study-home .home-notebook{padding:22px 20px}}@media (prefers-reduced-motion:reduce){.study-home *,.study-home :before,.study-home :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.study-home .home-art-scene{--pointer-x:0deg!important;--pointer-y:0deg!important}.study-home .learning-choice-options button:hover,.study-home .home-lesson-action .btn:hover,.study-home .home-lesson-action .btn:hover svg{transform:none}}@media (width>=781px){.study-home .home-brand-hero.is-returning{min-height:330px}.is-returning .home-hero-copy{padding-top:16px;padding-bottom:18px}.study-home .is-returning h1{font-size:clamp(42px,4.1vw,60px);line-height:1.17}.is-returning .home-hero-description{margin-top:15px;font-size:13px;line-height:1.75}.is-returning .home-artwork{height:280px;top:28px}.is-returning .home-art-scene{transform:translate(-50%,-50%) scale(.9) rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg))}}@media (width>=781px) and (width<=1100px){.is-returning .home-art-scene{transform:translate(-50%,-50%) scale(.72) rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg))}}@media (width<=600px){.study-home .home-brand-hero.is-returning{min-height:280px}.is-returning .home-hero-copy{padding-top:13px}.is-returning .home-hero-eyebrow{margin-bottom:7px;font-size:10px}.study-home .is-returning h1{font-size:clamp(30px,9.5vw,37px);line-height:1.15}.is-returning .home-hero-description{display:none}.is-returning .home-artwork{height:150px;top:105px;right:-25px}.is-returning .home-motion-toggle{min-height:28px;bottom:2px;right:43px}.is-returning .home-hero-bottomline{font-size:5px}.is-returning .home-hero-bottomline>span:last-child{font-size:7px}.is-returning .home-artwork{top:120px;right:-42px}.is-returning .home-art-scene{transform:translate(-50%,-50%)scale(.43)}.is-returning .home-art-orbit{background:#39432c}.is-returning .home-motion-toggle{bottom:16px;right:60px}}.learning-choice{border-bottom:1px solid var(--line,#ddd9cf);margin:0 0 1.5rem;padding:1.25rem 0}.learning-choice h2{margin:0;font-size:1.15rem}.learning-choice>p{color:var(--muted,#64605a);margin:.4rem 0 1rem;font-size:.9rem}.learning-choice-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.learning-choice-options button{text-align:left;border:1px solid var(--line,#d8d4ca);background:var(--paper,#fffdf8);color:inherit;cursor:pointer;border-radius:12px;min-height:76px;padding:.9rem 1rem}.learning-choice-options button[aria-pressed=true]{border-color:var(--accent,#376955);box-shadow:inset 0 0 0 1px var(--accent,#376955);background:var(--sage-light,#eef3e9)}.learning-choice-options button strong,.learning-choice-options button span{display:block}.learning-choice-options button span{color:var(--muted,#64605a);margin-top:.3rem;font-size:.82rem;line-height:1.5}.learning-choice-options button:focus-visible{outline:3px solid var(--accent,#376955);outline-offset:3px}@media (width<=560px){.learning-choice-options{grid-template-columns:1fr}.learning-choice-options button{min-height:64px}}.catalog-links{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:0 0 1rem;display:flex}.catalog-links>span{color:var(--muted,#666);font-size:.85rem}.catalog-category-groups{margin:1rem 0}.catalog-category-groups>span{margin:.9rem 0 .5rem;font-size:.82rem;font-weight:700;display:block}.catalog-legacy-domains{margin:.8rem 0}.catalog-legacy-domains summary{cursor:pointer;font-size:.85rem}.catalog-legacy-domains .chip-row{margin-top:.7rem}.course-row-meta small{line-height:1.45;display:block}.course-row-status{white-space:normal}@media (width<=650px){.course-row-meta{font-size:.75rem}.course-row-copy small{line-height:1.5}.course-row-status{overflow-wrap:anywhere;font-size:.72rem}}.brand-app .course-guide-page{min-width:0;max-width:1260px;margin-inline:auto}.brand-app .course-guide-reader{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,54px);display:grid}.brand-app .course-guide-contents{scrollbar-width:thin;border-top:2px solid #22261f;min-width:0;max-height:calc(100dvh - 48px);position:sticky;top:24px;overflow-y:auto}.brand-app .course-guide-contents-top{border-bottom:1px solid #c1c7b5;padding:17px 0}.brand-app .course-guide-contents-top>div>span{color:#58624c;margin-bottom:8px;font-size:11px;display:block}.brand-app .course-guide-contents-top strong{align-items:baseline;gap:11px;font-size:16px;font-weight:800;line-height:1.6;display:flex}.brand-app .course-guide-contents-top i{color:#58624c;font:700 12px ui-monospace,monospace}.brand-app .course-guide-contents-top>button{display:none}.brand-app .course-guide-contents ol{margin:0;padding:14px 0 0;list-style:none}.brand-app .course-guide-contents li{margin:0}.brand-app .course-guide-contents a{color:#58624c;border-radius:2px;grid-template-columns:20px minmax(0,1fr) 14px;align-items:center;gap:8px;margin:3px 0;padding:13px 10px;text-decoration:none;transition:background .18s,color .18s;display:grid;position:relative}.brand-app .course-guide-contents a:before{content:"";background:#d8f36a;width:0;transition:width .15s;position:absolute;top:10px;bottom:10px;left:0}.brand-app .course-guide-contents a>span:first-child{font:11px ui-monospace,monospace}.brand-app .course-guide-contents a strong{font-size:13px;font-weight:700;line-height:1.6;display:block}.brand-app .course-guide-contents a small{margin-top:2px;font-size:11px;line-height:1.65;display:block}.brand-app .course-guide-contents a>svg{opacity:0;transition:opacity .18s,transform .18s;transform:translate(-3px,3px)}.brand-app .course-guide-contents a:hover{color:#22261f;background:#e2e7d6}.brand-app .course-guide-contents a[aria-current=location]{color:#fffef4;background:#22261f}.brand-app .course-guide-contents a[aria-current=location]:before{width:3px}.brand-app .course-guide-contents a[aria-current=location]>span:first-child{color:#d8f36a}.brand-app .course-guide-contents a[aria-current=location]>svg{opacity:1;transform:translate(0)}.brand-app .course-guide-location-note{color:#58624c;border-top:1px solid #c1c7b5;margin:14px 0;padding-top:16px;font-size:11px;line-height:1.8}.brand-app :is(.course-guide-resume,.course-guide-back){text-align:left;color:#22261f;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #c1c7b5;align-items:center;gap:8px;width:100%;padding:12px 0;font-size:12px;line-height:1.7;display:flex}.brand-app .course-guide-paper{min-width:0;max-width:850px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.brand-app .course-guide-paper>.course-guide-section{border-top:1px solid #bfc7b1;margin:0;padding:36px 0 40px;scroll-margin-top:32px;position:relative}.brand-app .course-guide-paper>.course-guide-section:first-child{border-top:2px solid #22261f;padding-top:24px}.brand-app .course-guide-section-title{grid-template-columns:46px minmax(0,1fr);align-items:start;gap:14px;margin-bottom:24px;display:grid}.brand-app .course-guide-section-title>span{letter-spacing:-.07em;color:#657653;padding-top:1px;font-size:30px;font-weight:850;line-height:1.2}.brand-app .course-guide-paper h2{letter-spacing:-.04em;margin:0;font-size:clamp(23px,2.4vw,30px);font-weight:800;line-height:1.6}.brand-app .course-guide-paper h2:focus-visible{outline-offset:6px;outline:2px solid #6b813d}.brand-app .course-guide-paper h3{letter-spacing:-.02em;margin:0 0 12px;font-size:20px;font-weight:750;line-height:1.7}.brand-app .course-guide-paper p{max-width:65ch;margin:0 0 16px;font-size:16px;line-height:2.05}.brand-app .course-guide-paper .eyebrow{margin-bottom:7px;font-size:11px;line-height:1.7;display:block}.brand-app .course-guide-paper .caption{color:#58624c;font-size:13px;line-height:1.9}.brand-app .course-guide-purpose{padding-left:60px}.brand-app .course-guide-before{background:0 0;border-top:1px dashed #bfc7b1;border-left:0;margin-top:26px;padding:20px 0 0 60px}.brand-app .course-guide-before h3{margin-bottom:10px;font-size:16px}.brand-app .course-guide-paper>.course-guide-try{background:#e6edcc;border:0;border-top:3px solid #22261f;margin:0 0 36px;padding:28px}.brand-app .course-guide-try .course-guide-section-title>span{color:#22261f}.brand-app .course-guide-notice{border-top:1px solid #b7c59d;padding-top:16px;margin-top:22px!important}.brand-app .course-guide-notice>strong{color:#3e502a;margin-bottom:6px;font-size:13px;display:block}.brand-app .course-guide-path ol{gap:0;margin:24px 0;padding:0;list-style:none;display:grid}.brand-app .course-guide-path li{border-top:1px solid #c4cdb7;grid-template-columns:40px minmax(0,1fr);gap:18px;padding:24px 0;display:grid}.brand-app .course-guide-path li>span{color:#52643f;padding-top:6px;font:700 15px ui-monospace,monospace}.brand-app .course-guide-path .text-btn{text-align:left;white-space:normal;justify-content:space-between;gap:12px;min-height:44px;font-size:14px;line-height:1.8}.brand-app .course-guide-ready ul{gap:0;margin:20px 0;padding:0;list-style:none;display:grid}.brand-app .course-guide-ready li{border-bottom:1px solid #c4cdb7;align-items:flex-start;gap:12px;padding:16px 0;line-height:1.95;display:flex}.brand-app .course-guide-ready li>svg{color:#52643f;flex-shrink:0;margin-top:6px}.brand-app .course-guide-create>p{border-left:3px solid #22261f;padding-left:22px;font-size:17px}.brand-app .course-guide-paper>.course-guide-help{background:0 0;border-top:2px solid #22261f;border-left:0;padding:28px 0}.brand-app .course-guide-help .course-guide-section-title>span{color:#22261f}.brand-app .course-guide-footer{border-top:1px solid #bfc7b1;flex-wrap:wrap;gap:14px;padding:26px 0;display:flex}.brand-app .course-guide-footer .btn{white-space:normal;text-align:left}.brand-app.large-text .course-guide-paper p{font-size:1.15rem}.brand-app.large-text .course-guide-contents a strong{font-size:1rem}.brand-app.large-text .course-guide-contents a small{font-size:.85rem}@media (width<=1100px){.brand-app .course-guide-reader{grid-template-columns:164px minmax(0,1fr);gap:26px}.brand-app .course-guide-purpose,.brand-app .course-guide-before{padding-left:0}}@media (width<=900px){.brand-app .course-guide-reader{display:block}.brand-app .course-guide-contents{z-index:8;background:#efeee9;border-bottom:1px solid #aab59a;max-height:none;margin-bottom:24px;position:sticky;top:8px;overflow:visible;box-shadow:0 7px #efeee9}.brand-app .course-guide-contents-top{border-bottom:0;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.brand-app .course-guide-contents-top>div>span{margin-bottom:1px;font-size:10px}.brand-app .course-guide-contents-top strong{gap:9px;font-size:14px}.brand-app .course-guide-contents-top>button{color:#f8f9ef;cursor:pointer;background:#22261f;border:1px solid #22261f;border-radius:2px;align-items:center;gap:10px;min-height:44px;padding:8px 12px;font-size:12px;display:flex}.brand-app .course-guide-contents-top>button svg{transition:transform .18s}.brand-app .course-guide-contents[data-open=true] .course-guide-contents-top>button svg{transform:rotate(180deg)}.brand-app .course-guide-contents-body{overscroll-behavior:contain;border-top:1px solid #c1c7b5;max-height:min(64dvh,560px);padding-bottom:12px;display:none;overflow:auto}.brand-app .course-guide-contents[data-open=true] .course-guide-contents-body{animation:.18s both course-guide-contents-in;display:block}.brand-app .course-guide-contents ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 16px;padding-top:10px;display:grid}.brand-app .course-guide-contents a{min-height:60px;margin:0;padding:10px}.brand-app .course-guide-location-note{margin:10px 0;font-size:11px}.brand-app .course-guide-paper>.course-guide-section{scroll-margin-top:104px}}@media (width<=600px){.brand-app .course-guide-section-title{grid-template-columns:34px minmax(0,1fr);gap:10px;margin-bottom:20px}.brand-app .course-guide-section-title>span{padding-top:4px;font-size:24px}.brand-app .course-guide-paper>.course-guide-section{padding-block:28px}.brand-app .course-guide-paper h2{font-size:22px}.brand-app .course-guide-paper h3{font-size:18px}.brand-app .course-guide-paper>.course-guide-try{margin-bottom:28px;padding:23px 18px}.brand-app .course-guide-before{margin-top:18px;padding:18px 0 0}.brand-app .course-guide-path li{grid-template-columns:28px minmax(0,1fr);gap:10px;padding-block:20px}.brand-app .course-guide-footer{grid-template-columns:minmax(0,1fr);display:grid}.brand-app .course-guide-create>p{padding-left:16px;font-size:16px}.brand-app.large-text .course-guide-contents ol{grid-template-columns:minmax(0,1fr)}}@keyframes course-guide-contents-in{0%{transform:translateY(-6px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.brand-app .course-guide-contents :is(a,svg),.brand-app .course-guide-contents-body{scroll-behavior:auto;transition:none!important;animation:none!important}}@media (forced-colors:active){.brand-app .course-guide-contents a[aria-current=location]{outline-offset:-2px;outline:2px solid highlight}.brand-app .course-guide-paper>.course-guide-try{border:1px solid canvastext}.brand-app .course-guide-contents-top>button{border-color:buttontext}}@media print{.brand-app .course-guide-reader{display:block}.brand-app .course-guide-contents,.brand-app .course-guide-footer{display:none}.brand-app .course-guide-paper>.course-guide-section{break-inside:avoid}.brand-app .course-guide-paper{box-shadow:none;border:0}}.brand-app .course-guide-preview{background:#f0f3e7;border-bottom:1px solid #c7d1b9;padding:22px}.brand-app .course-guide-preview p{color:#485e36;max-width:76ch;margin:0 0 13px;font-size:14px;line-height:1.95}.brand-app .course-guide-preview .btn{font-size:13px}.brand-app .lesson-course-intro{color:#586b48;border-bottom:1px solid #c6cfb9;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 22px;padding:14px 0;font-size:13px;display:flex}@media (width<=600px){.brand-app .course-guide-preview{padding:19px 15px}}.brand-app .lesson-purpose{background:#edf2e3;border-left:3px solid #839b5e;margin:0 0 24px;padding:20px}.brand-app .lesson-purpose>strong{color:#526f3b;margin-bottom:8px;font-size:13px;display:block}.brand-app .lesson-reading-all{background:#f3f5ed;border:1px solid #cbd5bc;border-radius:3px;margin:24px 0;padding:16px 18px}.brand-app .lesson-reading-all>summary{cursor:pointer;align-content:center;min-height:44px;font-weight:650;line-height:1.8}.brand-app .lesson-reading-all ol{padding-left:24px}.brand-app .lesson-reading-all li{border-bottom:1px solid #d2dbc6;padding:8px 0 8px 8px}.brand-app .lesson-reading-all li[aria-current=step]{background:#e8eedc;border-left:3px solid #7c9656}.brand-app .course-page>.brand-page-header{margin-bottom:22px;padding-block:20px 24px}.brand-app .course-page>.brand-page-header .brand-header-mark{display:none}.brand-app .course-start{background:var(--brand-ink);color:#fffef5;isolation:isolate;border-radius:4px;grid-template-columns:minmax(0,1.6fr) minmax(180px,.8fr);gap:28px;padding:32px 36px;display:grid;position:relative;overflow:hidden}.brand-app .course-start-copy{z-index:1;min-width:0;position:relative}.brand-app .course-start .eyebrow{color:#d8f36a;align-items:center;gap:9px;display:flex}.brand-app .course-start .eyebrow:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.brand-app .course-start h2{color:inherit;letter-spacing:-.04em;margin:14px 0 12px;font-size:clamp(22px,2.7vw,34px);line-height:1.5}.brand-app .course-start p{color:#d1d7c7;max-width:55ch;margin:0 0 22px;font-size:14px;line-height:1.85}.brand-app .course-start .btn.primary{color:#22261f;background:#d8f36a;border-color:#d8f36a;box-shadow:3px 3px #61783e}.brand-app .course-start .btn.primary:hover{background:#e3ff7a;box-shadow:4px 4px #61783e}.course-instrument{perspective:900px;pointer-events:none;align-self:center;min-height:180px;position:relative}.course-art-staff{opacity:.15;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:8% -10% 5%;transform:rotate(-13deg)}.course-art-staff i{border-top:1px solid #d8f36a}.course-art-keyboard,.course-art-pad{transform-style:preserve-3d;transition:transform .24s var(--ease-out),opacity .18s;background:#39412f;border:1px solid #5e6a50;border-radius:5px;padding:11px;position:absolute;bottom:12%;left:0;right:0;transform:rotateY(-12deg)rotateX(29deg)rotate(-8deg);box-shadow:10px 14px #13170f}.course-art-controls{align-items:center;gap:7px;height:24px;display:flex}.course-art-controls b{background:#d8f36a;width:28%;height:4px;margin-right:auto}.course-art-controls span{border:1px solid #adb59f;border-radius:50%;width:8px;height:8px}.course-art-keys{gap:1px;height:80px;display:flex}.course-art-keys>i{background:#efeee9;border-radius:0 0 2px 2px;flex:1;transition:transform .12s,background .12s;position:relative;box-shadow:0 4px #b9bba8}.course-art-keys>i>b{z-index:1;background:#151b11;width:70%;height:61%;position:absolute;top:0;left:73%;box-shadow:1px 3px #4a5041}.course-art-pad{opacity:0;width:140px;bottom:12%;left:auto;right:5%;transform:rotateY(-9deg)rotateX(24deg)rotate(9deg)}.course-art-pad-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.course-art-pad-grid>i{aspect-ratio:1;background:#58644a;border-radius:2px;box-shadow:0 3px #1d2516}.course-art-pad-grid>i:nth-child(5n+1){background:#d8f36a}.course-instrument[data-track=drums] .course-art-keyboard{opacity:0;transform:rotateY(-12deg)rotateX(29deg)rotate(-8deg)translateY(14px)}.course-instrument[data-track=drums] .course-art-pad{opacity:1;right:20%}.course-instrument[data-track=both] .course-art-pad{opacity:1;bottom:45%;right:-4%;transform:scale(.8)rotateY(-9deg)rotateX(24deg)rotate(9deg)}.course-instrument[data-track=both] .course-art-keyboard{bottom:0;transform:translate(-10px)rotateY(-12deg)rotateX(29deg)rotate(-8deg)scale(.9)}.brand-app .course-context-tools{border-bottom:1px solid #c1c6b8;justify-content:space-between;align-items:flex-start;gap:14px;margin:18px 0 24px;padding-bottom:18px;display:flex}.brand-app .course-instrument-choice{flex:1;min-width:0}.brand-app .course-instrument-choice>summary{cursor:pointer;align-items:center;gap:10px;width:fit-content;min-height:44px;font-size:14px;font-weight:650;list-style:none;display:flex}.brand-app .course-instrument-choice>summary::-webkit-details-marker{display:none}.brand-app .course-instrument-choice>summary svg:last-child{transition:transform .18s}.brand-app .course-instrument-choice[open]>summary svg:last-child{transform:rotate(180deg)}.brand-app[data-page=map] .course-instrument-choice .learning-choice{border:0;margin:8px 0 0;padding:10px 0 0}.brand-app[data-page=map] .course-instrument-choice .learning-choice h2{display:none}.brand-app .course-page .course-filters-toggle{white-space:nowrap;background:0 0;min-height:44px;display:flex}.brand-app .course-page .course-tools:not(.filters-open){display:none}.brand-app .course-page .course-tools.filters-open{animation:course-open .22s var(--ease-out);flex-wrap:wrap;gap:14px;padding:18px;display:flex}.brand-app .course-page .course-tools .search-field{flex:220px;min-width:0}.brand-app .course-page .course-chapter-picker{background:0 0;border:0;border-bottom:1px solid #aeb8a1;border-radius:0;gap:8px;margin:24px 0 18px;overflow:visible}.brand-app .course-page .course-chapter-picker button{min-height:108px;box-shadow:none;background:#e1e5d8;border-radius:3px;align-content:start;gap:10px;padding:17px 14px;font-size:13px;transition:background .18s,transform .18s;display:grid;position:relative;border:0!important}.brand-app .course-page .course-chapter-picker button>span{opacity:1;color:#77816b;font-size:18px}.brand-app .course-page .course-chapter-picker button.active{color:#253019;box-shadow:none;background:#d8f36a}.brand-app .course-page .course-chapter-picker button.active>span{color:inherit}.brand-app .course-page .course-chapter-picker button.active:after{content:"";background:#d8f36a;width:16px;height:16px;position:absolute;bottom:-8px;left:20px;transform:rotate(45deg)}.brand-app .course-page .course-section-intro{max-width:76ch;margin:0 0 15px;padding:18px 0}.brand-app .course-page .course-section-intro h2{margin:0 0 14px;font-size:25px}.brand-app .course-page .course-section-intro p{margin:0 0 12px;font-size:14px}.brand-app .course-section-intro details{margin:10px 0;font-size:14px}.brand-app .course-section-intro summary{cursor:pointer;color:#3c512b;align-content:center;min-height:44px;font-weight:600}.brand-app .course-page .catalog-links{border-top:1px solid #c0c8b3;margin-top:30px;padding-top:20px}.brand-app .course-page .course-help-details{margin:16px 0;font-size:13px}.course-help-details summary{cursor:pointer;align-content:center;min-height:44px}.brand-app .course-page .course-unit-list{border-left:1px solid #aebba0;gap:0;margin-left:15px;padding-left:20px;position:relative}.brand-app .course-page .course-unit{background:0 0;border:0;border-bottom:1px solid #b7c2aa;border-radius:0;margin-bottom:8px;position:relative;overflow:visible}.brand-app .course-page .course-unit>summary{background:0 0;gap:16px;min-height:90px;padding:24px 16px}.brand-app .course-page .course-unit .unit-number{background:var(--brand-paper);border:1px solid #8c9e79;border-radius:50%;flex-shrink:0;place-content:center;width:36px;height:36px;margin-left:-54px;font-size:15px;transition:background .18s,border-color .18s;display:grid}.brand-app .course-page .course-unit[open]>.unit-number,.brand-app .course-page .course-unit[open]>summary .unit-number{color:#29351d;background:#d8f36a;border-color:#738b3c}.brand-app .course-page .course-unit[open]>summary{background:0 0;border-bottom:0}.brand-app .course-page .course-unit .unit-title strong{font-size:20px;line-height:1.5}.brand-app .course-page .course-unit .unit-title small{margin-top:7px;font-size:12px;display:block}.brand-app .course-page .course-unit-body{background:#fffef9;border:1px solid #bec9b0;border-radius:3px;margin-bottom:18px;overflow:hidden}.brand-app .course-page .course-unit[open] .course-unit-body{animation:course-open .26s var(--ease-out)}.brand-app .course-page .course-unit .course-guide-preview{background:#f0f2e8;padding:22px 24px}.brand-app .course-page .course-row{grid-template-columns:32px minmax(0,1fr) 72px minmax(72px,auto) 18px;min-height:98px;padding:20px 24px}.brand-app .course-page .course-row-copy small{font-size:13px;line-height:1.75}.brand-app .course-page .course-row-copy .course-row-kind{color:#727d66;margin-top:6px;font-size:11px}.brand-app .course-row-detail[hidden]{display:none}.brand-app .course-page .course-row-meta{font-size:11px}.brand-app .course-page .course-row-status{padding:5px 8px;font-size:11px;line-height:1.6}.brand-app .course-page .course-row.is-next{background:#eaf0de;box-shadow:inset 4px 0 #7b9546}.brand-app .course-page .course-row.is-next .course-row-status{color:#f3f8e8;background:#27331d}.brand-app .course-page .course-row>svg{transition:transform .12s}.brand-app .course-page .search-unit{margin-left:0;padding:0 0 16px}.brand-app .course-page .search-unit h2{margin:20px 0;font-size:18px}.brand-app .course-page .course-unit-list:has(.search-unit){border-left:0;margin-left:0;padding-left:0}@keyframes course-open{0%{opacity:.55;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.brand-app .course-page .course-row:hover>svg{transform:translate(4px)}.brand-app .course-page .course-chapter-picker button:hover:not(.active){background:#d3ddc3;transform:translateY(-2px)}.course-start:hover .course-art-keys>i:nth-child(4){background:#d8f36a;transform:translateY(3px)}}@media (width<=900px){.brand-app .course-start{grid-template-columns:minmax(0,1fr) 180px;gap:18px;padding:27px}.course-art-keys{height:65px}.brand-app .course-page .course-row{grid-template-columns:30px minmax(0,1fr) 18px;gap:12px}.brand-app .course-page .course-row-status{grid-column:2;justify-self:start}.brand-app .course-page .course-row-meta{grid-column:2}.brand-app .course-page .course-row>svg{grid-area:1/3/4}.brand-app .course-page .course-row-status+.course-row-meta{grid-column:2}}@media (width<=600px){.brand-app .course-page>.brand-page-header{margin-bottom:14px;padding-block:16px 20px}.brand-app .course-start{grid-template-columns:minmax(0,1fr);padding:25px 22px}.brand-app .course-start-copy{padding-right:0}.brand-app .course-start h2{font-size:25px}.brand-app .course-start p{margin-bottom:18px;font-size:13px}.brand-app .course-start .btn{width:100%}.course-instrument{display:none}.brand-app .course-context-tools{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-bottom:16px}.brand-app .course-instrument-choice{flex-basis:100%}.brand-app .course-page .course-filters-toggle{border:0;padding:8px 0;font-size:13px}.brand-app .course-page .course-tools.filters-open{grid-template-columns:minmax(0,1fr);padding:16px;display:grid}.brand-app .course-page .course-chapter-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-block:18px}.brand-app .course-page .course-chapter-picker button{gap:7px;min-height:82px;padding:14px;font-size:12px}.brand-app .course-page .course-chapter-picker button.active:after{display:none}.brand-app .course-page .course-unit-list{margin-left:13px;padding-left:16px}.brand-app .course-page .course-unit>summary{flex-wrap:wrap;gap:10px;padding:20px 8px}.brand-app .course-page .course-unit .unit-number{width:28px;height:28px;margin-left:-43px;font-size:12px}.brand-app .course-page .course-unit .unit-title{flex-basis:calc(100% - 35px)}.brand-app .course-page .course-unit .unit-title strong{font-size:17px}.brand-app .course-page .course-unit .unit-count{margin-left:0;font-size:11px}.brand-app .course-page .course-unit .unit-title small{line-height:1.8}.brand-app .course-page .course-unit .course-guide-preview{padding:20px 17px}.brand-app .course-page .course-row{padding:20px 16px}.brand-app .course-page .course-row-copy strong{font-size:15px}.brand-app .course-page .course-row-copy small{font-size:12px}.brand-app .course-page .catalog-links{gap:10px;display:grid}.brand-app .course-page .catalog-links .text-btn{text-align:left;min-height:44px}}@media (prefers-reduced-motion:reduce){.brand-app .course-page *,.brand-app .course-page :before,.brand-app .course-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.brand-app .course-page .course-row:hover>svg,.brand-app .course-page .course-chapter-picker button:hover,.course-start:hover .course-art-keys>i{transform:none!important}}.brand-app .practice-steps{--step-ink:#22261f;--step-line:#bec7ae;--step-muted:#58654a;min-width:0;margin-block:22px}.brand-app .practice-steps .practice-step-location{border-bottom:1px solid var(--step-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:15px;display:flex}.brand-app .practice-steps .practice-step-location>.caption{color:var(--step-muted);align-items:baseline;gap:9px;margin:0;font-size:12px;display:flex}.brand-app .practice-steps .practice-step-location strong{letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:var(--step-ink);font-size:28px;font-weight:850;line-height:1}.brand-app .practice-steps .practice-step-route{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brand-app .practice-steps .practice-step-route>span{color:var(--step-muted);border:1px solid var(--step-line);background:#e4ead8;align-items:center;gap:7px;padding:7px 10px;font:700 12px ui-monospace,monospace;display:flex}.brand-app .practice-steps .practice-step-route>span:first-child{background:var(--step-ink);color:#d8f36a;border-color:var(--step-ink)}.brand-app .practice-steps .practice-step-route small{font-family:inherit;font-size:10px;font-weight:600;line-height:1.6}.brand-app .practice-steps .practice-step-route i{color:var(--step-muted);font-size:12px;font-style:normal}.brand-app .practice-steps .practice-step-current{border-left:3px solid var(--step-ink);padding:5px 0 5px 22px;scroll-margin-top:100px}.brand-app .practice-steps .practice-step-current>p{overflow-wrap:anywhere;max-width:66ch;margin:0;font-size:17px;line-height:2.05}.brand-app .practice-steps .practice-step-current:focus-visible{outline-offset:6px;outline:2px solid #6b813d}.brand-app .practice-steps .practice-step-navigation{border-top:1px solid var(--step-line);grid-template-columns:minmax(110px,.65fr) minmax(0,1.35fr);align-items:stretch;gap:12px;margin-top:24px;padding:20px 0;display:grid}.brand-app .practice-steps .practice-step-navigation>button{white-space:normal;text-align:center;justify-content:center;min-height:48px;padding:11px 15px;line-height:1.75}.brand-app .practice-steps .practice-step-navigation>.text-btn{border:1px solid var(--step-line);color:var(--step-ink);background:#f4f5ed;border-radius:2px}.brand-app .practice-steps .practice-step-navigation>.btn.secondary{background:var(--step-ink);border-color:var(--step-ink);color:#f8f9ee;box-shadow:3px 3px #b5c19a}.brand-app .practice-steps .practice-step-navigation>button:disabled{opacity:.43;box-shadow:none;cursor:not-allowed}.brand-app .practice-steps .practice-step-finish{color:var(--step-muted);align-content:center;margin:0;padding:8px 12px;font-size:13px;line-height:1.9}.brand-app .practice-steps .practice-steps-all{border-top:1px solid var(--step-line);border-bottom:1px solid var(--step-line);padding:0}.brand-app .practice-steps .practice-steps-all>summary{cursor:pointer;min-height:48px;padding:14px 0;font-size:14px;font-weight:750;line-height:1.8}.brand-app .practice-steps .practice-steps-all>.caption{color:var(--step-muted);margin:0 0 18px;font-size:12px;line-height:1.9}.brand-app .practice-steps .practice-steps-all ol{margin:0 0 18px;padding:0;list-style:none}.brand-app .practice-steps .practice-steps-all li{border-top:1px solid var(--step-line);overflow-wrap:anywhere;border-left:3px solid #0000;grid-template-columns:30px minmax(0,1fr);gap:13px;min-width:0;padding:19px 14px;line-height:2;display:grid}.brand-app .practice-steps .practice-steps-all li[aria-current=step]{border-left-color:var(--step-ink);background:#e8eedb}.brand-app .practice-steps .practice-steps-all li>span{color:var(--step-muted);padding-top:7px;font:700 12px ui-monospace,monospace}.brand-app.large-text .practice-steps :is(.practice-step-current>p,.practice-steps-all li>div){font-size:1.15rem}@media (width<=600px){.brand-app .practice-steps .practice-step-current{padding-left:15px}.brand-app .practice-steps .practice-step-current>p{font-size:16px}.brand-app .practice-steps .practice-step-navigation{grid-template-columns:minmax(88px,.7fr) minmax(0,1.3fr);gap:9px}.brand-app .practice-steps .practice-step-navigation>button{padding:10px;font-size:13px}.brand-app .practice-steps .practice-steps-all li{grid-template-columns:23px minmax(0,1fr);gap:9px;padding:16px 10px}}@media (width<=380px){.brand-app .practice-steps .practice-step-navigation{grid-template-columns:minmax(0,1fr)}}@media (forced-colors:active){.brand-app .practice-steps .practice-step-route>span:first-child{outline-offset:-2px;outline:2px solid highlight}.brand-app .practice-steps .practice-steps-all li[aria-current=step]{border-left-color:highlight}.brand-app .practice-steps .practice-step-navigation>button{border:1px solid buttontext}}.finger-number-guide{border:1px solid var(--line);border-radius:14px;margin:1.2rem 0;padding:1rem}.finger-number-guide figcaption p{margin:.5rem 0 1rem}.finger-number-hands{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1rem;display:grid}.finger-number-hand h3{margin:0 0 .6rem}.finger-number-hand ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.finger-number-hand li{border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:center;gap:.4rem;min-width:0;padding:.6rem .15rem;display:flex}.finger-number-hand b{font-size:1.4rem}.finger-number-hand li span{text-align:center;overflow-wrap:anywhere;font-size:.8rem}.finger-number-hand p{margin:.65rem 0 0}.finger-number-hand rt{font-size:.6rem}.repeat-route{min-width:0;margin:20px 0}.repeat-route p{line-height:1.8}.repeat-route .notation{max-width:100%}.repeat-current{border-left:3px solid var(--accent,#a64f2d);background:var(--paper,#fff);padding:12px 16px}.repeat-choices{flex-wrap:wrap;gap:8px;display:flex}.repeat-choices button{flex:90px;min-height:44px}.repeat-route .text-btn{min-height:44px}@media (width<=600px){.repeat-route .engraved-score svg{min-width:0;max-width:100%;height:auto!important}.repeat-route{padding:12px}.repeat-route .notation{padding:4px}}.f09-answer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:0;list-style:none;display:grid}.f09-answer-grid li{border:1px solid var(--line,#d8d8d0);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.f09-answer-grid label{justify-content:space-between;gap:8px;display:flex}.f09-answer-grid select{min-width:100px}.f09-transcription .panel{margin-bottom:20px}.f09-transcription textarea{width:100%}.f09-transcription [tabindex="-1"]:focus-visible{outline:3px solid var(--accent,#35604e);outline-offset:3px}.brand-app .lesson-reading-pages{--reading-ink:#22261f;--reading-line:#bec7ae;--reading-muted:#58654a;min-width:0;margin-block:18px}.brand-app .lesson-reading-pages .lesson-reading-location{border-bottom:1px solid var(--reading-line);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:23px;padding:0 0 15px;display:flex}.brand-app .lesson-reading-pages .lesson-reading-location>.caption{color:var(--reading-muted);white-space:nowrap;align-items:baseline;gap:9px;margin:0;font-size:12px;display:flex}.brand-app .lesson-reading-pages .lesson-reading-location strong{letter-spacing:-.055em;color:var(--reading-ink);font-variant-numeric:tabular-nums;font-size:28px;font-weight:850;line-height:1}.brand-app .lesson-reading-pages .lesson-reading-location>.caption>span{font-size:13px}.brand-app .lesson-reading-pages .lesson-reading-page-marks{flex:1;align-items:center;gap:4px;min-width:60px;max-width:230px;height:13px;display:flex}.brand-app .lesson-reading-pages .lesson-reading-page-marks>span{background:#c5cdba;border-radius:0;flex:1;min-width:0;height:4px;transition:height .16s,background .16s;display:block}.brand-app .lesson-reading-pages .lesson-reading-page-marks>span[data-current=true]{background:var(--reading-ink);height:10px}.brand-app .lesson-reading-pages .lesson-reading-location-label{color:var(--reading-muted);font-size:11px;line-height:1.7}.brand-app .lesson-reading-pages .lesson-reading-current{border-left:3px solid var(--reading-ink);min-width:0;padding:4px 0 4px 22px;scroll-margin-top:100px}.brand-app .lesson-reading-pages .lesson-reading-current>p{overflow-wrap:anywhere;max-width:66ch;margin:0;font-size:17px;line-height:2.05}.brand-app .lesson-reading-pages .lesson-reading-current:focus-visible{outline-offset:6px;outline:2px solid #6b813d}.brand-app .lesson-reading-pages .lesson-reading-navigation{border-top:1px solid var(--reading-line);grid-template-columns:minmax(110px,.65fr) minmax(0,1.35fr);align-items:stretch;gap:12px;margin-top:25px;padding:20px 0;display:grid}.brand-app .lesson-reading-pages .lesson-reading-navigation>button{white-space:normal;text-align:center;justify-content:center;min-height:48px;padding:11px 15px;line-height:1.75}.brand-app .lesson-reading-pages .lesson-reading-navigation>.text-btn{border:1px solid var(--reading-line);color:var(--reading-ink);background:#f4f5ed;border-radius:2px}.brand-app .lesson-reading-pages .lesson-reading-navigation>.btn.secondary{background:var(--reading-ink);border-color:var(--reading-ink);color:#f8f9ee;box-shadow:3px 3px #b5c19a}.brand-app .lesson-reading-pages .lesson-reading-navigation>button:disabled{opacity:.43;box-shadow:none;cursor:not-allowed}.brand-app .lesson-reading-pages .lesson-reading-finish{color:var(--reading-muted);align-content:center;margin:0;padding:8px 12px;line-height:1.9}.brand-app .lesson-reading-pages .lesson-reading-all{border:0;border-top:1px solid var(--reading-line);border-bottom:1px solid var(--reading-line);background:0 0;border-radius:0;margin:8px 0 20px;padding:0}.brand-app .lesson-reading-pages .lesson-reading-all>summary{cursor:pointer;min-height:48px;padding:14px 0;font-size:14px;font-weight:750;line-height:1.8}.brand-app .lesson-reading-pages .lesson-reading-all>.caption{color:var(--reading-muted);margin:0 0 18px;font-size:12px;line-height:1.9}.brand-app .lesson-reading-pages .lesson-reading-all ol{margin:0 0 18px;padding:0;list-style:none}.brand-app .lesson-reading-pages .lesson-reading-all li{border-top:1px solid var(--reading-line);background:0 0;border-bottom:0;border-left:3px solid #0000;grid-template-columns:30px minmax(0,1fr);gap:13px;min-width:0;padding:19px 14px;display:grid}.brand-app .lesson-reading-pages .lesson-reading-all li[aria-current=step]{border-left-color:var(--reading-ink);background:#e8eedb}.brand-app .lesson-reading-pages .lesson-reading-item-number{color:var(--reading-muted);padding-top:7px;font:700 12px ui-monospace,monospace}.brand-app .lesson-reading-pages .lesson-reading-all li p{overflow-wrap:anywhere;margin:0;font-size:16px;line-height:2.05}.brand-app .lesson-reading-pages .term-help-hint{color:var(--reading-muted);max-width:68ch;margin:14px 0 0;font-size:12px;line-height:1.9}.brand-app.large-text .lesson-reading-pages :is(.lesson-reading-current>p,.lesson-reading-all li p){font-size:1.15rem}@media (width<=600px){.brand-app .lesson-reading-pages .lesson-reading-location{gap:11px;margin-bottom:20px}.brand-app .lesson-reading-pages .lesson-reading-page-marks{min-width:44px;max-width:130px}.brand-app .lesson-reading-pages .lesson-reading-location-label{flex-basis:100%;margin-top:-2px}.brand-app .lesson-reading-pages .lesson-reading-current{padding-left:15px}.brand-app .lesson-reading-pages .lesson-reading-current>p{font-size:16px}.brand-app .lesson-reading-pages .lesson-reading-navigation{grid-template-columns:minmax(88px,.7fr) minmax(0,1.3fr);gap:9px}.brand-app .lesson-reading-pages .lesson-reading-navigation>button{padding:10px;font-size:13px}.brand-app .lesson-reading-pages .lesson-reading-all li{grid-template-columns:23px minmax(0,1fr);gap:9px;padding:16px 10px}}@media (width<=380px){.brand-app .lesson-reading-pages .lesson-reading-navigation{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.brand-app .lesson-reading-pages .lesson-reading-page-marks>span{transition:none}}@media (forced-colors:active){.brand-app .lesson-reading-pages .lesson-reading-page-marks>span{background:graytext}.brand-app .lesson-reading-pages .lesson-reading-page-marks>span[data-current=true]{background:highlight}.brand-app .lesson-reading-pages .lesson-reading-all li[aria-current=step]{border-left-color:highlight}.brand-app .lesson-reading-pages .lesson-reading-navigation>button{border:1px solid buttontext}}.lesson-preparation{border-left:3px solid var(--accent);background:var(--paper);overflow-wrap:anywhere;max-width:100%;margin:20px 0;padding:18px 22px}.lesson-preparation p{max-width:78ch;line-height:1.8}.lesson-preparation .btn{white-space:normal;text-align:left}@media (width<=600px){.lesson-preparation{padding:16px}.pathway-routine .btn{white-space:normal;text-align:left;width:100%}}.lesson-next-action{background:var(--paper);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:14px;margin:20px 0;padding:22px}.lesson-next-action h2{font-size:1.15rem}.lesson-next-action p{line-height:1.8}.lesson-next-action .button-row{align-items:stretch;margin:14px 0}.lesson-next-action .btn{white-space:normal;text-align:left;max-width:100%}.lesson-next-action .btn svg{flex-shrink:0}@media (width<=600px){.lesson-next-action{padding:16px}.lesson-next-action .button-row{grid-template-columns:minmax(0,1fr);display:grid}}.lesson-page .lesson-next-action .btn{justify-content:space-between;font-size:14px;line-height:1.5}.expression-observation{border-top:1px solid var(--line,#ccd2d6);margin-top:20px;padding-top:16px}.expression-observation ol{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;padding:0;list-style:none;display:grid}.expression-observation li{background:var(--paper,#fff);border:1px solid var(--line,#ccd2d6);border-radius:5px;padding:14px}.expression-observation p{line-height:1.8}.expression-observation li p{margin:6px 0;font-size:14px}@media (width<=650px){.lesson-page .lesson-footer{position:static}}.session-history{margin-bottom:32px}.session-history-entry{border-top:1px solid var(--border,#383a3a);padding:20px 0}.session-history-entry header{color:var(--muted,#aaa);flex-wrap:wrap;gap:8px 20px;font-size:12px;display:flex}.session-history-entry h3{margin:8px 0}.session-history-entry details{max-width:75ch;margin:12px 0}.session-history-entry summary{cursor:pointer}.session-history-entry p{overflow-wrap:anywhere;line-height:1.8}.session-history .section-heading{flex-wrap:wrap;gap:12px}.session-history .section-heading label{align-items:center;gap:10px;display:flex}.session-history select{background:var(--paper,#fffefa);max-width:100%;color:var(--ink,#233a31);border:1px solid var(--line,#e5e7df);border-radius:5px;padding:8px}.practice-journal-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.practice-journal-filters label{gap:6px;min-width:0;display:grid}.practice-journal-filters select{width:100%;min-width:0}@media (width<=650px){.practice-journal-filters{grid-template-columns:minmax(0,1fr)}}.review-page>.section-heading{flex-wrap:wrap;gap:8px 20px}.review-explanation{max-width:70ch;margin:12px 0 20px}.review-explanation summary{cursor:pointer;text-underline-offset:4px;min-height:44px;line-height:44px;text-decoration:underline}.review-explanation p{line-height:1.9}@media (width<=650px){.review-page>.section-heading{flex-direction:column;align-items:flex-start}.review-page>.section-heading h2{margin-bottom:0}.review-page>.section-heading .caption{max-width:100%}}.app-shell .studio-brand-page{--studio-ink:#22261f;--studio-paper:#f8f8f0;--studio-lime:#d8f36a;--studio-line:#c6cabc;min-width:0}.app-shell .studio-brand-page .studio-section-heading{border-bottom:1px solid var(--studio-ink);color:var(--studio-ink);flex-wrap:wrap;align-items:baseline;gap:12px 18px;margin:30px 0 18px;padding:0 0 14px;display:flex}.app-shell .studio-brand-page .studio-section-heading>span{border:1px solid;align-self:center;padding:7px 9px;font:600 12px/1 ui-monospace,monospace}.app-shell .studio-brand-page .studio-section-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(19px,2vw,26px);font-weight:800;line-height:1.4}.app-shell .studio-brand-page .studio-section-heading>p{color:#616756;margin:0 0 0 auto;font-size:12px;line-height:1.6}.app-shell .studio-brand-page .studio-overline{color:#4e5646;letter-spacing:.08em;margin-bottom:12px;font-size:11px;font-weight:750;line-height:1.7;display:block}.app-shell .studio-brand-page .studio-file-tools{border-block:1px solid var(--studio-line);margin-bottom:24px;padding:0 0 12px}.app-shell .studio-brand-page .studio-file-tools>summary{cursor:pointer;align-content:center;min-height:48px;font-size:13px;font-weight:650}.app-shell .studio-brand-page .studio-file-tools .button-row{padding:8px 0}.app-shell .keyboard-studio .exploration{border:1px solid var(--studio-ink);border-top:6px solid var(--studio-ink);background:#f9f9f2;border-radius:4px;margin-bottom:36px;padding:clamp(18px,3vw,32px);box-shadow:5px 5px #d9ddcc}.app-shell .keyboard-studio .exploration>p:first-child{color:#41483a;max-width:48em;margin-top:0;font-size:15px}.app-shell .keyboard-studio .explore-first-steps{border:0;border-left:5px solid var(--studio-lime);background:#e9eddf;border-radius:0;margin:22px 0;padding:20px 24px}.app-shell .keyboard-studio .explore-first-steps .caption{letter-spacing:.06em;color:#59634b;margin:0 0 10px;font:650 11px/1.6 ui-monospace,monospace}.app-shell .keyboard-studio .explore-first-steps h2{letter-spacing:-.05em;color:var(--studio-ink);margin:0 0 10px;font-size:clamp(23px,2.6vw,32px);font-weight:800}.app-shell .keyboard-studio .explore-first-steps p{color:#41483a;max-width:48em;font-size:15px}.app-shell .keyboard-studio .explore-first-steps>.text-btn{color:#35432a;margin:0 0 10px;font-weight:700}.app-shell .keyboard-studio #explore-keyboard{border-top:1px solid var(--studio-line);margin-top:18px;padding:18px 0 10px}.app-shell .keyboard-studio .lab-reference{border:1px solid var(--studio-line);background:#f8f8f0;border-radius:3px;min-width:0;margin:12px 0;padding:0 22px}.app-shell .keyboard-studio .lab-reference>summary{cursor:pointer;min-height:56px;padding:20px 0;font-size:16px;font-weight:750;line-height:1.6}.app-shell .keyboard-studio .lab-reference[open]{padding-bottom:20px}.app-shell .keyboard-studio .lab-reference[open]>summary{border-bottom:1px solid var(--studio-line);margin-bottom:20px}.app-shell .keyboard-studio .lab-stage{border-top:4px solid var(--studio-ink)}.app-shell .keyboard-studio .note-pills>span.root{background:var(--studio-lime);color:#26371c;border-color:#a5bb52}.app-shell .keyboard-studio .lab-title h2{letter-spacing:-.05em;font-size:clamp(26px,3vw,40px);font-weight:800}.app-shell .keyboard-studio .live-note{border:1px solid var(--studio-line);color:#4c5840;background:#e9eddf}.app-shell .keyboard-studio .live-note strong{color:#2a3622}.app-shell .keyboard-studio .explore-feedback{background:#e9eddf;border-radius:3px}.app-shell .keyboard-studio .explore-feedback strong{color:#2a3622}.app-shell .compose-page .compose-entry{border:1px solid var(--studio-line);background:#e9eddf;border-radius:3px;margin-block:24px;padding:24px 28px}.app-shell .compose-page .compose-entry h2{letter-spacing:-.05em;margin:0 0 18px;font-size:24px;font-weight:800}.app-shell .compose-page .compose-entry>ol{counter-reset:compose-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 22px;padding:0;list-style:none;display:grid}.app-shell .compose-page .compose-entry>ol>li{counter-increment:compose-step;color:#343f2a;margin:0;padding:0 0 0 34px;font-size:14px;line-height:1.8;position:relative}.app-shell .compose-page .compose-entry>ol>li:before{content:counter(compose-step,decimal-leading-zero);color:#586c38;font:700 12px/1.8 ui-monospace,monospace;position:absolute;top:0;left:0}.app-shell .compose-page .compose-entry details{border-top:1px solid #c4ccb4}.app-shell .compose-page .composer{border:1px solid var(--studio-ink);border-top:6px solid var(--studio-ink);background:#fafaf3;border-radius:4px;padding:clamp(18px,2.4vw,30px);box-shadow:5px 5px #d9ddcc}.app-shell .compose-page .composer>.studio-section-heading{margin-top:0}.app-shell .compose-page .transport{border-bottom:1px solid var(--studio-line);align-items:flex-start;gap:18px;padding-bottom:24px}.app-shell .compose-page .transport .project-name{border:0;border-bottom:2px solid var(--studio-ink);letter-spacing:-.04em;background:0 0;border-radius:0;flex:200px;width:100%;max-width:none;padding:14px 0;font-size:24px;font-weight:800}.app-shell .compose-page .transport-actions{flex:480px;align-items:center;gap:10px}.app-shell .compose-page .transport-btn{background:var(--studio-ink);color:#f6f7eb;border-color:var(--studio-ink);border-radius:3px;min-height:44px;font-weight:700}.app-shell .compose-page .transport-btn.record{color:#a33620;background:#ffebe2;border-color:#ca8d75}.app-shell .compose-page .transport-btn.record.active{color:#fff;background:#b83b25;border-color:#b83b25}.app-shell .compose-page .compose-edit-actions{margin-top:24px;padding-top:12px}.app-shell .compose-page .editor-layout{border:1px solid var(--studio-ink);border-radius:3px;margin-top:16px}.app-shell .compose-page .track-list{background:#e6eadb;border-color:#b9c1ad;width:170px}.app-shell .compose-page .track{border-color:#c8cfbc}.app-shell .compose-page .track.selected{box-shadow:inset 4px 0 var(--studio-ink);background:#d8e7b8}.app-shell .compose-page .track-select{min-height:86px;padding:18px 15px}.app-shell .compose-page .track-select strong{color:#29351f;font-size:14px}.app-shell .compose-page .track-select small{color:#5b6751;font-size:11px}.app-shell .compose-page .track-mute{color:#4b5a3c;top:20px;right:8px}.app-shell .compose-page .bar-labels{color:#394b2c;background:#e9eddf;padding-block:10px;font-size:12px}.app-shell .compose-page .pitch-label{color:#445038;background:#edf0e4;font-size:11px}.app-shell .compose-page .composer-reflection{border-top:1px solid var(--studio-line);margin-top:32px;padding-top:12px}.app-shell .studio-brand-page .drum-machine,.app-shell .studio-brand-page .fm-console{color:#f4f6e9;background:#22261f;border:1px solid #59614e;border-bottom:8px solid #151910;border-radius:5px;box-shadow:6px 6px #bdc4ad,inset 0 1px #ffffff17}.app-shell .studio-brand-page .drum-machine{padding:clamp(20px,3vw,34px)}.app-shell .studio-brand-page .drum-machine .drum-model,.app-shell .studio-brand-page .fm-console .fm-model{letter-spacing:-.07em;color:#d8f36a;font:700 clamp(24px,3vw,36px)/1.2 ui-monospace,monospace}.app-shell .studio-brand-page .drum-machine header{border-bottom:1px solid #566149;margin-bottom:20px;padding-bottom:20px}.app-shell .studio-brand-page .drum-machine h2,.app-shell .studio-brand-page .fm-console h2{color:#f4f6e9;font-weight:750}.app-shell .studio-brand-page .drum-machine header output{color:#d8f36a;letter-spacing:0;white-space:nowrap;background:#11180d;border:1px solid #788b57;padding:14px;font:650 12px/1.6 ui-monospace,monospace;box-shadow:inset 0 0 20px #bcf34a08}.app-shell .studio-brand-page .drum-machine p,.app-shell .studio-brand-page .drum-machine .drum-machine-hint{color:#c7cfba}.app-shell .studio-brand-page .drum-machine .text-btn,.app-shell .studio-brand-page .drum-machine footer label{color:#d8e8c1}.app-shell .studio-brand-page .drum-machine .btn.secondary,.app-shell .studio-brand-page .fm-console .btn.secondary{color:#f0f6e5;box-shadow:none;background:#3b4431;border:1px solid #8f9b7a}.app-shell .studio-brand-page .drum-machine .btn.primary,.app-shell .studio-brand-page .fm-console .btn.primary{color:#22261f;background:#d8f36a;border:1px solid #d8f36a;box-shadow:2px 2px #10160b}.app-shell .studio-brand-page .drum-machine input[type=range],.app-shell .studio-brand-page .fm-console input[type=range]{accent-color:#d8f36a}.app-shell .studio-brand-page .drum-machine .drum-phase{color:#e8ffc2;background:#11180d;border:1px solid #6c7c56;border-radius:3px;font-weight:700;line-height:1.6}.app-shell .studio-brand-page .drum-machine .drum-pad:not([data-hit=true]):not(:active){border-color:#a2b48e #a2b48e #1a2312}.app-shell .studio-brand-page .drum-machine .drum-mapping-buttons>div{border-color:#64754f}.app-shell .studio-brand-page .drum-machine .drum-learn{color:#d2dfc3}.app-shell .studio-brand-page .drum-workspace{gap:28px}.app-shell .studio-brand-page .drum-course-entry{background:#e9eddf;border-color:#c4ccb4;border-radius:3px;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:20px 24px;display:flex}.app-shell .studio-brand-page .drum-course-entry h2{margin:0;font-size:17px}.app-shell .studio-brand-page .drum-course-entry p{color:#414b35;flex:300px;margin:0}.app-shell .studio-brand-page .drum-lesson{border-color:var(--studio-line);border-radius:3px;padding:26px}.app-shell .studio-brand-page .drum-lesson>h2{letter-spacing:-.04em;font-size:25px;font-weight:800}.app-shell .studio-brand-page .fm-console{margin-top:22px;margin-bottom:36px;padding:clamp(22px,3.5vw,40px)}.app-shell .studio-brand-page .fm-console:before,.app-shell .studio-brand-page .fm-console:after{color:#82936c}.app-shell .studio-brand-page .fm-console-head{border-bottom:1px solid #566149;padding-bottom:22px}.app-shell .studio-brand-page .fm-console p,.app-shell .studio-brand-page .fm-console .caption{color:#c2ccb4}.app-shell .studio-brand-page .fm-console label{color:#d2dbc5}.app-shell .studio-brand-page .fm-console select,.app-shell .studio-brand-page .fm-console input[type=number]{color:#edf7de;box-shadow:none;background:#151c0f;border-color:#6d8052}.app-shell .studio-brand-page .fm-console .text-btn{color:#d8e8c1}.app-shell .studio-brand-page .fm-console .fm-status{color:#d7e2c8;border-color:#71855a;border-radius:2px}.app-shell .studio-brand-page .fm-console .fm-status[data-active=true]{color:#d8f36a;box-shadow:none;border-color:#a4c94d}.app-shell .studio-brand-page .fm-console .fm-advanced,.app-shell .studio-brand-page .fm-console .fm-morph,.app-shell .studio-brand-page .fm-console .fm-effects{background:#1b2215;border-color:#596d42;border-radius:3px;padding:18px 20px}.app-shell .studio-brand-page .fm-console .fm-advanced>summary{color:#d8f36a;align-content:center;min-height:44px;font-weight:650;line-height:1.6}.app-shell .studio-brand-page .fm-console .fm-operator{box-shadow:none;background:#2b3423;border-color:#596d42 #596d42 #11190b;border-radius:3px}.app-shell .studio-brand-page .fm-console .fm-operator[data-carrier=true]{border-top-color:#d8f36a}.app-shell .studio-brand-page .fm-console .fm-operator b,.app-shell .studio-brand-page .fm-console .fm-operator output{color:#d8f36a}.app-shell .studio-brand-page .fm-console .fm-routing{color:#d8f36a;box-shadow:none;background:#10170b;border-color:#495c35}.app-shell .studio-brand-page .fm-console .fm-library-anchor>.panel{color:#e8f0dd;background:#182012;border-color:#596d42}@media (prefers-reduced-motion:no-preference){.studio-brand-page>.studio-section-heading{animation:.35s both studio-section-arrive}.studio-brand-page .lab-reference>summary,.studio-brand-page .studio-file-tools>summary{transition:color .18s}.studio-brand-page .lab-reference>summary:hover,.studio-brand-page .studio-file-tools>summary:hover{color:#546b27}}@keyframes studio-section-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (width<=950px){.app-shell .compose-page .compose-entry>ol{grid-template-columns:minmax(0,1fr);gap:12px}.app-shell .compose-page .transport-actions{flex-basis:100%}.app-shell .compose-page .track-list{width:140px}}@media (width<=600px){.app-shell .studio-brand-page .studio-section-heading{gap:10px;margin-top:24px}.app-shell .studio-brand-page .studio-section-heading>p{flex-basis:100%;margin-left:0;padding-left:50px}.app-shell .keyboard-studio .exploration,.app-shell .compose-page .composer{padding:18px 14px;box-shadow:3px 3px #d9ddcc}.app-shell .keyboard-studio .explore-first-steps{padding:18px 16px}.app-shell .keyboard-studio .lab-reference{padding-inline:14px}.app-shell .compose-page .compose-entry{padding:20px 18px}.app-shell .compose-page .track-list{width:112px}.app-shell .compose-page .track-select{min-height:86px;padding:14px 10px}.app-shell .compose-page .track-select strong{font-size:12px}.app-shell .compose-page .track-select small{font-size:10px}.app-shell .compose-page .track-mute{top:auto;bottom:8px}.app-shell .studio-brand-page .drum-machine{padding:18px 12px}.app-shell .studio-brand-page .drum-machine header{flex-wrap:wrap;align-items:flex-start}.app-shell .studio-brand-page .drum-machine header output{padding:8px 12px}.app-shell .studio-brand-page .drum-lesson{padding:20px 16px}.app-shell .studio-brand-page .drum-course-entry{gap:12px;padding:18px}.app-shell .studio-brand-page .fm-console{padding:22px 16px;box-shadow:3px 3px #bdc4ad}.app-shell .studio-brand-page .fm-console .fm-advanced,.app-shell .studio-brand-page .fm-console .fm-morph,.app-shell .studio-brand-page .fm-console .fm-effects{padding:14px 12px}}@media (prefers-reduced-motion:reduce){.studio-brand-page>.studio-section-heading{animation:none}.studio-brand-page .lab-reference>summary,.studio-brand-page .studio-file-tools>summary{transition:none}}.instrument-display-options{margin:0 20px}.instrument-display-options>summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:13px;display:flex}.instrument-display-options>summary:before{content:"＋"}.instrument-display-options[open]>summary:before{content:"−"}.instrument-display-options>summary:focus-visible{outline-offset:2px;outline:3px solid #b35732}.instrument-display-options .instrument-view-tools{padding:0 0 12px}.compose-page .transport-actions{flex-wrap:wrap;gap:8px}.compose-page .transport-btn{white-space:normal;justify-content:center;align-items:center;gap:6px;width:auto;min-width:44px;height:auto;min-height:44px;padding:10px 12px;display:inline-flex}.compose-entry ol{margin-bottom:12px;padding-left:1.5em}.compose-entry li{margin:8px 0;line-height:1.8}.compose-page .composer>details>summary{cursor:pointer;padding:10px 0;line-height:1.6}.compose-page .composer>details.panel{margin:16px 0;padding:12px 16px}.compose-page .composer>details .editor-toolbar{flex-wrap:wrap}@media (width<=600px){.compose-page .transport-actions .transport-btn{flex:120px}.compose-page .composer>details.panel{padding:8px 12px}}.note-inspector .beat-position-field{flex:0 17rem;min-width:0}.note-inspector .beat-position-field input{width:9rem;max-width:100%}.note-inspector .beat-position-field small{white-space:normal;max-width:28em;font-size:12px;line-height:1.6;display:block}.note-inspector .beat-position-field [role=alert]{color:#963b2c}.compose-edit-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:16px 0 8px;display:flex}.compose-edit-actions p{margin:0}.compose-page .composer:focus-visible{outline:3px solid var(--accent,#35604e);outline-offset:4px}@media (width<=600px){.compose-edit-actions .btn{width:100%}}.composition-task>summary{cursor:pointer;line-height:1.7}.composition-task[open]>summary{margin-bottom:16px}.composition-task li{margin:12px 0;line-height:1.85}.composition-task .panel{box-shadow:none;background:0 0;border:0;padding:0}.note-inspector>label{min-width:9rem;max-width:100%}.note-inspector>label>select{max-width:100%}.compose-entry summary{cursor:pointer;min-height:44px;padding:10px 0;line-height:1.6}.compose-entry details+details{border-top:1px solid var(--line,#ddd)}.compose-entry details p{line-height:1.85}.project-library-browser{min-width:0}.project-library-browser h2{margin-top:0}.project-library-browser p{line-height:1.8}.project-current{overflow-wrap:anywhere;gap:6px;display:grid}.project-current span{font-size:13px}.project-library-filters{flex-wrap:wrap;align-items:end;gap:16px;margin-top:20px;display:flex}.project-library-filters label{gap:6px;min-width:0;display:grid}.project-library-filters input,.project-library-filters select{background:var(--paper,#fffefa);min-width:0;max-width:100%;color:var(--ink,#25292d)}.project-library-browser ul{margin:12px 0;padding:0;list-style:none}.project-library-browser li{border-top:1px solid var(--line,#d8dcdf);align-items:center;gap:16px;padding:14px 0;display:flex}.project-library-browser li>div{overflow-wrap:anywhere;flex:1;gap:6px;min-width:0;display:grid}.project-library-browser small{font-size:12px}.project-library-browser .btn{white-space:normal;flex-shrink:0}.project-library-browser .badge{justify-self:start}@media (width<=600px){.project-library-filters,.project-library-browser .button-row{grid-template-columns:minmax(0,1fr);display:grid}.project-library-browser li{align-items:start}.project-library-browser li .btn{padding:10px;font-size:13px}}.compose-page .project-library-browser .btn{font-size:14px;line-height:1.5}:root{color:#263c35;font-synthesis:none;--green:#315b4b;--ink:#233a31;--muted:#7a857c;--line:#e5e7df;--paper:#fffefa;--peach:#c48666;--sage:#789788;background:#f8f7f2;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:14px;line-height:1.65}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #c48b61}input,select,textarea{color:var(--ink);background:#fffefa;border:1px solid #daddd3;border-radius:8px;padding:9px 11px}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px}input[type=range]{accent-color:var(--green);padding:0}textarea{resize:vertical;width:100%}a{color:var(--green);text-underline-offset:3px;text-decoration-thickness:1px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:.025em;margin-bottom:9px;font-size:29px;font-weight:650;line-height:1.45}h2{font-size:19px;font-weight:650;line-height:1.5}p{margin-bottom:14px}svg{flex-shrink:0}button svg{vertical-align:middle}.app-shell{min-height:100vh;display:flex}.large-text{font-size:16px}.sidebar{z-index:10;background:#f0f1e9;border-right:1px solid #e4e7dc;flex-direction:column;flex-shrink:0;width:238px;padding:30px 19px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:11px;margin-bottom:45px;padding:0 10px;display:flex}.brand strong{letter-spacing:-.7px;font-size:22px;font-weight:750}.brand strong span{vertical-align:super;margin-left:2px;font-size:9px}.brand small{color:#748076;letter-spacing:.13em;margin-top:1px;font-size:10px;display:block}.brand-mark{background:#315647;border-radius:10px;align-items:flex-end;gap:3px;width:35px;height:37px;padding:10px 7px;display:flex;transform:rotate(-5deg)}.brand-mark i{background:#f1e9d5;border-radius:2px;width:5px;height:17px}.brand-mark i:nth-child(2){height:23px}.sidebar-label{letter-spacing:.15em;color:#949e92;margin:0 16px 14px;font-size:9px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{text-align:left;color:#647168;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;min-height:44px;padding:12px 14px;font-size:12px;font-weight:550;display:flex}.sidebar nav button svg{stroke-width:1.65px}.sidebar nav button.active{color:#2e5646;background:#e2e9dc;font-weight:650}.nav-dot{background:#386a51;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-spacer{flex:1;min-height:28px}.sidebar-tip{background:#e9e8db;border-radius:12px;margin:16px 4px 20px;padding:18px 16px;position:relative}.sidebar-tip strong{font-size:12px}.sidebar-tip p{color:#7c8475;margin:8px 0;font-size:10px;line-height:1.9}.tiny-note{color:#ad9c76;font-size:26px;position:absolute;top:10px;right:15px;transform:rotate(12deg)}.sidebar-tip button{color:#4f6650;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:10px;display:flex}.device-status{text-align:left;background:#f7f8f0;border:1px solid #dce1d4;border-radius:10px;align-items:center;gap:8px;min-width:0;padding:10px 9px;display:flex}.device-icon{color:#657e5f;background:#e7eddf;border-radius:7px;justify-content:center;align-items:center;width:28px;height:30px;display:flex}.device-status div{flex:1;overflow:hidden}.device-status strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.device-status.connected .device-icon{color:#346544;background:#dde8db}.settings-nav{color:#778174;background:0 0;border:0;align-items:center;gap:10px;padding:16px 12px;font-size:10px;display:flex}.sidebar-bottom{letter-spacing:.14em;color:#969e8f;border-top:1px solid #dfe3d5;align-items:center;gap:6px;padding:14px 12px 0;font-size:8px;display:flex}.sidebar-bottom small{margin-left:auto}.local-dot{background:#789169;border-radius:50%;width:4px;height:4px}.topbar{border-bottom:1px solid var(--line);background:#f9f8f3;justify-content:space-between;align-items:center;height:75px;padding:0 42px;display:flex}.breadcrumb{align-items:center;gap:15px;font-size:10px;display:flex}.breadcrumb>span{letter-spacing:.13em;color:#9ca596;font-size:9px}.topbar-right{align-items:center;gap:24px;display:flex}.topbar-right>span{color:#8d977f;align-items:center;gap:7px;font-size:9px;display:flex}.topbar-right i{background:#859976;border-radius:50%;width:4px;height:4px}.profile-button{color:#8f7f5b;background:#ede6d3;border:1px solid #dddacb;border-radius:50%;width:32px;height:32px;font-size:9px;font-weight:600}.main-content{max-width:1490px;min-height:calc(100vh - 130px);margin:0 auto;padding:34px 42px 22px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.page-heading p{color:#8b9586;letter-spacing:.015em;margin:0;font-size:11px}.eyebrow{letter-spacing:.15em;color:#8c9b85;margin-bottom:9px;font-size:9px;font-weight:600;display:block}.date-pill{white-space:nowrap;color:#87927e;background:#f0f1e8;border:1px solid #e0e4d7;border-radius:20px;padding:6px 13px;font-size:10px}.hero-row{grid-template-columns:minmax(0,2.55fr) minmax(230px,1fr);gap:19px;display:grid}.hero{color:#f7f4e8;background:#315747;border-radius:15px;min-height:283px;padding:28px 29px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:60%;position:relative}.hero-eyebrow{color:#b8cdb8;letter-spacing:.035em;align-items:center;gap:7px;margin-bottom:14px;font-size:10px;display:flex}.hero-eyebrow>span{background:#d2b385;border-radius:50%;width:5px;height:5px}.hero h2{letter-spacing:.025em;margin:0 0 11px;font-size:23px;font-weight:600;line-height:1.55}.hero p{color:#b4c9b5;max-width:350px;font-size:11px;line-height:1.9}.hero-meta{color:#a7bdab;align-items:center;gap:18px;margin:18px 0;font-size:9px;display:flex}.hero-meta>span:first-child{align-items:center;gap:5px;display:flex}.piano-art{width:45%;height:90%;position:absolute;top:5%;right:-1%}.btn{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:10px 15px;font-size:11px;font-weight:600;transition:background .15s;display:inline-flex}.btn.primary{color:#fffbee;background:#315b4b}.btn.primary:hover{background:#254b3b}.btn.cream{color:#315345;background:#f1ead4;border-color:#f1ead4;font-size:10px}.btn.cream:hover{background:#fffae9}.journey-card{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:14px;padding:24px}.journey-card>.eyebrow{text-align:left}.journey-card h3{color:#63755e;text-align:left;margin-bottom:15px;font-size:12px}.progress-ring{background:conic-gradient(#648963 var(--progress),#e9eee2 0);border-radius:50%;width:128px;height:128px;margin:0 auto 17px;padding:8px;transform:rotate(0)}.progress-ring>div{background:#fffefa;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.progress-ring strong{letter-spacing:-1px;font-size:31px;font-weight:550;line-height:1.3}.progress-ring strong span{color:#a1ae99;letter-spacing:0;font-size:12px}.progress-ring small{color:#8d9b83;font-size:8px}.journey-stats{border-top:1px solid var(--line);justify-content:center;gap:32px;padding:12px 0 6px;display:flex}.journey-stats div{flex-direction:column;display:flex}.journey-stats strong{font-size:17px;font-weight:550;line-height:1.3}.journey-stats span{color:#8f9b85;font-size:8px}.journey-card>.caption{font-size:8px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin:29px 0 16px;display:flex}.section-heading h2{align-items:center;gap:9px;margin:0;font-size:16px;display:flex}.text-btn{color:#668359;background:0 0;border:0;align-items:center;gap:7px;padding:5px 0;font-size:10px;display:inline-flex}.text-btn:hover{color:#274e36;text-decoration:underline}.daily-cards{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.daily-card{background:var(--paper);border:1px solid var(--line);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;padding:21px 22px;transition:transform .15s,border-color .15s;display:flex}.daily-card:hover,.domain-preview>button:hover{border-color:#a9bea1;transform:translateY(-3px)}.round-icon{border-radius:12px;justify-content:center;align-items:center;width:43px;height:43px;margin-bottom:14px;display:flex}.peach{color:#b8876c;background:#f4e2d5}.sage{color:#7c926d;background:#e8edde}.sand{color:#aa945e;background:#f1ecd9}.card-kicker{color:#a7af9b;letter-spacing:.03em;margin-bottom:7px;font-size:9px}.daily-card strong{margin-bottom:9px;font-size:14px;font-weight:650}.daily-card p{color:#929d89;min-height:38px;margin-bottom:15px;font-size:10px;line-height:1.9}.card-link{color:#6b855b;align-items:center;gap:10px;margin-top:auto;font-size:10px;display:flex}.caption{color:#8c9881;font-size:10px;line-height:1.8}.domain-preview{grid-template-columns:repeat(5,1fr);gap:13px;display:grid}.domain-preview>button{text-align:left;border:1px solid var(--line);background:#fffefa;border-radius:11px;flex-direction:column;align-items:flex-start;padding:17px;transition:transform .15s;display:flex}.domain-glyph{color:#9a9e83;margin-bottom:10px}.domain-glyph svg{stroke-width:1.5px;width:21px;height:21px}.glyph-0{color:#b19575}.glyph-1{color:#8f9c78}.glyph-2{color:#829387}.glyph-3{color:#ac9c70}.glyph-4{color:#b58f76}.domain-preview strong{font-size:11px}.domain-preview button>span:not(.domain-glyph){color:#9ca58e;margin-top:3px;font-size:9px}.mini-progress{background:#edf0e5;border-radius:3px;width:100%;height:3px;margin:14px 0 6px;overflow:hidden}.mini-progress i{background:#83a27a;height:100%;display:block}.domain-preview small{color:#a5ae99;font-size:8px}.gentle-note{color:#829376;background:#eeefe4;border-radius:8px;align-items:center;gap:10px;margin-top:24px;padding:13px 17px;display:flex}.gentle-note p{margin:0;font-size:10px}.gentle-note>span{color:#a1ad92;white-space:nowrap;margin-left:auto;font-size:8px}.app-footer{color:#acb29f;border-top:1px solid #e6e9dd;justify-content:space-between;align-items:center;max-width:1490px;margin:auto;padding:17px 42px;font-size:8px;display:flex}.app-footer button{color:#9da88f;background:0 0;border:0;gap:7px;font-size:8px;display:flex}.skip-link{z-index:200;background:#fff;max-width:calc(100vw - 16px);padding:10px;position:fixed;top:8px;left:8px;transform:translateY(calc(-100% - 16px))}.skip-link:focus{transform:translateY(0)}.toast{color:#fffae9;z-index:120;background:#315847;border-radius:11px;align-items:center;gap:15px;max-width:550px;padding:15px 18px;font-size:12px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 30px #273d3330}.toast button{color:#fff;background:0 0;border:0;padding:3px}.save-error{color:#92533b;background:#f7e3d2;padding:14px 40px;font-size:12px}.save-error button{margin-left:15px}.fatal-error{padding:10vh 10vw}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:18px;padding:24px}.panel .section-heading{margin-top:0}.panel p{color:#79896f;font-size:12px;line-height:1.9}.badge{color:#7d8e70;background:#ecefe2;border:1px solid #e0e5d6;border-radius:5px;align-items:center;gap:6px;padding:4px 8px;font-size:9px;display:inline-flex}.badge.success{color:#56834b;background:#e6efdf}.button-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.icon-btn{color:#829278;background:#fbfcf5;border:1px solid #dfe4d5;border-radius:7px;justify-content:center;align-items:center;width:35px;height:35px;display:inline-flex}.callout{color:#6e8363;background:#eef1e5;border-radius:10px;align-items:flex-start;gap:13px;margin:17px 0;padding:17px 20px;display:flex}.callout p{margin:0;font-size:12px;line-height:1.9}.field-label{color:#708363;flex-direction:column;gap:7px;margin-top:18px;font-size:11px;display:flex}.field-label>span{align-items:center;gap:8px;display:flex}.check-label{color:#819473;align-items:center;gap:6px;font-size:11px;display:inline-flex}.setting-toggle{justify-content:space-between;align-items:center;gap:20px;margin:20px 0;display:flex}.setting-toggle strong{font-size:12px;display:block}.setting-toggle span{color:#8e9d80;margin-top:4px;font-size:10px;display:block}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.settings-grid .panel{margin:0}.live-note{background:#f4f5ec;border-radius:8px;flex-wrap:wrap;align-items:center;gap:7px;margin:20px 0 10px;padding:13px;display:flex}.live-note>span:nth-child(2){color:#9aa58c;font-size:9px}.live-note strong{margin-left:auto;font-size:13px}.live-note small{color:#8a9e7b;font-size:9px}.pulse-dot{background:#96b68a;border-radius:50%;width:7px;height:7px}.pulse-dot.quiet{background:#bdcbb4}.metric-row{color:#8e9f7c;background:#f1f4e8;border-radius:8px;gap:20px;padding:14px;font-size:10px;display:flex}.metric-row strong{color:#546d47;font-size:18px;display:block}.midi-log{height:246px;margin-top:18px;font-size:10px;overflow-y:auto}.midi-log>div{border-bottom:1px solid #e7eadc;grid-template-columns:50px 1fr 45px 80px;padding:6px;display:grid}.midi-log code{color:#8d7252;font-size:9px}.midi-log small{color:#9da88e;font-size:8px}.privacy-note{color:#819775;gap:9px;margin-top:17px;font-size:10px;display:flex}.danger{color:#aa745b}.reset-confirm{border:1px solid #dbbba1;border-radius:9px;margin:16px 0;padding:12px}.square-icon{background:currentColor;border-radius:1px;width:9px;height:9px}.keyboard-wrap{margin:12px 0;padding:15px 0}.keyboard{touch-action:none;background:#e5e8db;border:1px solid #cbd3bf;border-radius:8px;height:167px;padding:5px 0;position:relative;overflow:hidden}.key{-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid #d9ddcf;border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;padding:0 0 9px;display:flex;position:absolute;top:0}.key.white{z-index:1;background:linear-gradient(#fffefa,#faf9f0);height:100%}.key.black{color:#d3dccc;z-index:2;background:linear-gradient(#405043,#293b2f);border-color:#213929;height:62%;box-shadow:2px 3px 2px #1d2c321e}.key.white.member{background:#f0eedb;border-bottom:5px solid #aabf8d}.key.black.member{border-bottom:5px solid #aabf8d}.key.next.white{background:#dbe5c6;border-bottom:5px solid #5c844f}.key.next.black{background:#577650}.key.pressed.white{background:#d4a788;border-bottom:5px solid #9b6650}.key.pressed.black{background:#9b6d55}.key.wrong{box-shadow:inset 0 0 0 3px #d36f52}.key-label{letter-spacing:-.4px;white-space:nowrap;color:#9da78e;font-size:9px}.black .key-label{color:#c0d0b3;font-size:8px}.key-marker{color:#568447;font-size:21px;position:absolute;top:15px}.root-marker{color:#a89c65;font-size:7px;position:absolute;bottom:33px}.finger{color:#98926f;font-size:9px;position:absolute;top:40px}.keyboard-caption{color:#9aa78d;justify-content:space-between;gap:12px;margin-top:8px;font-size:9px;display:flex}.mini-line{vertical-align:middle;background:#aabf8d;width:13px;height:3px;display:inline-block}.compact .keyboard{height:118px}.notation{background:#fffefa;border-radius:9px;max-width:100%;margin:12px 0;overflow:auto}.notation svg{width:100%;min-width:460px;display:block}.notation .caption{text-align:center;font-size:9px}.piano-roll{background:#f4f5ed;border:1px solid #e6eadc;border-radius:8px;margin:12px 0;overflow:auto}.piano-roll svg{width:100%;min-width:480px;display:block}.practice-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.segmented{background:#f0f3e7;border:1px solid #dce4ce;border-radius:8px;padding:3px;display:inline-flex}.segmented button{color:#879878;background:0 0;border:0;border-radius:6px;padding:6px 13px;font-size:10px}.segmented button.selected{color:#40603a;background:#fffefa;box-shadow:0 1px 3px #364e2910}.tempo{color:#839673;align-items:center;gap:6px;font-size:11px;display:flex}.tempo input{width:66px;padding:5px}.practice-options{flex-wrap:wrap;align-items:center;gap:14px;margin:14px 0;display:flex}.practice-options label:not(.check-label){color:#8c9e7c;align-items:center;gap:7px;font-size:10px;display:flex}.practice-options select{padding:5px 8px;font-size:10px}.practice-status{color:#8a9d79;background:#f0f2e7;border:1px solid #e2e8d6;border-radius:8px;justify-content:center;align-items:center;gap:9px;margin:12px 0;padding:12px;font-size:11px;display:flex}.practice-status.active{color:#567f43;background:#eaf1df}.practice-status strong{font-weight:550}.score-card{background:#f5eee0;border:1px solid #e8ddc7;border-radius:10px;margin:16px 0;padding:18px}.score-card.passed{background:#edf2e4;border-color:#d8e4cb}.score-values{flex-wrap:wrap;gap:28px;margin-bottom:15px;display:flex}.score-values>div{flex-direction:column;display:flex}.score-values strong{font-size:25px;font-weight:550}.score-values small{font-size:11px}.score-values span{color:#9b967b;font-size:9px}.score-card p{margin:5px 0;font-size:11px;line-height:1.8}.back-link{margin-bottom:14px}.lesson-header{justify-content:space-between;gap:25px;margin-bottom:21px;display:flex}.lesson-header h1{font-size:26px}.lesson-header p{color:#889a7d;font-size:12px}.lesson-stepper{grid-template-columns:repeat(6,1fr);gap:4px;margin:22px 0;display:grid}.lesson-stepper button,.stepper button{color:#9ca88c;background:#edf0e4;border:0;border-bottom:2px solid #0000;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;padding:12px 7px;font-size:10px;display:flex}.lesson-stepper button.active,.stepper button.active{color:#426738;background:#e5ebd7;border-color:#789663}.lesson-content,.lesson-body{border:1px solid var(--line);background:#fffefa;border-radius:12px;padding:26px}.lesson-content h2{margin-bottom:14px}.lesson-content p{color:#6c8160;font-size:13px;line-height:2}.lesson-content .lead,.lesson-body .lead{color:#506a46;font-size:15px}.term-list,.terms{flex-wrap:wrap;gap:7px;margin:15px 0;display:flex}.term-list button,.terms button{color:#849776;background:#f0f2e4;border:1px solid #e1e6d4;border-radius:5px;padding:4px 9px;font-size:10px}.lesson-navigation{justify-content:space-between;align-items:center;margin:22px 0;display:flex}.lesson-navigation>span{color:#9da992;font-size:10px}.mastery-checklist{color:#a0ac92;background:#f1f4e7;border:1px solid #e1e7d5;border-radius:8px;flex-wrap:wrap;align-items:center;gap:17px;padding:12px 16px;font-size:10px;display:flex}.mastery-checklist>span:first-child{color:#819875;align-items:center;gap:6px;margin-right:auto;display:flex}.mastery-checklist .done{color:#4c7840}.source-details{color:#839578;margin:22px 0;font-size:11px}.source-details summary{cursor:pointer}.source-details p{margin:9px 0}.source-details a{align-items:center;gap:4px;margin:5px 15px 5px 0;font-size:10px;display:inline-flex}.quiz-options,.answer-options{gap:9px;margin:18px 0;display:grid}.quiz-options button,.answer-options button{text-align:left;background:#fafbf4;border:1px solid #dfe5d2;border-radius:8px;align-items:center;gap:12px;padding:12px 15px;font-size:12px;display:flex}.quiz-options button.selected,.answer-options button.selected{background:#edf3e1;border-color:#809d69}.quiz-options input{accent-color:#5b834b}.answer-feedback,.quiz-feedback{background:#f0f2e5;border-radius:8px;margin:16px 0;padding:12px 15px;font-size:12px}.listen-buttons,.listening-options{grid-template-columns:1fr 1fr;gap:15px;margin:20px 0;display:grid}.listen-buttons button{color:#749365;background:#f2f4e8;border:1px solid #dde6cf;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.guide-list,.task-list{color:#6f8562;padding-left:23px;font-size:12px;line-height:2}.guide-list li,.task-list li{margin-bottom:8px}.self-checks{gap:11px;margin:17px 0;display:grid}.self-checks label{color:#7e926e;align-items:center;gap:9px;font-size:12px;display:flex}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0;display:flex}.search-field{color:#a1ad90;background:#fffefa;border:1px solid #dde3d1;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:160px;padding:0 12px;display:flex}.search-field input{background:0 0;border:0;width:100%;padding:10px 0;font-size:11px}.domain-tabs{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.domain-tabs button{color:#859773;background:#f5f6ed;border:1px solid #dfe6d2;border-radius:20px;padding:6px 11px;font-size:10px}.domain-tabs button.active{color:#fbfbeb;background:#537547;border-color:#537547}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.lesson-card{border:1px solid var(--line);text-align:left;background:#fffefa;border-radius:11px;flex-direction:column;align-items:flex-start;min-height:181px;padding:19px;transition:border-color .15s;display:flex}.lesson-card:hover{border-color:#a0ba87}.lesson-card h3{margin:12px 0 9px;font-size:14px}.lesson-card p{color:#929f85;margin-bottom:12px;font-size:10px;line-height:1.9}.lesson-card .card-meta{color:#a8b098;justify-content:space-between;gap:10px;width:100%;margin-top:auto;font-size:9px;display:flex}.lesson-card .card-top{color:#97a986;justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:9px;display:flex}.locked-note{color:#ad9c78;font-size:9px}.empty-state{text-align:center;color:#92a37f;border:1px dashed #d3ddc4;border-radius:12px;padding:35px;font-size:12px}.review-list{gap:10px;display:grid}.review-item{border:1px solid var(--line);text-align:left;background:#fffefa;border-radius:9px;align-items:center;gap:15px;padding:15px 19px;display:flex}.review-item div{flex:1}.review-item strong{font-size:12px}.review-item small{color:#96a685;font-size:9px;display:block}.domain-progress{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.domain-progress>div{border:1px solid var(--line);background:#fffefa;border-radius:10px;padding:16px}.domain-progress h3{font-size:12px}.lab-controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.lab-controls label{color:#8b9e7a;align-items:center;gap:7px;font-size:11px;display:flex}.chord-summary{background:#f0f3e6;border-radius:10px;margin:20px 0;padding:20px}.chord-summary strong{font-size:25px;font-weight:600}.chord-summary span{color:#8b9e7a;margin-left:16px;font-size:12px}.lab-note{color:#869978;margin:17px 0;font-size:12px}.transport{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-bottom:16px;display:flex}.project-name{max-width:260px;font-size:14px;font-weight:600}.transport-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.transport-actions label{color:#8b9e7a;align-items:center;gap:6px;font-size:11px;display:flex}.transport-actions input[type=number]{width:62px;padding:6px}.transport-actions select{padding:6px}.transport-btn{color:#5c804a;background:#e7eddd;border:1px solid #d8e4c9;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.transport-btn.record.active{color:#fff;background:#c48760}.record-banner{color:#b77a50;background:#fae7d4;border-radius:7px;margin:10px 0;padding:10px;font-size:11px}.editor-toolbar{flex-wrap:wrap;align-items:center;gap:14px;padding:14px 0;display:flex}.editor-toolbar label{color:#8e9f7c;align-items:center;gap:7px;font-size:10px;display:flex}.editor-toolbar select{padding:5px;font-size:10px}.editor-layout{border:1px solid #dce4cf;border-radius:8px;display:flex;overflow:hidden}.track-list{background:#f0f3e7;border-right:1px solid #dce4cf;flex-shrink:0;width:149px}.track{border-bottom:1px solid #e1e7d6;position:relative}.track-select{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;width:100%;min-height:75px;padding:14px;display:flex}.track-select strong{font-size:10px}.track-select small{color:#94a685;margin-top:4px;font-size:8px}.track-mute{color:#95a784;background:0 0;border:0;padding:4px;position:absolute;top:13px;right:5px}.track-color{width:7px;height:3px;margin-bottom:5px}.note-editor{background:#f8f9f1;flex:1;min-width:0}.bar-labels{color:#a3af92;border-bottom:1px solid #e1e8d5;grid-template-columns:48px repeat(4,1fr);padding:6px 0;font-size:9px;display:grid}.bar-labels strong{font-weight:500}.grid-scroll{max-height:500px;overflow:auto}.note-grid{min-width:480px;display:grid}.pitch-label{color:#a1ad90;z-index:2;background:#f0f2e6;border-bottom:1px solid #e5ebd9;justify-content:center;align-items:center;height:20px;font-size:8px;display:flex;position:sticky;left:0}.note-cell{background:#fbfcf5;border:1px solid #e8eddf;border-top:0;border-left:0;height:20px;padding:1px;position:relative}.note-cell:hover{background:#e6eddb}.note-cell.bar-start{border-left:1px solid #bfcfb0}.grid-note{border-radius:2px;height:100%;display:block}.note-cell.selected .grid-note{outline-offset:-2px;outline:2px solid #70845c}.note-inspector{flex-wrap:wrap;align-items:center;gap:14px;padding:18px 0 0;display:flex}.note-inspector label{color:#91a47b;flex-direction:column;gap:4px;font-size:9px;display:flex}.note-inspector input{max-width:75px}.note-inspector select,.note-inspector input{padding:5px 7px;font-size:10px}.composer-reflection{grid-template-columns:1fr 1fr;gap:20px;display:grid}.composer{padding:20px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1c342557;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.modal{background:#fffefa;border:1px solid #dfe6d3;border-radius:16px;width:100%;max-width:850px;max-height:88vh;padding:30px;overflow:auto;box-shadow:0 20px 60px #263d3033}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.modal-header h2{margin:0}.diagnostic-axis{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.diagnostic-axis span{color:#94a482;background:#eff2e5;border-radius:20px;padding:5px 10px;font-size:10px}.diagnostic-axis .active{color:#fff;background:#557c47}.diagnostic-result{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.diagnostic-result>div{background:#f0f3e6;border:1px solid #e0e7d5;border-radius:9px;padding:17px}.diagnostic-result strong{font-size:22px}.diagnostic-result small{color:#91a17e;font-size:10px;display:block}.glossary-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.glossary-entry{border:1px solid var(--line);background:#fffefa;border-radius:10px;padding:19px}.glossary-entry h2{margin-bottom:10px;font-size:14px}.glossary-entry p{color:#7a8f69;font-size:12px;line-height:1.9}.glossary-entry button{color:#879b75;background:#edf1e1;border:0;border-radius:5px;margin:3px;padding:4px 8px;font-size:9px}.plan-years{gap:9px;margin:20px 0;display:flex}.plan-years button{color:#8c9e7a;background:#f1f3e7;border:1px solid #dce5cf;border-radius:8px;padding:10px 16px;font-size:11px}.plan-years button.active{color:#fffbee;background:#315b4b;border-color:#315b4b}.plan-layout{grid-template-columns:300px 1fr;gap:20px;display:grid}.week-list{gap:8px;max-height:850px;padding-right:5px;display:grid;overflow:auto}.week-list button{border:1px solid var(--line);text-align:left;background:#fffefa;border-radius:9px;flex-direction:column;gap:3px;padding:13px 15px;display:flex}.week-list button.active{background:#edf2e3;border-color:#77956a}.week-list strong{font-size:11px}.week-detail{min-width:0}.week-detail h2{font-size:20px}.week-detail p{color:#7e9271;font-size:12px;line-height:1.9}.session-tabs{flex-wrap:wrap;gap:5px;margin:18px 0;display:flex}.session-tabs button{color:#96a786;background:#f4f6e9;border:1px solid #dfe6d3;border-radius:8px;padding:8px 11px;font-size:10px}.session-tabs button.active{color:#517744;background:#dde9cf;border-color:#9bb786}.session-tabs .done{box-shadow:inset 0 -3px #8bac76}.session-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin:20px 0;display:flex}.session-heading h3{margin-bottom:5px;font-size:16px}.session-rubric{color:#6f8c5f;font-size:12px;line-height:2}.year-summary{background:#edeede;border-radius:10px;margin-bottom:23px;padding:20px 24px}.year-summary p{color:#899a77;margin:0;font-size:12px}.curriculum-coverage{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.curriculum-coverage>div{border:1px solid var(--line);background:#fffefa;border-radius:9px;padding:15px;font-size:11px}.curriculum-coverage strong{margin-bottom:7px;display:block}.curriculum-coverage p{color:#98a887;margin:0;font-size:10px}.explore-layout{grid-template-columns:1fr 320px;gap:22px;display:grid}.explore-controls label{color:#839976;flex-direction:column;gap:6px;margin-bottom:15px;font-size:11px;display:flex}.chord-choices{flex-wrap:wrap;gap:7px;margin:15px 0;display:flex}.chord-choices button{background:#f6f8eb;border:1px solid #dce4cf;border-radius:7px;padding:8px 12px;font-size:11px}.chord-choices button.active{color:#fff;background:#5e834d}.live-analysis{background:#ecf1df;border-radius:10px;margin-top:15px;padding:17px}.live-analysis strong{font-size:18px}.live-analysis small{color:#8fa17b;font-size:10px;display:block}.score-guide{color:#9caa8c;font-size:10px}.analysis-list{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.analysis-list span{color:#809771;background:#f1f4e4;border-radius:6px;padding:5px 9px;font-size:10px}.project-status{color:#95a785;font-size:10px}.missing-prerequisites{color:#ad956c;background:#f5eddd;border-radius:8px;margin:12px 0;padding:12px 16px;font-size:10px}@media (width>=1600px){:root{font-size:15px}.main-content{padding-top:42px}.hero{min-height:310px}.hero-copy{max-width:60%}.hero h2{font-size:27px}.piano-art{width:46%}.daily-card{padding:25px}.daily-card p,.page-heading p{font-size:12px}}@media (width<=1200px){.main-content{padding:27px 25px}.topbar{padding:0 25px}.sidebar{width:210px;padding-inline:13px}.main-area{width:calc(100% - 210px);margin-left:210px}.hero-row{grid-template-columns:minmax(0,2fr) minmax(210px,1fr)}.hero{padding:24px}.hero-copy{max-width:65%}.hero h2{font-size:20px}.piano-art{opacity:.75;width:53%;right:-9%}.hero p{font-size:10px}.hero-meta{flex-wrap:wrap;gap:6px}.daily-card{padding:17px}.domain-preview{gap:8px}.domain-preview>button{padding:12px}.lesson-grid{grid-template-columns:repeat(2,1fr)}.plan-layout{grid-template-columns:240px 1fr}.explore-layout{grid-template-columns:1fr}.gentle-note>span{display:none}}@media (width<=900px){.sidebar{width:178px;padding-inline:9px}.brand{gap:7px;padding:0 4px}.brand strong{font-size:19px}.sidebar nav button{gap:9px;padding:11px 9px;font-size:10px}.sidebar-tip{padding:14px 10px}.main-area{width:calc(100% - 178px);margin-left:178px}.hero-row{grid-template-columns:1fr}.journey-card{display:none}.hero{min-height:260px}.piano-art{opacity:1;width:40%;right:0}.hero-copy{max-width:62%}.hero h2{font-size:23px}.domain-preview{grid-template-columns:repeat(3,1fr)}.daily-cards{grid-template-columns:1fr}.daily-card{grid-template-columns:48px 1fr;column-gap:14px;display:grid}.round-icon{grid-row:1/5;margin:0}.daily-card p{min-height:0;margin:3px 0;font-size:11px}.card-kicker{margin-bottom:3px}.card-link{margin-top:10px}.daily-card strong{margin:0}.settings-grid,.composer-reflection,.glossary-grid{grid-template-columns:1fr}.lesson-stepper{grid-template-columns:repeat(3,1fr)}.page-heading h1{font-size:24px}.date-pill{display:none}.plan-layout{grid-template-columns:1fr}.week-list{grid-template-columns:1fr 1fr;max-height:230px}.curriculum-coverage{grid-template-columns:1fr 1fr}.topbar-right>span,.breadcrumb>span{display:none}.main-content{padding:25px 20px}.app-footer{padding-inline:20px}.app-footer>span{font-size:7px}.domain-progress{grid-template-columns:1fr 1fr}.track-list{width:115px}}@media (width<=650px){.app-shell{display:block}.sidebar{flex-flow:wrap;gap:10px;width:100%;height:auto;padding:13px 14px;position:static}.brand{flex:1;margin:0}.brand small{display:none}.brand-mark{gap:2px;width:25px;height:27px;padding:7px 5px}.brand-mark i{width:4px;height:12px}.brand-mark i:nth-child(2){height:17px}.sidebar nav{order:3;gap:3px;width:100%;display:flex;overflow:auto}.sidebar nav button{white-space:nowrap;gap:5px;min-height:35px;padding:6px 8px;font-size:9px}.sidebar nav svg{width:14px;height:14px}.nav-dot,.sidebar-label,.sidebar-spacer,.sidebar-tip,.sidebar-bottom,.device-status{display:none}.settings-nav{padding:5px;font-size:9px}.main-area{width:100%;margin:0}.topbar{height:44px;padding-inline:18px}.main-content{padding:22px 16px}.hero{min-height:260px;padding:23px 21px}.hero-copy{max-width:65%}.hero h2{font-size:20px}.hero-meta{font-size:8px}.piano-art{opacity:.65;width:53%;right:-12%}.page-heading{flex-direction:column;align-items:flex-start;gap:10px}.page-heading h1{font-size:23px}.domain-preview{grid-template-columns:1fr 1fr}.lesson-grid{grid-template-columns:1fr}.section-heading h2{font-size:14px}.lesson-header h1{font-size:23px}.lesson-content,.lesson-body,.panel{padding:18px}.keyboard{height:145px}.keyboard-caption{flex-direction:column;gap:3px;font-size:8px}.key-label{font-size:7px}.black .key-label{font-size:6px}.button-row .btn{padding:8px 10px;font-size:10px}.modal-backdrop{padding:10px}.modal{padding:20px}.diagnostic-result{grid-template-columns:1fr 1fr}.app-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:13px 16px}.toast{max-width:none;font-size:11px;bottom:10px;left:10px;right:10px}.transport{gap:10px}.project-name{width:100%;max-width:100%}.track-list{width:96px}.track-select{padding:10px 8px}.track-select strong{font-size:9px}.track-mute{top:auto;bottom:5px;right:2px}.curriculum-coverage,.week-list{grid-template-columns:1fr}.mastery-checklist{gap:10px}.domain-progress{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.filter-row{flex-wrap:wrap;align-items:center;gap:18px;margin:20px 0;display:flex}.chip-row{flex-wrap:wrap;gap:7px;display:flex}.chip-row button{color:#859773;background:#f5f6ed;border:1px solid #dfe6d2;border-radius:20px;padding:6px 11px;font-size:10px}.lesson-card-top{color:#97a986;justify-content:space-between;width:100%;font-size:9px;display:flex}.lesson-card-footer{color:#98a68b;justify-content:space-between;align-items:center;width:100%;margin-top:auto;font-size:9px;display:flex}.lesson-card-footer span{align-items:center;gap:5px;display:flex}.prereq-caption{color:#a4ac96;margin-top:11px;font-size:8px}.domain-number{color:#b0b497;border:1px solid #dfe5d4;border-radius:5px;padding:2px 8px;font-size:12px}.available-dot{background:#a1b38f;border-radius:50%;width:6px;height:6px}.roll-view{background:#f5f7ee;border:1px solid #e3e9d7;border-radius:8px;padding:10px}.roll-view svg{width:100%;display:block}.clef{font-size:56px}.hidden-score{text-align:center;color:#80996d;background:#eff3e5;border:1px dashed #bfceaf;border-radius:9px;padding:30px;font-size:12px}.stepper{grid-template-columns:repeat(6,1fr);gap:4px;margin:20px 0;display:grid}.lesson-next{justify-content:space-between;align-items:center;gap:10px;margin:22px 0;display:flex}.goal-box{background:#eef2e3;border-radius:9px;padding:15px}.goal-box p{margin:0}.lesson-body{font-size:13px;line-height:2}.lesson-body p{color:#718565}.listen-card{background:#f2f5e7;border:1px solid #dce6cd;border-radius:10px;padding:20px}.listen-card h3{font-size:14px}.listen-card button{margin-top:7px}.listen-feedback{background:#edf2e3;border-radius:8px;margin:14px 0;padding:14px}.quiz{background:#f5f6ed;border-radius:9px;margin-top:20px;padding:20px}.quiz label{align-items:center;gap:9px;margin:10px 0;font-size:12px;display:flex}.quiz h3{font-size:15px}.compare-audio{flex-wrap:wrap;gap:10px;display:flex}.self-review{margin:18px 0}.self-review label{align-items:center;gap:10px;margin:10px 0;font-size:12px;display:flex}@media (width<=650px){.stepper{grid-template-columns:repeat(3,1fr)}.filter-row{gap:10px}}.lesson-body{color:#354439;font-size:16px;line-height:2}.lab-controls{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;padding:22px;display:flex}.lab-controls label{align-items:center;gap:9px;display:flex}.lab-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.lab-title h2{margin:0;font-size:24px}.lab-title .badge{white-space:normal}.note-pills{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.note-pills>span{background:#f4f7ed;border:1px solid #d6dfd0;border-radius:10px;flex-direction:column;gap:4px;min-width:92px;padding:11px 15px;display:flex}.note-pills strong{font-size:18px}.note-pills small{color:#526852;font-size:12px}.note-pills .root{background:#e4eddc;border-color:#a4bc92}.lab-bottom{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:22px;margin-top:22px;display:grid}.lab-bottom p,.exploration>p,.project-library p,.settings-grid p{color:#354439;font-size:16px;line-height:1.9}.lab-bottom .panel{min-width:0}.lab-stage .key-label{font-size:11px}.lab-stage .black .key-label{font-size:9px}.large-text .lesson-body,.large-text .glossary-item p,.large-text .task-list{font-size:18px}.page-heading p{color:#53634f;font-size:16px}@media (width<=900px){.lab-bottom{grid-template-columns:1fr}.lab-title{flex-direction:column;align-items:flex-start}.lab-controls{gap:15px}.lab-controls label{flex-wrap:wrap}.lab-controls select{max-width:100%}.note-pills>span{min-width:80px;padding:10px}.lab-stage .keyboard-wrap{overflow-x:auto}.lab-stage .keyboard{min-width:650px}}.lesson-body p,.lesson-body li{color:#354439}.explanation{max-width:760px}.explanation p{margin-bottom:22px}.goal-text{font-size:17px;line-height:1.9}.term-help-hint{margin-top:12px;font-size:13px;color:#607164!important}button.term-word,span.term-word{color:inherit;font:inherit;line-height:inherit;text-underline-offset:4px;white-space:normal;background:0 0;border:0;border-radius:2px;margin:0;padding:0;-webkit-text-decoration:underline dotted #638569;text-decoration:underline dotted #638569;display:inline}button.term-word{cursor:help}.term-popup{z-index:1000;color:#2f4135;text-align:left;background:#fffef8;border:1px solid #8fa487;border-radius:12px;width:min(340px,100vw - 24px);max-height:calc(100vh - 24px);padding:17px 19px;font-size:15px;line-height:1.8;position:fixed;overflow:auto;box-shadow:0 10px 32px #22382525}.term-popup strong{margin-bottom:7px;font-size:16px;display:block}.term-popup p{color:#2f4135;margin:0}.term-popup small{color:#70816f;margin-top:10px;font-size:11px;display:block}.term-chips button.term-word{background:#f2f5e9;border:1px solid #d3ddc7;border-radius:18px;align-items:center;gap:7px;padding:5px 12px;font-size:13px;display:inline-flex}.prerequisite-help{background:#f6f7ef;border:1px solid #dee5d4;border-radius:9px;margin:20px 0;padding:12px 16px;font-size:14px}.prerequisite-help .text-btn{white-space:normal;text-align:left;margin:8px 0;display:block}.first-steps-card{background:#edf2e4;border:1px solid #d5dfc8;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin:26px 0;padding:23px 26px;display:flex}.first-steps-card h2{margin:8px 0}.first-steps-card p{max-width:690px;margin:0;font-size:14px;line-height:1.85}.first-steps-card .btn{flex-shrink:0}.task-list,.week-detail>p,.session-heading p,.glossary-item p{color:#354439;font-size:16px;line-height:1.95}@media (width<=650px){.lesson-body{padding:20px 16px;font-size:16px}.lesson-body h2{font-size:20px}.goal-text{font-size:16px}.first-steps-card{flex-direction:column;align-items:flex-start;padding:20px}.term-popup{font-size:15px}.first-steps-card .btn{justify-content:center;width:100%}}.beginner-listen{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.beginner-listen .btn{font-size:14px}.beginner-score{background:#f6f7ee;border:1px solid #dce5d1;border-radius:10px;margin:20px 0;padding:15px 18px}.beginner-score summary{cursor:pointer;font-size:15px}.beginner-score p{margin-top:14px;font-size:14px}.entry-course-nav{background:#f1f5e8;border:1px solid #d8e2cb;border-radius:12px;margin:20px 0;padding:20px 24px}.entry-course-nav>span{color:#586f4d;margin-bottom:12px;font-size:13px;display:block}.entry-course-nav>div{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.entry-course-nav small{color:#617258;margin-top:12px;font-size:12px;line-height:1.8;display:block}.entry-course-nav .btn{white-space:normal;text-align:left;font-size:14px}.lesson-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:22px 0;display:grid}.lesson-steps>button{color:#5b7152;background:#f2f5eb;border:1px solid #d9e2cb;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:13px 9px;font-size:13px;line-height:1.5;display:flex}.lesson-steps>button:hover{border-color:#93a980}.lesson-steps svg{width:17px;height:17px}.lesson-footer{justify-content:space-between;align-items:center;gap:12px;margin:24px 0;display:flex}.term-chips{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.quiz-options .term-word{font:inherit;line-height:inherit;color:inherit;background:0 0;padding:0}@media (width<=900px){.lesson-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-steps>button{font-size:12px}}.project-library{justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:20px;display:flex}.project-library p{max-width:520px;margin:6px 0;font-size:14px}.project-library select{max-width:320px}.exploration{margin-bottom:28px;padding:26px}.explore-feedback{background:#f4f7f4;border-radius:12px;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0;padding:20px;display:grid}.explore-feedback div{gap:7px;display:grid}.explore-feedback small{color:#56695c}.explore-feedback strong{font-size:20px}.explore-feedback span{font-size:14px}.explore-takes{margin-top:24px}.explore-takes>div{border-top:1px solid #dde5df;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.lab-reference-heading{margin-top:36px}.exploration .practice-options select{max-width:320px}.exploration .practice-options input{width:80px}.exploration>p{line-height:1.9}@media (width<=900px){.project-library{display:block}.project-library .button-row{margin-top:16px}.explore-feedback{grid-template-columns:1fr}.exploration{padding:18px}.explore-takes>div{display:block}}.practice-options label,.practice-options select,.practice-options input,.note-inspector label,.note-inspector input,.note-inspector select,.editor-toolbar label,.lab-controls label,.lab-controls select,.lab-controls input{font-size:14px}.caption,.keyboard-caption,.source-details p,.entry-course-nav small,.mastery-checklist{color:#46574a;font-size:14px}.btn,.text-btn,.field-label{font-size:14px}.quiz-options button,.source-details p{font-size:16px}.panel p{color:#354439;font-size:16px}.panel p.caption,.notation p.caption,.journey-card>p.caption{color:#46574a;font-size:14px}.term-popup p{font-size:16px}.term-popup small{font-size:12px}.lesson-page .keyboard-wrap{overflow-x:auto}.lesson-page .keyboard{min-width:650px}.lesson-page .key-label{font-size:13px}.lesson-page .black .key-label{font-size:11px}.lesson-body p{font-size:16px}.notation .caption{color:#46574a;font-size:14px}.lesson-steps>button,.chip-row button,.lesson-card-footer,.term-chips button.term-word,.lesson-footer>span{font-size:14px}.lesson-steps>button small{color:#52634b;font-size:12px}.study-warmup{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0 26px;padding:20px 0}.study-warmup .session-heading{margin-top:0}.study-warmup h3{font-size:1.18rem}.focus-heading{margin-top:24px}.checkpoint{background:var(--paper);border-left:3px solid #507069;margin:20px 0;padding:16px 20px}.checkpoint summary{cursor:pointer;font-size:1rem;font-weight:650;line-height:1.7}.checkpoint ul{padding-left:22px}.checkpoint li{margin:10px 0;line-height:1.8}.explore-first-steps{background:#f4f6f7;border-left:3px solid #ad5130;margin:18px 0;padding:18px}.explore-first-steps h2{margin:8px 0;font-size:20px}.explore-first-steps p{line-height:1.8}.explore-settings>summary,.explore-note-details>summary{cursor:pointer;min-height:44px;padding:14px 0}.explore-settings .practice-options{margin-bottom:16px}.explore-first-steps .button-row>span{font-size:14px;line-height:1.7}#explore-keyboard{scroll-margin-top:90px}.explore-first-steps>a{align-items:center;min-height:44px;display:inline-flex}.explore-settings .practice-options label{min-width:0;max-width:100%}.explore-settings .practice-options select{width:min(320px,100%);max-width:100%}.ethiopia-listening{overflow-wrap:anywhere;min-width:0}.ethiopia-listening>label{display:block}.ethiopia-listening select{width:100%;min-width:0;max-width:100%;margin-top:6px;display:block}:root{color:#292a2d;--green:#a74728;--ink:#292a2d;--muted:#6b6d72;--line:#dedee0;--paper:#fff;--sage:#737e89;--peach:#a74728;background:#fcfcfb;font-size:15px}button,input,textarea,select{font-family:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #b84c25}button:hover{transition:background-color .1s}h1{letter-spacing:0;font-size:28px;font-weight:650;line-height:1.5}h2{font-size:19px;font-weight:600}h3{font-size:16px;font-weight:600}p{line-height:1.85}.sidebar{border-right:1px solid var(--line);background:#f2f2f1;width:208px;padding:26px 14px 18px}.brand{color:#2a2b2d;margin-bottom:33px;padding:0 12px;display:block}.brand small{letter-spacing:0;color:#6c6d70;margin-top:2px;font-size:12px}.nav-group h2{color:#7b7c80;margin:0 12px 7px;font-size:12px;font-weight:650}.sidebar nav button{color:#54555b;border-left:2px solid #0000;border-radius:3px;gap:10px;width:100%;min-height:40px;padding:9px 12px;font-size:14px;font-weight:400}.sidebar nav button.active{color:#252629;background:#e8e8e7;border-left-color:#b14b28;font-weight:600}.sidebar nav button svg{color:#77797e;width:16px}.device-status{color:#55575d;background:0 0;border:0;border-top:1px solid #d8d8da;border-radius:0;gap:9px;padding:16px 8px 8px}.device-status strong{font-size:12px;font-weight:500}.device-status small{color:#6a6d72;font-size:11px}.settings-nav{color:#5e6066;padding:13px 8px;font-size:12px}.local-save-note{color:#74767b;margin:2px 8px;font-size:10px;line-height:1.7}.main-area{width:calc(100% - 208px);min-width:0;margin-left:208px}.topbar{border-bottom:1px solid var(--line);background:#fcfcfb;height:52px;padding:0 32px}.breadcrumb{gap:12px;font-size:13px}.breadcrumb>span{color:#86878a;letter-spacing:0;font-size:13px}.breadcrumb strong{color:#414248;font-weight:500}.toolbar-text{color:#62646a;background:0 0;border:0;align-items:center;gap:7px;padding:5px 0;font-size:12px;display:inline-flex}.app-footer{color:#797b80;gap:24px;padding:16px 36px;font-size:11px;display:flex}.app-footer button{color:#686a70;background:0 0;border:0;font-size:11px}.page-heading{margin-bottom:24px}.page-heading p{letter-spacing:0;color:#65676d;font-size:15px}.eyebrow,.section-label{letter-spacing:0;color:#75777d;font-size:12px;font-weight:400}.btn{border-radius:4px;min-height:39px;padding:9px 14px;font-size:14px;font-weight:500}.btn.primary{color:#fff;background:#a74728;border:1px solid #a74728}.btn.cream{color:#603b2e;background:#f3eeea;border-color:#ded2c9}.text-btn{color:#62524b;font-size:13px;font-weight:400}.icon-btn{color:#54555b;background:#fff;border-color:#ceced0;border-radius:3px}.badge,.date-pill{color:#67696f;background:#f2f2f1;border-color:#ddd;border-radius:3px;font-size:12px}.caption{color:#6f7178;font-size:13px}.section-heading{margin-bottom:15px}.section-heading h2{font-size:19px}.panel,.quiz-card,.reflection,.rubric,.score-card,.callout,.diagnostic-modal{box-shadow:none;background:#fff;border-color:#dcdcdf;border-radius:4px}.callout,.callout.sand{color:#414248;background:#f4f3f0}.callout p,.rubric p,.reflection p{color:#54565d}.feedback{color:#453a33;background:#f4f0eb;border-color:#d4b8a5;border-radius:3px}.toast{color:#fff;background:#303136;border-radius:4px}.term-word{color:inherit;border-bottom-color:#98999c}.term-popup{color:#292a2d;background:#fff;border-color:#b8b8bd;border-radius:4px;box-shadow:0 4px 18px #0002}.term-popup p{color:#3f4046;font-size:16px}.term-popup small{color:#71737a}.desk-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.desk-heading>span{color:#7a7c82;font-size:13px}.continue-study{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.05fr;gap:52px;padding:8px 0 34px;display:grid}.continue-copy h2{max-width:570px;margin:10px 0 15px;font-size:26px;line-height:1.6}.continue-copy p{color:#55575d;max-width:550px;font-size:16px}.study-meta{color:#76787e;gap:19px;margin:22px 0 14px;font-size:12px;display:flex}.last-lesson{text-align:left;margin-top:17px;display:block}.continue-instrument{min-width:0;padding-top:35px}.instrument-heading{color:#64666d;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.study-record-line{color:#74767c;border-bottom:1px solid var(--line);align-items:center;gap:26px;padding:17px 0;font-size:13px;display:flex}.study-record-line>span{align-items:center;gap:7px;display:flex}.study-record-line .text-btn{margin-left:auto}.home-columns{grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:60px;padding-top:35px;display:grid}.chapter-list button{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;border-radius:0;align-items:center;gap:18px;width:100%;padding:19px 0;display:flex}.chapter-list button:last-child{border-bottom:1px solid var(--line)}.chapter-list button:hover{background:#f4f4f2}.chapter-list strong{font-size:16px;font-weight:500;display:block}.chapter-list small{color:#777a80;margin-top:4px;font-size:12px;display:block}.row-number{color:#9a9ba1;font-variant-numeric:tabular-nums;min-width:20px;font-size:12px;font-weight:400}.chapter-count{color:#8a8c92;white-space:nowrap;margin-left:auto;font-size:12px}.home-notebook ul{margin:0 0 18px;padding:0;list-style:none}.home-notebook li{border-bottom:1px solid var(--line)}.home-notebook li button{text-align:left;background:0 0;border:0;width:100%;padding:11px 0;display:block}.home-notebook li strong{font-size:15px;font-weight:500;display:block}.home-help h3{margin-bottom:8px;font-size:14px}.home-help button{text-align:left;margin:8px 0;display:block}.course-tools{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:18px;display:flex}.view-tabs{align-self:stretch;display:flex}.view-tabs button{color:#74767d;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 15px;font-size:14px}.course-tools .search-field{background:#fff;border-radius:4px;min-width:200px;max-width:300px;margin-left:auto;font-size:13px}.search-field input{font-size:13px}.check-label{color:#6d6f76;font-size:13px}.course-help{color:#77797f;max-width:850px;font-size:13px}.course-chapter{border-bottom:1px solid var(--line)}.course-chapter>summary{cursor:pointer;align-items:center;gap:18px;padding:23px 5px;display:flex}.course-chapter>summary:after{content:"+";color:#777;margin-left:12px}.course-chapter[open]>summary:after{content:"−"}.course-chapter>summary>span:last-child{color:#82848a;white-space:nowrap;margin-left:auto;font-size:13px}.course-chapter>summary strong{font-size:18px;font-weight:550;display:block}.course-chapter>summary small{color:#767980;margin-top:3px;font-size:12px;display:block}.course-row{text-align:left;background:#fff;border:0;border-top:1px solid #e9e9eb;border-radius:0;grid-template-columns:28px minmax(0,1fr) 78px 85px 16px;align-items:center;gap:16px;width:100%;padding:16px 15px;display:grid}.course-row.is-next{background:#f7f3ee;border-left:2px solid #b44e29;padding-left:13px}.course-row-copy strong{font-size:16px;font-weight:500;display:block}.course-row-copy>small{color:#7c7e85;margin-top:4px;font-size:12px;display:block}.course-row-copy .row-prerequisite{color:#8c8d93;margin-top:6px;font-size:11px}.course-row-meta small{color:#9a9ca1;font-size:11px;display:block}.course-row-status{color:#79675c;align-items:center;gap:5px;font-size:12px;display:flex}.chip-row button{color:#676970;background:#fff;border-color:#ddd;border-radius:3px;font-size:13px}.lesson-breadcrumb{color:#8c8e94;align-items:center;gap:12px;margin-bottom:15px;font-size:12px;display:flex}.lesson-position{font-variant-numeric:tabular-nums;margin-left:auto}.lesson-heading{align-items:center;gap:25px;margin-bottom:18px;display:flex}.lesson-status{white-space:nowrap;color:#808289;margin-left:auto;font-size:12px}.lesson-layout{grid-template-columns:minmax(0,1fr) 216px;gap:32px;display:grid}.lesson-main{min-width:0}.lesson-steps{border-bottom:1px solid #d3d3d7;gap:8px;margin:0;display:flex}.lesson-steps>button{color:#73757b;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;gap:5px;min-height:45px;padding:9px 17px 11px;font-size:14px;font-weight:400;display:flex}.lesson-steps>button:hover{color:#242529;background:#f4f3f0}.lesson-steps>button.active{color:#a04423;background:0 0;border-color:#b44a26;font-weight:550}.lesson-steps>button.done{color:#545e61;background:0 0}.lesson-body{color:#3e4046;background:0 0;border:0;border-radius:0;padding:27px 0 18px;line-height:1.9}.lesson-body h2{margin-bottom:15px;font-size:18px}.lesson-body h3{font-size:16px}.lesson-body p,.lesson-body li{color:#494b51;font-size:16px}.explanation p{margin:0 0 16px}.lesson-body .term-help-hint{color:#686a70;margin-bottom:12px;font-size:12px;line-height:1.8}.plain-terms{color:#666970;flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.lesson-instrument{border-left:1px solid #e5e5e7;min-width:0;padding-left:25px}.lesson-instrument .instrument-heading{align-items:center;gap:8px;min-height:39px}.instrument-heading strong{color:#4c4d53;font-size:14px;font-weight:550}.instrument-heading .btn{white-space:nowrap;min-height:33px;padding:6px 10px;font-size:12px}.volume-examples{gap:12px;margin:16px 0 0;display:flex}.volume-examples button{color:#77737b;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:11px;display:flex}.keyboard-wrap{min-width:0;margin:8px 0 0;padding:12px 0 0}.lesson-page .keyboard,.study-home .keyboard{min-width:360px}.lesson-page .keyboard-wrap,.study-home .keyboard-wrap{overflow-x:auto}.keyboard{height:157px;box-shadow:none;background:#fff;border-color:#989aa0;border-radius:3px}.key.white{color:#55585e;background:#fff;border-color:#aaaab0}.key.black{color:#c3c4ca;background:#292a2e;border-color:#202126}.key.black.member{background:#554238}.key-label{font-size:11px}.key.black .key-label{font-size:9px}.keyboard-caption{color:#6a6c72;flex-direction:column;gap:2px;font-size:11px;line-height:1.7;display:flex}.worked-example{border-top:1px solid var(--line);padding:20px 0 13px}.worked-example>h2{font-size:16px}.worked-steps{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.worked-steps button{color:#74767c;background:0 0;border:0;border-bottom:1px solid #0000;align-items:center;gap:8px;padding:0 0 7px;font-size:13px;display:flex}.worked-steps button>span{border:1px solid #c7c7cb;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:11px;display:inline-flex}.worked-steps button.active{color:#9c4224;border-bottom-color:#b85b37}.worked-description{min-height:60px;margin-bottom:10px}.lesson-body .takeaway{color:#77757b;border-left:2px solid #d1b19c;margin-bottom:7px;padding-left:14px;font-size:14px}.optional-score,.further-reading,.assessment-details{color:#77797f;border-top:1px solid #e5e5e7;margin:14px 0;padding:12px 0;font-size:13px}.optional-score summary,.further-reading summary,.assessment-details summary{cursor:pointer;font-size:13px}.optional-score p,.further-reading p{margin-top:14px}.quick-check{border-top:1px solid var(--line);margin-top:10px;padding-top:20px}.quick-check p{font-size:15px}.quick-options{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.quick-options button{background:#fff;border:1px solid #d0d0d3;border-radius:3px;padding:8px 13px;font-size:13px}.quick-options button.selected{background:#f7eee5;border-color:#af6242}.lesson-rail{color:#6c6e74;border-left:1px solid #e2e2e5;padding:8px 0 0 22px;font-size:13px}.lesson-rail section,.lesson-rail>details{border-bottom:1px solid #e3e3e5;margin-bottom:20px;padding-bottom:20px}.lesson-rail h2{color:#74767d;margin:0 0 11px;font-size:12px;font-weight:550}.lesson-rail p{color:#60626a;margin-bottom:0;font-size:13px;line-height:1.85}.lesson-rail .text-btn{text-align:left;gap:4px;margin:10px 0;font-size:12px;line-height:1.8;display:flex}.lesson-rail summary{color:#66686e;cursor:pointer;font-size:12px}.recall-question p{margin:12px 0}.nearby-lessons>button{text-align:left;color:#73757d;background:0 0;border:0;border-left:2px solid #0000;gap:8px;width:100%;padding:8px 6px;font-size:12px;line-height:1.7;display:flex}.nearby-lessons>button small{color:#9b9ca2;padding-top:1px;font-size:10px}.mastery-record p{color:#83858c;gap:10px;margin:5px 0;font-size:11px;display:flex}.mastery-record p>span{color:#b1b2b8;width:13px}.mastery-record .record-done{color:#5f7277}.mastery-record small{margin-top:12px;font-size:11px;line-height:1.7;display:block}.lesson-footer{border-top:1px solid var(--line);z-index:2;background:#fcfcfbf5;justify-content:space-between;margin:0;padding:13px 0;display:flex;position:sticky;bottom:0}.rescue-help{color:#75777e;border-top:1px solid var(--line);margin-top:20px;padding:17px 0;font-size:13px}.rescue-help p{color:#575960;max-width:900px;margin:15px 0 0;font-size:15px}.rescue-help summary{cursor:pointer}.lesson-course-navigation{flex-wrap:wrap;justify-content:space-between;gap:15px;margin:16px 0 25px;display:flex}.lesson-course-navigation button{text-align:left;max-width:45%;font-size:12px}.source-details{color:#85878d;border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;padding:15px 0;font-size:12px}.source-details p{color:#73757d;font-size:13px}.listen-cards{gap:15px;margin:24px 0;display:flex}.listen-cards>button{color:#53565d;background:#fff;border:1px solid #cfcfd3;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:14px;padding:25px 20px;display:flex}.listen-cards>button strong{font-size:18px}.listen-cards>button small{color:#85878e;font-size:12px}.practice{background:0 0;border-color:#ddd;border-radius:3px;padding:15px 0}.practice-options{background:#f3f3f2;border-radius:3px}.practice-options label{font-size:12px}.segmented button{color:#6a6b72;border-radius:2px;font-size:12px}.segmented button.selected{color:#8e4227;box-shadow:none;background:#fff}.practice-status,.practice-status.active{color:#575156;background:#f0efec;border-radius:3px;font-size:13px}.guide-list li{padding-left:10px}.quiz-card{border-top:1px solid #d8d8dc;margin-top:24px;padding:24px 0}.quiz-options button{color:#52545b;background:#fff;border-color:#d0d0d4;border-radius:3px;font-size:14px}.quiz-options button>span:first-child{color:#7d7f85;background:#efefef;border-radius:3px}.application-layout{grid-template-columns:1.2fr 1fr;gap:32px}.rubric{background:#f6f5f2;padding:20px}.rubric p{font-size:14px}.reflection{border:0;border-top:1px solid var(--line);background:0 0;margin-top:20px;padding:22px 0}.field-label{color:#71737b;font-size:13px}.self-checks label{color:#575961;font-size:14px}.large-text .lesson-body p,.large-text .lesson-body li{font-size:18px}@media (width<=1250px){.main-content{padding:25px 27px}.lesson-layout{grid-template-columns:minmax(0,1fr) 190px;gap:23px}.read-and-play{grid-template-columns:minmax(0,1fr);gap:22px}.lesson-instrument{border-left:0;border-top:1px solid var(--line);padding-top:15px;padding-left:0}.lesson-steps>button{padding-left:12px;padding-right:12px}.continue-study,.home-columns{gap:32px}}@media (width<=960px){.sidebar{width:178px;padding-left:10px;padding-right:10px}.sidebar nav button{font-size:13px}.brand>span{font-size:21px}.brand small{font-size:11px}.main-area{width:calc(100% - 178px);margin-left:178px}.lesson-layout{display:block}.lesson-rail{border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin-top:24px;padding:22px 0 0;display:grid}.lesson-rail>section,.lesson-rail>details{border:0;margin:0;padding:0}.read-and-play{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.lesson-instrument{border-top:0;border-left:1px solid var(--line);padding-top:0;padding-left:20px}.lesson-heading h1{font-size:25px}.lesson-status{display:none}.continue-study,.home-columns{grid-template-columns:1fr;gap:20px}.continue-instrument{padding-top:0}.course-row{grid-template-columns:24px minmax(0,1fr) 60px 16px;gap:12px}.course-row-status{display:none}}@media (width<=760px){.app-shell{display:block}.sidebar{border:0;border-bottom:1px solid var(--line);width:100%;padding:14px 18px 0;display:block;position:static}.brand{margin:0 0 10px;padding:0}.brand>span{font-size:20px}.brand small{display:none}.sidebar nav{flex-wrap:wrap;gap:0 12px;display:flex}.nav-group{display:contents}.nav-group h2,.sidebar nav button svg,.sidebar-spacer,.device-status,.settings-nav,.local-save-note{display:none}.sidebar nav button{border-bottom:2px solid #0000;border-left:0;border-radius:0;width:auto;min-height:34px;padding:8px 3px;font-size:12px}.sidebar nav button.active{background:0 0;border-bottom-color:#b14b28}.main-area{width:100%;margin:0}.topbar{height:42px;padding:0 18px}.topbar .breadcrumb{display:none}.topbar-right{gap:20px;margin-left:auto}.main-content{padding:21px 20px}.read-and-play{display:block}.lesson-instrument{border:0;padding:15px 0 0}.explanation h2{display:none}.lesson-breadcrumb{gap:8px;font-size:10px}.lesson-breadcrumb .text-btn{font-size:11px}.lesson-breadcrumb>span:nth-of-type(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-heading h1{font-size:23px}.lesson-steps{justify-content:space-between;gap:0}.lesson-steps>button{white-space:nowrap;min-height:40px;padding:8px 5px 10px;font-size:12px}.lesson-body{padding-top:18px}.lesson-body p{font-size:16px}.read-and-play{padding-bottom:20px}.lesson-page .keyboard,.study-home .keyboard{min-width:380px}.lesson-page .keyboard-caption,.study-home .keyboard-caption{max-width:100%}.worked-steps{gap:10px 15px}.worked-steps button{font-size:12px}.worked-description{min-height:0}.lesson-footer .btn{padding:8px 11px;font-size:12px}.lesson-footer{gap:8px}.lesson-course-navigation button{max-width:100%}.course-tools{gap:12px;padding-bottom:14px}.course-tools .search-field{width:100%;max-width:none;margin-left:0}.course-chapter>summary{gap:12px}.course-chapter>summary strong{font-size:16px}.course-row{grid-template-columns:20px minmax(0,1fr) 14px;gap:10px;padding:14px 5px}.course-row-meta{display:none}.course-row-copy>small{font-size:12px}.course-row-copy strong{font-size:15px}.course-row.is-next{padding-left:3px}.study-record-line{flex-wrap:wrap;gap:8px 18px}.study-record-line .text-btn{margin-left:0}.continue-copy h2{font-size:24px}.desk-heading{margin-bottom:20px}.home-columns{padding-top:25px}.application-layout{display:block}.rubric{margin-top:22px}.listen-cards{gap:10px}.listen-cards>button{flex-wrap:wrap;gap:10px;padding:20px 10px}.app-footer{gap:14px;padding:16px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=540px){.lesson-rail{grid-template-columns:minmax(0,1fr)}}.plan-years button,.session-tabs button{color:#6c6e75;background:#fff;border-color:#d5d5d9;border-radius:3px;font-size:13px}.plan-years button.active,.session-tabs button.active{color:#914526;background:#f3ece5;border-color:#bf8b6b}.week-list button{color:#5d6067;background:#fff;border-color:#dedee2;border-radius:3px}.week-list button.active{color:#773e27;background:#f4eee7;border-color:#b88868}.week-list small{color:#96979e;font-size:11px}.week-list strong{color:#55575e;font-size:14px}.week-list span{color:#93959c;font-size:11px}.week-detail,.lab-stage,.editor{box-shadow:none;border-radius:4px}.plan-summary,.lab-note{color:#68646b;background:#f4f3f0;border-radius:3px}.week-detail .task-list,.week-detail>p,.session-heading p{color:#575960;font-size:16px}.week-detail .keyboard-wrap{overflow-x:auto}.week-detail .keyboard{min-width:450px}.notation{background:#fff;border-radius:3px}.piano-roll{background:#f4f4f4;border-color:#dddde0;border-radius:3px}.lab-bottom p,.exploration>p,.project-library p,.settings-grid p{color:#64666d}.key-label,.lesson-page .key-label{color:#74747a}.key.black .key-label,.lesson-page .black .key-label{color:#bdbdc4}.key.black.member{border-bottom-color:#a87856}.project-library{background:#f7f6f3;border-color:#d9d9dd;border-radius:3px}.project-status{color:#77685d;background:#f4f0eb;border-color:#d8c6b8}.transport-btn{color:#4c4e54;background:#f2f2f1;border-color:#c8c9cd;border-radius:3px;width:36px;height:36px}.transport-btn.record{color:#a74728;background:#f5ebe4;border-color:#d6b59e}.editor-toolbar label,.note-inspector label,.transport-actions label,.project-library label{color:#62646a;font-size:13px}.editor-toolbar select,.note-inspector select,.note-inspector input,.transport-actions input,.transport-actions select{font-size:13px}.editor-layout{border-color:#c9cacf;border-radius:3px}.track-list{background:#f3f3f2;border-color:#d4d5d8;width:160px}.track{border-color:#dbdcdf}.track.selected{background:#e9e9e7;box-shadow:inset 3px 0 #a74728}.track-select{min-height:67px;padding:11px 12px}.track-select strong{font-size:13px;font-weight:550}.track-select small{color:#707279;font-size:11px}.track-mute{color:#71737a}.note-editor{background:#f7f7f6}.bar-labels{color:#656870;border-color:#cfd0d5;font-size:11px}.grid-scroll{max-height:380px}.pitch-label{color:#6c6e76;background:#ededec;border-color:#d7d8dc;height:24px;font-size:11px}.note-cell{background:#fff;border-color:#e4e5e8;height:24px}.note-cell:nth-child(2n){background:#f5f5f5}.note-cell.bar-start{border-left-color:#9b9da5}.color-0{background:#af6946}.color-1{background:#637b86}.color-2{background:#8b805e}.color-3{background:#8a7682}.color-4{background:#6f8277}@media (width<=760px){.track-list{width:112px}.track-select{padding:10px 8px}.track-select strong{font-size:12px}.track-select small{font-size:10px}}:root{color:#273140;--ink:#273140;--muted:#626d7d;--line:#dce1e8;--paper:#fff;--green:#2856a7;--peach:#2856a7;--accent:#2856a7;--accent-soft:#eef3fc;background:#f5f6f8;font-size:16px}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3{color:#202a38}h1{font-size:28px;font-weight:650;line-height:1.5}input[type=checkbox],input[type=range]{accent-color:var(--accent)}.btn{border-radius:5px;min-height:42px;padding:10px 16px;font-size:14px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.secondary:hover{background:#f0f3f8}.btn:disabled{opacity:.48}.text-btn{color:#345a94;font-size:14px}.text-btn:hover{color:#193e76;text-underline-offset:3px;text-decoration:underline}.icon-btn{color:#526078;background:#fff;border:1px solid #cbd2de;border-radius:5px;justify-content:center;align-items:center;min-width:38px;min-height:38px;padding:8px;display:inline-flex}.caption,.field-label{color:#626d7d;font-size:14px}.badge,.date-pill{color:#4c5c74;background:#f0f3f8;border-color:#d8e0eb;font-size:13px}.eyebrow,.section-label{color:#536176;font-size:14px}.section-label{align-items:center;gap:8px;display:inline-flex}.unit-kicker{color:#68758a;font-size:13px;line-height:1.7}.sidebar{border-right-color:var(--line);background:#fff;width:212px;padding:27px 14px 20px}.brand{color:#24324a;margin:0 0 32px;padding:0 10px}.brand>span{letter-spacing:-.7px;font-size:23px}.brand small{color:#677386;font-size:12px}.nav-group h2{color:#768296;font-size:12px}.sidebar nav button{color:#58657a;border-radius:4px;min-height:43px;padding:10px;font-size:14px}.sidebar nav button.active{color:#234e96;background:var(--accent-soft);border-left-color:#2856a7}.sidebar nav button:hover{background:#f0f3f8}.sidebar nav button svg{color:inherit}.mobile-menu-button,.sidebar nav .mobile-settings{display:none}.device-status strong,.settings-nav{color:#4d5b70;font-size:13px}.device-status small,.local-save-note{color:#717c8e;font-size:11px}.topbar{border-bottom-color:var(--line);background:#fff;height:56px;padding:0 32px}.breadcrumb strong{color:#5f6d82;font-size:14px;font-weight:500}.topbar-right{gap:22px}.toolbar-text{color:#536176;min-height:40px;font-size:13px}.toolbar-text[aria-pressed=true].focus-toggle{color:#2856a7}.main-content{max-width:1384px;margin:0 auto;padding:30px 32px 28px}.app-footer{color:#707d91;padding:18px 32px;font-size:12px}.app-footer button{color:#65738a;font-size:12px}.study-focus .sidebar{display:none}.study-focus .main-area{width:100%;margin-left:0}.study-focus .main-content{max-width:1240px}.page-heading h1{font-size:28px}.page-heading p{color:#647187;max-width:68ch;font-size:15px}.term-word:hover,.term-word:focus-visible{color:#234d94;background:#e9f0fc}.term-popup{border-color:#bac7db;border-radius:6px}.feedback,.project-status{color:#344d75;background:#eef3fc;border-color:#cad7ed;font-size:14px}.term-list button{color:#3f5a83;background:#f0f3f8;border-radius:4px;align-items:center;gap:6px;padding:7px 10px;font-size:14px;display:inline-flex}.term-list button:hover{background:#e5edf9}.desk-heading h1{margin:0}.desk-heading p{color:#647187;margin:7px 0 0;font-size:15px}.desk-heading time{color:#738098;padding-top:9px;font-size:13px}.home-start{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);display:grid;overflow:hidden}.continue-study{border:0;border-right:1px solid var(--line);min-width:0;padding:26px 28px;display:block}.home-start .section-heading{gap:12px;margin-bottom:22px}.study-duration{color:#738098;white-space:nowrap;font-size:13px}.home-start .unit-kicker{margin:0 0 7px}.continue-study h2{margin:0 0 12px;font-size:25px;line-height:1.6}.continue-study .continue-goal{color:#526078;max-width:54ch;margin:0 0 24px;font-size:16px}.home-lesson-action{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.last-lesson{align-items:center;gap:6px;margin-top:16px;font-size:13px;line-height:1.7;display:flex}.home-routine{background:#f9fafc;min-width:0;padding:26px 28px}.home-routine h2{margin:0 0 10px;font-size:20px;line-height:1.6}.home-routine>p:not(.unit-kicker){color:#637187;margin:0;font-size:14px}.routine-phases{color:#5d6d85;align-items:center;gap:8px;margin:20px 0 18px;font-size:13px;display:flex}.study-record-line{color:#68768d;border-bottom-color:var(--line);padding:17px 2px;font-size:13px}.study-record-line .text-btn{font-size:13px}.home-columns{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:44px;padding-top:28px}.section-heading h2{align-items:center;gap:8px;font-size:18px;display:inline-flex}.chapter-list button{gap:14px;padding:17px 10px}.chapter-list button:hover,.chapter-list button.current{background:#eef3fb}.chapter-copy{flex:1;min-width:0}.chapter-list strong{font-size:16px;font-weight:550}.chapter-list strong em{color:#2856a7;white-space:nowrap;margin-left:10px;font-size:11px;font-style:normal;font-weight:500}.chapter-list small{color:#68758b;font-size:13px}.chapter-progress{background:#dce3ee;max-width:180px;height:3px;margin-top:10px;display:block}.chapter-progress i{background:#2856a7;height:100%;display:block}.row-number,.chapter-count{color:#728098;font-size:13px}.home-notebook li button{padding:14px 0}.home-notebook li strong{color:#44536c;font-size:15px}.home-notebook li small{color:#758197;font-size:12px}.home-help{margin-top:25px;padding-top:18px}.home-help button{align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.course-page{max-width:1200px;margin:0 auto}.course-tools{gap:18px;margin-bottom:22px}.course-filters-toggle{display:none}.view-tabs button{color:#66758b;padding:13px 10px;font-size:14px}.view-tabs button.active{color:#2856a7;border-bottom-color:#2856a7}.course-tools .search-field{border-color:#ccd5e3;min-width:240px;max-width:340px}.course-tools input,.check-label{font-size:14px}.course-chapter-picker{border:1px solid var(--line);background:#fff;border-radius:5px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.course-chapter-picker button{border:0;border-right:1px solid var(--line);color:#607089;text-align:left;background:#fff;align-items:center;gap:10px;padding:14px;font-size:14px;display:flex}.course-chapter-picker button:last-child{border-right:0}.course-chapter-picker button span{color:#8692a5;font-size:12px}.course-chapter-picker button.active{color:#244f97;background:#eef3fc;box-shadow:inset 0 -2px #2856a7}.course-section-intro{padding:25px 0 4px}.course-section-intro h2{margin:0 0 8px;font-size:21px}.course-section-intro p{color:#64738a;margin:0 0 8px;font-size:15px}.course-section-intro>span{color:#7a879b;font-size:13px}.course-help{color:#718098;margin:16px 0 20px;font-size:13px}.course-unit{border:1px solid var(--line);background:#fff;border-radius:5px;margin-bottom:12px;overflow:hidden}.course-unit>summary{cursor:pointer;grid-template-columns:30px minmax(0,1fr) 74px 18px;align-items:center;gap:16px;padding:18px 20px;list-style:none;display:grid}.course-unit>summary::-webkit-details-marker{display:none}.course-unit>summary:hover{background:#f8fafc}.course-unit[open]>summary{border-bottom:1px solid #dce1e8}.course-unit[open]>summary>svg{transform:rotate(180deg)}.unit-number{color:#6d7f9b;font-variant-numeric:tabular-nums;font-size:14px}.unit-title strong{font-size:17px;font-weight:550;display:block}.unit-title small{color:#7a879b;margin-top:3px;font-size:12px;display:block}.unit-count{color:#526b92;text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.unit-count small{color:#7b889d;font-size:11px;display:block}.course-row{border-color:#e7ebf1;grid-template-columns:30px minmax(0,1fr) 82px 88px 17px;gap:14px;padding:16px 20px}.course-row:first-child{border-top:0}.course-row:hover{background:#f4f7fc}.course-row.is-next{background:#f1f5fc;border-left-color:#2856a7;padding-left:18px}.course-row-copy strong{color:#33435b;font-size:16px}.course-row-copy>small{color:#748198;margin-top:4px;font-size:13px;line-height:1.7}.course-row-meta{color:#6b7b93;font-size:13px}.course-row-meta small{color:#8190a4;font-size:12px}.course-row-status{color:#3b659d;font-size:12px}.search-unit h2{border-bottom:1px solid var(--line);background:#f8fafc;margin:0;padding:16px 20px;font-size:16px}.chip-row button{color:#61718a;border-color:#d3dce9;font-size:14px}.chip-row button.active{color:#2856a7;background:#eef3fc;border-color:#9fb6d9}.lesson-page{max-width:1180px;margin:0 auto}.lesson-breadcrumb{color:#7b889d;margin-bottom:18px;font-size:13px}.lesson-breadcrumb .text-btn{font-size:13px}.lesson-heading{align-items:flex-start;gap:18px;margin-bottom:22px}.lesson-title-block{min-width:0}.lesson-heading h1{margin:5px 0 9px;font-size:28px}.lesson-title-block>p{color:#63728a;max-width:76ch;margin:0;font-size:15px}.lesson-status{color:#60718e;padding-top:10px;font-size:13px}.lesson-layout{display:block}.lesson-main{border:1px solid var(--line);background:#fff;border-radius:6px}.lesson-steps{border-bottom-color:var(--line);z-index:5;background:#fff;border-radius:6px 6px 0 0;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;display:grid;position:sticky;top:0}.lesson-steps>button{color:#687991;border-bottom:2px solid #0000;gap:7px;min-height:52px;padding:15px 8px;font-size:14px}.lesson-steps>button.active{color:#2856a7;background:#f1f5fc;border-bottom-color:#2856a7}.lesson-steps>button.done{color:#3d6b62}.lesson-steps>button svg{width:15px;height:15px}.lesson-body{color:#35445c;padding:25px 26px 20px}.lesson-body p,.lesson-body li{color:#46566f;font-size:16px;line-height:1.9}.lesson-body h2{font-size:18px}.read-and-play{grid-template-columns:minmax(0,1fr) minmax(330px,1.1fr);align-items:start;gap:30px;padding-bottom:10px;display:grid}.explanation p{max-width:46ch}.lesson-body .term-help-hint{color:#748298;font-size:12px;line-height:1.8}.plain-terms{color:#637490;gap:12px;font-size:14px}.lesson-instrument{background:#f7f9fc;border:1px solid #dce4f0;border-radius:5px;padding:20px;position:sticky;top:76px}.instrument-heading{color:#5e7090;font-size:14px}.instrument-heading strong{color:#475c7b;font-size:14px}.instrument-heading .btn{min-height:38px;padding:8px 11px;font-size:13px}.volume-examples{flex-wrap:wrap;margin:20px 0 0}.volume-examples button{color:#587198;min-height:32px;font-size:13px}.lesson-page .keyboard{min-width:380px;height:180px}.keyboard-wrap{padding-top:14px}.key.white.member{background:#e9f0fc;border-bottom-color:#91add5}.key.black.member{background:#334f79;border-bottom-color:#8da8d0}.key.white.pressed,.key.white.next{background:#99bbea}.key.black.pressed,.key.black.next{background:#4f80bf}.key.wrong{background:#d87568}.root-marker{color:#2856a7}.keyboard-caption{color:#697b96;margin-top:9px;font-size:12px}.worked-example{border-top-color:#e2e7ef;margin-top:20px;padding-top:18px}.worked-example>h2{margin-bottom:12px;font-size:15px}.worked-steps{grid-template-columns:minmax(0,1fr);gap:3px;margin-bottom:12px;display:grid}.worked-steps button{text-align:left;color:#6a7b93;border:0;border-left:2px solid #0000;border-radius:2px;min-height:38px;padding:7px 9px;font-size:14px;line-height:1.6}.worked-steps button>span{color:#7387a7;border-color:#c6d2e3;border-radius:3px;flex-shrink:0;width:21px;height:21px;font-size:12px}.worked-steps button.active{color:#2856a7;background:#eef3fc;border-left-color:#2856a7}.worked-steps button.active>span{border-color:#91abd1}.worked-description{min-height:0;margin:12px 0}.lesson-body .takeaway{color:#657991;border-left-color:#b9cbe5;font-size:14px}.optional-score,.further-reading,.assessment-details{color:#667a98;font-size:14px}.optional-score summary,.further-reading summary,.assessment-details summary{font-size:14px}.quick-check{margin-top:18px;padding-top:20px}.quick-options button{color:#4e6585;border-color:#c7d3e3;min-height:42px;font-size:14px}.quick-options button.selected{color:#2856a7;background:#eef3fc;border-color:#819fcc}.quick-check>small{color:#73839c;font-size:12px}.lesson-footer{border-top-color:var(--line);z-index:6;background:#fff;border-radius:0 0 6px 6px;padding:13px 20px}.lesson-footer .btn{min-height:42px;font-size:14px}.lesson-footer>span{color:#72839b;font-size:13px}.lesson-context{border:1px solid var(--line);background:#fff;border-radius:5px;margin-top:22px}.lesson-context>summary{color:#4f6585;cursor:pointer;align-items:center;gap:16px;padding:16px 20px;font-size:14px;display:flex}.lesson-context>summary>span{color:#7f8da2;margin-left:auto;font-size:12px}.lesson-rail{color:#677b99;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:0;padding:6px 20px 20px;display:grid}.lesson-rail section,.lesson-rail>details{border:0;margin:0;padding:0}.lesson-rail h2,.lesson-rail summary{color:#536c91;font-size:14px}.lesson-rail p{color:#627593;font-size:14px}.lesson-rail .text-btn{font-size:13px}.nearby-lessons>button{color:#6c7e97;font-size:13px}.nearby-lessons>button.current{color:#2856a7;background:#eef3fc;border-left-color:#2856a7}.mastery-record p{font-size:13px}.mastery-record small{font-size:12px}.rescue-help,.source-details{color:#687b98;font-size:14px}.source-details summary{font-size:13px}.listen-cards>button{color:#416391;background:#f7f9fc;border-color:#ccd7e7}.listen-cards>button small{color:#7286a5}.practice{border:0;padding:16px 0 0}.practice-toolbar,.practice-options{gap:12px;font-size:14px}.practice-options{background:#f3f6fa;padding:12px}.practice-options label{color:#637b9c;font-size:13px}.segmented{background:#edf1f7;border-color:#ccd7e7}.segmented button{color:#657b9c;min-height:36px;padding:7px 12px;font-size:13px}.segmented button.selected{color:#2856a7;background:#fff}.practice-status,.practice-status.active{color:#4d6891;background:#eef3fc;font-size:14px}.practice .keyboard{height:175px}.practice .piano-roll{margin-top:12px}.quiz-options button.selected{background:#eef3fc;border-color:#8ba7d2}.guide-list li::marker{color:#6b8ab7}.notation{border-radius:4px}.notation p.caption{color:#73839a;font-size:13px}.self-checks label{color:#506583;font-size:15px;line-height:1.8}.self-checks input{flex-shrink:0;margin-top:5px}.routine-page{max-width:1100px;margin:0 auto}.routine-page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.routine-page-heading h1{margin:0 0 4px;font-size:26px}.routine-page-heading>div>span{color:#738198;font-size:13px}.routine-page-heading>.text-btn{white-space:nowrap}.routine-location{justify-content:space-between;align-items:center;gap:16px;padding:0 0 20px;display:flex}.routine-location>div{align-items:center;gap:12px;min-width:0;display:flex}.routine-location>div>svg{color:#7890b0;flex-shrink:0}.routine-location select{color:#536e95;background:0 0;border:0;max-width:300px;padding:8px 2px;font-size:14px}.routine-location strong{color:#4c6386;white-space:nowrap;font-size:15px}.routine-week-count{color:#8692a6;white-space:nowrap;font-size:12px}.week-controls .btn{white-space:nowrap;min-height:38px;padding:8px 11px}.week-picker{background:#fff;border:1px solid #cdd8e9;border-radius:6px;max-height:460px;margin-bottom:20px;padding:6px 16px;overflow:auto}.week-picker details{border-bottom:1px solid #e0e7f1}.week-picker details:last-child{border-bottom:0}.week-picker summary{cursor:pointer;color:#4b678e;padding:14px 4px;font-size:14px}.week-picker summary>span{color:#8190a8;margin-right:15px;font-size:12px}.week-picker summary>strong{font-weight:500}.week-picker details>div{padding-bottom:9px}.week-picker button{text-align:left;background:0 0;border:0;border-radius:3px;grid-template-columns:62px minmax(0,1fr) 48px;align-items:center;gap:12px;width:100%;padding:12px 8px;display:grid}.week-picker button[aria-current=true],.week-picker button:hover{background:#eef3fc}.week-picker button>span,.week-picker button small{color:#7990b1;font-size:12px}.week-picker button>strong{color:#526f98;font-size:14px;font-weight:400;line-height:1.8}.routine-days{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:22px;display:grid}.routine-days button{text-align:left;color:#7586a1;background:#fff;border:1px solid #d9e0eb;border-radius:5px;min-width:0;padding:12px 15px}.routine-days button>span{justify-content:space-between;align-items:center;gap:5px;margin-bottom:3px;font-size:12px;display:flex}.routine-days button>strong{font-size:14px;font-weight:500}.routine-days button.active{color:#2856a7;background:#eef3fc;border-color:#8ca9d4;box-shadow:inset 0 -2px #2856a7}.routine-days button.done:not(.active){color:#4f7b73}.routine-workspace{border:1px solid var(--line);background:#fff;border-radius:6px;scroll-margin-top:16px}.routine-task-heading{padding:24px 28px 20px}.routine-task-heading h2{margin:7px 0 8px;font-size:24px;line-height:1.6}.routine-task-heading p{color:#697b98;max-width:82ch;margin:0;font-size:15px;line-height:1.85}.routine-phase-nav{z-index:8;background:#fafbfd;border-top:1px solid #e3e9f2;border-bottom:1px solid #dbe3ee;gap:22px;padding:0 28px;display:flex;position:sticky;top:0}.routine-phase-nav button{color:#7286a4;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;min-height:51px;padding:10px 4px;display:flex}.routine-phase-nav button>span{border:1px solid #c7d3e5;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:inline-flex}.routine-phase-nav button>strong{white-space:nowrap;font-size:14px;font-weight:500}.routine-phase-nav button.active{color:#2856a7;border-bottom-color:#2856a7}.routine-phase-nav button.active>span{color:#fff;background:#2856a7;border-color:#2856a7}.routine-workspace>div{padding:22px 28px 0}.routine-workspace .study-warmup{border:0;margin:0;padding:0 0 22px}.study-warmup{scroll-margin-top:75px}.warmup-directions{margin:8px 0 14px}.warmup-directions summary{cursor:pointer;color:#657fa4;font-size:14px}.study-warmup .session-heading{gap:18px;margin:0 0 12px}.study-warmup .session-heading h3{color:#385986;margin:5px 0 9px;font-size:19px}.study-warmup .eyebrow{display:none}.study-warmup .session-heading p{color:#7b8faa;margin:0;font-size:13px}.study-warmup .badge{white-space:nowrap;background:#f1f4f9;margin-top:4px;font-size:11px}.study-warmup>p{color:#627a9d;margin:0 0 20px;font-size:16px}.task-list{color:#50678b;font-size:16px;line-height:1.9}.task-list li{margin-bottom:9px}.routine-actions{border-top:1px solid #dfe7f2;justify-content:space-between;align-items:center;gap:14px;margin-top:15px;padding:16px 0;display:flex}.routine-actions>span{color:#7a8fac;font-size:13px}.task-instruction{border-bottom:1px solid #e2e9f3;padding-bottom:20px}.task-instruction-heading{color:#6680a6;align-items:center;gap:12px;display:flex}.task-instruction-heading>strong{font-size:14px;font-weight:500}.task-instruction-heading>div{gap:7px;display:flex}.task-instruction-heading .icon-btn{min-width:30px;min-height:30px;padding:6px}.task-instruction-heading .text-btn{margin-left:auto;font-size:13px}.task-instruction>p{color:#435e86;max-width:78ch;margin:16px 0 12px;font-size:16px;line-height:1.95}.task-instruction summary,.comparison-help summary,.routine-review summary{cursor:pointer;color:#7890b2;font-size:13px}.routine-example{padding-top:20px}.routine-example .keyboard-wrap,.routine-page .practice .keyboard-wrap{overflow-x:auto}.routine-page .keyboard{min-width:450px}.comparison-help{margin:14px 0 12px}.comparison-help p{color:#58749c;font-size:15px;line-height:1.85}.routine-review{border-top:1px solid var(--line);margin:20px 0 5px;padding-top:16px}.routine-record h3{margin-bottom:16px;font-size:18px}.routine-record .field-label{font-size:14px;line-height:1.8}.routine-record textarea{margin-top:9px;padding:12px;font-size:16px;line-height:1.8}.routine-record .self-checks{margin:22px 0}.routine-result{color:#4f729f;background:#f0f5fc;margin-bottom:20px;padding:12px;font-size:14px}.routine-week-overview{border:1px solid var(--line);background:#fff;border-radius:5px;margin-top:20px;padding:0 24px}.routine-week-overview>summary{cursor:pointer;color:#657da2;align-items:center;gap:12px;padding:17px 0;font-size:14px;display:flex}.routine-week-overview>summary>span{color:#92a0b6;margin-left:auto;font-size:12px}.routine-week-overview>p,.routine-week-overview li{color:#5a7194;font-size:16px;line-height:1.9}.routine-week-overview>.button-row{margin:22px 0}.routine-week-overview .checkpoint{background:#f7f9fc;border-left:2px solid #91acd3;margin-top:22px;padding:18px 20px}.routine-week-overview .checkpoint h3{font-size:18px}.routine-week-overview .checkpoint h4{font-size:15px}.routine-week-overview .checkpoint p{color:#607a9f;font-size:15px}.plan-coverage>p{color:#607696;max-width:72ch;font-size:16px}.curriculum-coverage{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.curriculum-coverage>div{background:#fff;border-radius:5px;padding:22px}.curriculum-coverage strong{color:#3e5d87;font-size:18px}.curriculum-coverage p{color:#6a80a1;margin:12px 0;font-size:15px;line-height:1.8}@media (width<=1100px){.main-content{padding:25px}.topbar{padding:0 25px}.read-and-play{grid-template-columns:minmax(0,1fr);gap:24px}.lesson-instrument{position:static}.home-start{grid-template-columns:minmax(0,1fr)}.continue-study{border-right:0;border-bottom:1px solid var(--line)}.home-routine{padding:22px 28px}.home-start .section-heading{margin-bottom:16px}.home-columns{grid-template-columns:minmax(0,1fr);gap:30px}.routine-location{flex-wrap:wrap;gap:12px}.routine-week-count{display:none}.course-chapter-picker button{gap:7px;padding:13px 9px;font-size:13px}.course-row{grid-template-columns:25px minmax(0,1fr) 72px 17px}.course-row-status{display:none}.lesson-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.app-shell{display:block}.sidebar{border:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:12px 20px;display:block;position:static}.brand-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.brand{margin:0;padding:0}.brand>span{font-size:21px}.brand small{display:none}.mobile-menu-button{color:#556c8f;background:#fff;border:1px solid #d2dbe8;border-radius:5px;align-items:center;gap:8px;min-height:42px;padding:9px 11px;font-size:14px;display:inline-flex}.sidebar nav{display:none}.menu-open .sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;margin-top:22px;padding-bottom:12px;display:grid}.nav-group{display:block}.nav-group h2{color:#7f91ad;margin:0 10px 6px;font-size:12px;display:block}.sidebar nav button{white-space:normal;text-align:left;border-bottom:0;border-left:2px solid #0000;border-radius:4px;gap:9px;width:100%;min-height:44px;padding:12px 10px;font-size:14px;display:flex}.sidebar nav button.active{background:#eef3fc;border-left-color:#2856a7}.sidebar nav button svg{flex-shrink:0;width:16px;height:16px;display:block}.sidebar nav .mobile-settings{background:#f3f6fa;align-self:end;font-size:13px;display:flex}.sidebar-spacer,.device-status,.settings-nav,.local-save-note{display:none}.main-area{width:100%;margin:0}.topbar{height:auto;min-height:48px;padding:6px 20px}.topbar .breadcrumb{display:none}.topbar-right{flex-wrap:wrap;gap:18px;margin-left:auto}.toolbar-text{font-size:13px}.main-content{padding:23px 20px}.desk-heading{gap:12px;margin-bottom:20px}.desk-heading h1{font-size:25px}.desk-heading p{max-width:28ch;font-size:14px}.desk-heading time{white-space:nowrap;font-size:12px}.continue-study,.home-routine{padding:22px}.continue-study h2{font-size:23px}.home-routine h2{font-size:20px}.home-start .section-label{font-size:13px}.study-duration{font-size:12px}.study-record-line{flex-wrap:wrap;gap:9px 17px}.study-record-line .text-btn{margin-left:0}.page-heading h1{font-size:26px}.course-tools .search-field{width:100%;max-width:none;margin:0}.course-filters-toggle{margin:0 0 20px;display:inline-flex}.course-tools{display:none}.course-tools.filters-open{display:flex}.course-chapter-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.course-chapter-picker button{min-height:48px;padding:12px;font-size:14px}.course-chapter-picker button:nth-child(2){border-right:0}.course-chapter-picker button:nth-child(-n+2){border-bottom:1px solid var(--line)}.course-section-intro h2{font-size:20px}.course-unit>summary{grid-template-columns:25px minmax(0,1fr) 52px 15px;gap:10px;padding:16px}.unit-title strong{font-size:16px}.unit-title small{font-size:12px}.course-row{grid-template-columns:25px minmax(0,1fr) 15px;gap:9px;padding:16px 12px}.course-row.is-next{padding-left:10px}.course-row-meta{display:none}.course-row-copy strong{font-size:15px}.course-row-copy>small{font-size:13px}.lesson-breadcrumb{gap:9px;font-size:12px}.lesson-breadcrumb .text-btn{font-size:12px}.lesson-position{display:none}.lesson-heading h1{font-size:25px}.lesson-status{display:none}.lesson-title-block>p{font-size:15px}.lesson-body{padding:22px 20px}.lesson-steps>button{gap:5px;min-height:48px;padding:12px 4px;font-size:13px}.lesson-steps>button>svg:not([aria-label]){display:none}.read-and-play{flex-direction:column;gap:20px;display:flex}.explanation{display:contents}.explanation>h2{display:none}.explanation>p:first-of-type{order:0;margin-bottom:0}.term-help-hint{order:1}.plain-terms{order:2}.lesson-instrument{order:3;width:100%;padding:16px;position:static}.worked-example{order:4;width:100%;margin-top:0}.lesson-page .keyboard{min-width:380px}.lesson-body .term-help-hint{margin-bottom:0}.worked-steps button{font-size:14px}.lesson-footer{gap:8px;padding:12px}.lesson-footer .btn{padding:9px 11px;font-size:13px}.lesson-footer>span{font-size:12px}.lesson-context>summary{padding:16px}.lesson-context>summary>span{display:none}.lesson-rail{padding:5px 16px 20px}.app-footer{padding:18px 20px;font-size:12px}.routine-page-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.routine-page-heading h1{font-size:25px}.routine-page-heading>.text-btn{padding-top:7px;font-size:12px}.routine-page-heading>div>span{font-size:12px}.routine-location>div{gap:9px}.routine-location select{max-width:265px;font-size:13px}.routine-days{gap:6px;margin-bottom:18px}.routine-days button{padding:10px 8px}.routine-days button>span{font-size:11px}.routine-days button>strong{font-size:13px}.routine-task-heading{padding:20px}.routine-task-heading h2{font-size:22px}.routine-task-heading p{font-size:15px}.routine-phase-nav{gap:18px;padding:0 20px}.routine-phase-nav button{gap:6px}.routine-phase-nav button>strong{font-size:13px}.routine-workspace>div{padding:20px 20px 0}.study-warmup .session-heading{flex-wrap:wrap;gap:8px}.study-warmup .session-heading h3{font-size:18px}.study-warmup .badge{margin:0}.routine-actions{flex-wrap:wrap}.routine-actions .btn{margin-left:auto}.task-instruction-heading{flex-wrap:wrap;gap:10px}.task-instruction-heading .text-btn{margin-left:0}.routine-week-overview{padding:0 20px}.week-picker{padding-inline:10px}.week-picker button{grid-template-columns:48px minmax(0,1fr);gap:9px}.week-picker button small{display:none}.week-picker summary>span{margin:0 0 4px 16px;display:block}.curriculum-coverage{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.main-content{padding:21px 16px}.sidebar,.topbar{padding-inline:16px}.topbar-right{gap:15px}.focus-toggle{padding:8px}.focus-toggle>span,.desk-heading time{display:none}.continue-study,.home-routine{padding:20px}.home-lesson-action .btn{justify-content:center;width:100%}.home-start .section-heading{flex-wrap:wrap;gap:8px}.home-columns{gap:25px}.chapter-list button{gap:10px;padding:17px 3px}.chapter-count{font-size:12px}.chapter-list strong{font-size:15px}.chapter-list small{font-size:12px}.lesson-heading h1{font-size:23px}.lesson-body{padding:19px 16px}.lesson-steps>button{gap:2px;font-size:12px}.lesson-instrument{padding:13px}.instrument-heading{flex-wrap:wrap;align-items:flex-start}.lesson-instrument .instrument-heading .btn{margin-left:auto}.lesson-rail{grid-template-columns:minmax(0,1fr)}.lesson-footer .btn{padding:8px;font-size:12px}.lesson-footer>span{font-size:11px}.routine-page-heading>.text-btn{white-space:normal;max-width:90px;line-height:1.6}.routine-location>div:first-child{justify-content:space-between;gap:5px;width:100%}.routine-location>div>svg{display:none}.routine-location select{max-width:250px;font-size:13px}.routine-location strong{font-size:14px}.routine-location .week-controls{margin-left:auto}.routine-days button{padding:9px 5px}.routine-days button>strong{white-space:nowrap;font-size:13px}.routine-days button>span{font-size:11px}.routine-task-heading{padding:18px 16px}.routine-task-heading h2{font-size:21px}.routine-phase-nav{justify-content:space-between;gap:12px;padding:0 12px}.routine-phase-nav button{gap:5px}.routine-phase-nav button>strong{font-size:13px}.routine-phase-nav button>span{width:18px;height:18px;font-size:10px}.routine-phase-nav button>svg{width:12px}.routine-workspace>div{padding:18px 16px 0}.routine-workspace .button-row .btn{padding:9px 12px;font-size:13px}.routine-actions .btn{font-size:13px}.routine-week-overview{padding:0 16px}.routine-week-overview .checkpoint{padding:15px 13px}.routine-week-overview .checkpoint ul{padding-left:20px}.task-list{padding-left:22px}}.notation.single-bar .engraved-score svg{min-width:0;max-width:100%;height:auto!important}.lesson-instrument{scroll-margin-top:70px}.practice-clock{border:1px solid var(--line);background:var(--surface,#fff);border-radius:6px;margin:12px 0;padding:14px}.practice-clock p{margin:8px 0}.practice-clock small{color:var(--muted,#62666c);display:block}.practice-beats{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.practice-beats span{border:1px solid var(--line);border-radius:50%;place-items:center;min-width:36px;height:36px;display:grid}.practice-beats .current{color:#fff;background:#345f58;border-color:#345f58;font-weight:700}.key-start-marker{color:#fff;white-space:nowrap;pointer-events:none;background:#284f42;border-radius:3px;padding:3px 2px;font-size:10px;font-weight:700;line-height:1.4;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.lesson-reading [tabindex="-1"],.drum-course-guide>h3{scroll-margin-top:100px}.keyboard .key .finger{color:#26372f;pointer-events:none;overflow-wrap:anywhere;max-width:100%;font-size:13px;font-weight:700;line-height:1.25;top:auto;bottom:35px}.keyboard .key.black .finger{color:#fff;bottom:29px}.keyboard .key:has(.finger) .root-marker{bottom:23px;left:3px}.drum-step-parts ol{gap:10px;margin:12px 0 20px;padding-left:24px;display:grid}.drum-step-parts li{padding-left:4px}.drum-step-parts .btn{white-space:normal;text-align:left;max-width:100%;min-height:44px}:root{--ink:#25292d;--muted:#66707a;--line:#d8dde1;--paper:#fff;--accent:#b3421f;--accent-soft:#fff0e8;--green:#a63b1a;--peach:#d55c2a;--ease-out:cubic-bezier(.22,1,.36,1);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#eceff1}body{background:#eceff1}h1,h2,h3{color:var(--ink);text-wrap:balance}p{text-wrap:pretty}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #e5743b}input,select,textarea{background:#fff;border-color:#c9cfd4;border-radius:5px}button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s var(--ease-out)}.btn{border-radius:5px;min-height:44px;box-shadow:0 2px #00000012}.btn.primary{color:#fff;background:#b3421f;border-color:#b3421f}.btn.primary:hover{background:#913015;border-color:#913015}.btn.secondary{color:#3e4953;background:#fff;border-color:#c6cdd2}.btn.secondary:hover{background:#f0f2f4;border-color:#85939e}.btn:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.text-btn{color:#99401f}.text-btn:hover{color:#672b16}.badge,.date-pill{color:#7c462d;background:#f4eae4;border-color:#e1cbbd}.caption{color:#64707b}.sidebar{width:196px;box-shadow:none;background:#f6f7f8;border-right:1px solid #d2d8dd;padding:27px 14px 20px}.brand{color:#272e35;margin-bottom:36px;padding-left:0;display:block}.brand:before,.brand:after{content:none}.brand>span{letter-spacing:-1.1px;font-size:24px;font-weight:800}.brand>span:after{content:".";color:#d7602b}.brand small{color:#727c86;letter-spacing:0;margin-top:5px;font-size:12px}.nav-group h2{letter-spacing:.05em;color:#7b8590;font-size:12px}.sidebar nav button{color:#58636e;border-left:2px solid #0000;border-radius:4px;min-height:44px;padding:11px 10px;font-size:14px}.sidebar nav button.active{color:#1a222a;box-shadow:none;background:#e6eaed;border-left-color:#da642e}.sidebar nav button.active:after{content:none}.sidebar nav button:hover{color:#1a222a;background:#e6eaed}.device-status{color:#56616d;background:#eef1f3;border-color:#d2d9de;border-radius:5px}.device-status strong,.settings-nav{color:#3f4e59}.device-status small,.local-save-note{color:#687580}.local-save-note{font-size:12px;line-height:1.8}.settings-nav:hover{color:#a03c1f}.main-area{width:calc(100% - 196px);margin-left:196px}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#eceff1e6;border-bottom:1px solid #d5dce1;height:52px}.breadcrumb strong{color:#64717e;font-size:13px}.toolbar-text{color:#55616d}.toolbar-text[aria-pressed=true]{color:#914020}.main-content{max-width:1680px;min-height:calc(100vh - 112px);padding:30px clamp(20px,2.5vw,42px)}.main-content>*{animation:workspace-in .16s var(--ease-out) both}.app-footer{color:#66727d;border-color:#d3dbe0}.app-footer button{color:#576570;min-height:40px}.desk-heading{align-items:end;margin-bottom:24px}.desk-kicker{letter-spacing:.16em;color:#667786;margin-bottom:12px;font:11px ui-monospace,SFMono-Regular,monospace;display:block}.desk-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(25px,2.4vw,36px);font-weight:650}.desk-heading time{color:#687888;white-space:nowrap;padding-bottom:4px;font:13px ui-monospace,SFMono-Regular,monospace}.home-performance{grid-template-columns:minmax(0,1fr) 318px;align-items:stretch;gap:22px;display:grid}.home-start{box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:0;margin:0;display:flex;overflow:visible}.continue-study{color:var(--ink);background:#fff;border:1px solid #d6dce1;border-top:3px solid #ed7139;border-radius:6px 6px 0 0;padding:23px 23px 25px}.continue-study:before{content:none}.continue-study .section-label,.home-routine .section-label{color:#636f79;gap:7px;font-size:13px}.study-duration{color:#6a7580;font-size:12px}.continue-study .section-heading,.home-routine .section-heading{margin:0 0 15px}.continue-study .unit-kicker{color:#707a83;margin-bottom:10px;font-size:13px}.continue-study h2{color:#222b33;margin:0 0 12px;font-size:23px;line-height:1.6}.continue-study .continue-goal{color:#66717a;margin-bottom:16px;font-size:15px;line-height:1.85}.home-lesson-action{gap:10px}.home-lesson-action .btn{justify-content:center;width:100%;font-size:14px}.home-lesson-action>span{color:#76838d;font-size:12px}.home-lesson-action svg{display:none}.continue-study .last-lesson{color:#6b7580;margin-top:15px;font-size:12px}.home-routine{background:#f6f8f9;border:1px solid #d6dce1;border-top:0;border-radius:0 0 6px 6px;flex:1;padding:21px 23px}.home-routine h2{color:#374652;margin-bottom:5px;font-size:16px}.home-routine .unit-kicker{color:#697985;margin-bottom:7px;font-size:12px}.home-routine>p:not(.unit-kicker){color:#687680;margin-bottom:10px;font-size:13px}.home-routine .btn{min-height:38px;font-size:13px}.home-routine .btn svg,.routine-phases{display:none}.week-pulse{gap:5px;margin-top:17px;margin-right:8px;display:inline-flex}.week-pulse>span{color:#75838e;background:#fff;border:1px solid #d0d9df;border-radius:3px;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.week-pulse>span.current{color:#9a4829;border-color:#b45d33}.week-pulse>span.complete{color:#fff;background:#495b67}.home-routine>small{color:#6b7b85;margin-top:6px;font-size:12px;display:block}.study-record-line{color:#687783;border-color:#d3dbe1;padding:18px 0;font-size:13px}.home-columns{grid-template-columns:minmax(0,1fr) 318px;gap:24px;margin-top:22px}.home-columns .section-heading h2{font-size:17px}.chapter-list{background:#fff;border-top:1px solid #d4dce1;gap:0;display:grid}.chapter-list button{background:0 0;border:0;border-bottom:1px solid #d4dce1;border-radius:0;padding:17px 13px}.chapter-list button.current{background:#f8f9fa}.chapter-list button:hover{background:#f2f5f7;transform:translate(3px)}.chapter-list .row-number{color:#939fa9;font:19px ui-monospace,monospace}.chapter-list strong{color:#354550;font-size:15px}.chapter-list strong em{color:#a54c2a;font-size:12px}.chapter-list small{color:#74808b}.chapter-progress{background:#e1e6ea;height:2px}.chapter-progress i{background:#cf683b}.chapter-count{color:#74818c;font-family:ui-monospace,monospace}.home-notebook{background:#e4e9ed;border:0;border-radius:0;padding:22px}.home-notebook p{color:#61717e;font-size:15px}.home-notebook ul{padding-left:0}.home-notebook li{border-bottom:1px solid #cbd5dc;list-style:none}.home-notebook li button{text-align:left;background:0 0;border:0;width:100%;padding:12px 0}.home-notebook li strong{color:#3e4c59;font-size:14px;display:block}.home-notebook li small{color:#6e7c87}.home-help{border-top:1px solid #cad4db;margin-top:20px;padding-top:18px}.home-help h3{font-size:14px}.home-help .text-btn{font-size:13px}.instrument{color:#d3dbe2;background:#242a31;border:1px solid #313b45;border-radius:9px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 35px -23px #19222c80,inset 0 1px #ffffff14}.instrument button{color:inherit}.instrument-top{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:17px 24px;display:flex}.instrument-name{letter-spacing:.03em;color:#e6ebef;align-items:center;gap:10px;font-size:15px;display:flex}.instrument-name>svg{color:#ef8858}.instrument-name small{color:#8796a5;letter-spacing:.08em;margin-left:10px;font:10px ui-monospace,monospace}.instrument-connect{white-space:nowrap;background:#343e47;border:1px solid #4a5661;border-radius:4px;align-items:center;gap:7px;min-height:34px;padding:7px 10px;font-size:12px;display:flex}.instrument-connect:hover{background:#465463}.instrument-lesson{padding:22px 25px 0}.instrument-tabs{border-bottom:1px solid #ffffff14;gap:22px;display:flex}.instrument-tabs button{color:#a6b3c0;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:0 0 11px;font-size:13px}.instrument-tabs button span{opacity:.65;margin-right:7px;font:10px ui-monospace,monospace}.instrument-tabs button[aria-pressed=true]{color:#fff;border-color:#f2834d}.instrument-prompt{animation:prompt-in .35s var(--ease-out) both;padding-top:23px}.instrument-prompt h2{color:#f5f7f8;letter-spacing:.01em;margin:0 0 8px;font-size:clamp(21px,2.1vw,29px);font-weight:500}.instrument-prompt p{color:#aebdc9;max-width:580px;margin:0;font-size:14px;line-height:1.8}.instrument .term-word{color:inherit;text-decoration-color:#768998}.instrument-view-tools{z-index:1;justify-content:space-between;align-items:center;padding:18px 25px 0;display:flex;position:relative}.view-switch{border:1px solid #465360;border-radius:4px;display:flex;overflow:hidden}.view-switch button{color:#aebdca;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:6px;min-height:33px;padding:7px 11px;font-size:12px;display:flex}.view-switch button[aria-pressed=true]{color:#fff;background:#4c5966}.angle-switch{background:0 0;border:0;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex;color:#adbfcb!important}.angle-switch:hover{color:#fff!important}.piano-scene{flex:1;width:100%;min-width:0;height:clamp(230px,20vw,340px);min-height:220px;margin-top:-9px}.piano-scene canvas{touch-action:pan-y;width:100%;height:100%;display:block}.instrument-loading{color:#9aabb9;place-items:center;height:280px;font-size:14px;display:grid}.instrument-fallback{flex:1;min-height:260px;padding:38px 22px 24px}.instrument-fallback .keyboard-wrap{overflow-x:auto}.instrument-fallback .keyboard{min-width:540px}.instrument-fallback .keyboard-caption{display:none}.instrument-readout{align-items:center;gap:18px;min-height:47px;padding:0 25px 19px;display:flex}.hand-register{color:#9baebb;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.hand-register i{background:#738c9f;width:30px;height:1px;display:block}.instrument-readout output{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.instrument-readout output>span{color:#93a5b2;letter-spacing:.1em;font:10px ui-monospace,monospace}.instrument-readout strong{color:#f0ba92;overflow-wrap:anywhere;font-size:13px;font-weight:500}.keyboard-hint{color:#91a2af;font-size:11px}.instrument-bottom{background:#1d2329;border-top:1px solid #ffffff15;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:15px 25px;display:flex}.instrument-bottom>span{color:#a6b7c4;align-items:center;gap:8px;font-size:12px;display:flex}.note-led{background:#ef935c;width:11px;height:3px;display:block;box-shadow:0 0 8px #f08c3c30}.instrument-bottom button{text-underline-offset:5px;color:#e2b899;background:0 0;border:0;font-size:13px;text-decoration:underline}.instrument-bottom button:hover{color:#fff}.instrument-compact{margin:24px 0}.instrument-compact .piano-scene{flex:none;height:330px}.instrument-compact .instrument-name small{display:none}.panel,.lesson-body,.lesson-card,.plan-week,.unit-card,.course-unit{background:#fff;border-color:#d3dbe1;border-radius:6px;box-shadow:0 2px #293e4c04}.page-heading h1{letter-spacing:-.025em}.page-heading .eyebrow,.eyebrow{color:#7d6b5e}.page-heading p,.panel p,.lesson-body p{color:#4b5c68}.lesson-steps{border:1px solid #ccd5dc;border-radius:5px;gap:0;overflow:hidden}.lesson-steps>button{color:#596c7a;background:#e4e9ed;border:0;border-right:1px solid #ccd5dc;border-radius:0}.lesson-steps>button.active{color:#994824;background:#fff;box-shadow:inset 0 -3px #e3743c}.lesson-steps>button.done{background:#e6eeed}.lesson-body{border-left:3px solid #da7140}.lesson-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#f9fbfbee;border:1px solid #d7dfe3;border-radius:6px;padding:12px 16px;position:sticky;bottom:12px}.goal-box,.beginner-score,.entry-course-nav,.prerequisite-help,.first-steps-card{color:#4a6273;background:#e8eef2;border-color:#cdd9e1}.goal-box p,.goal-text{color:#485f70}.segmented{background:#e5ebef;border-color:#ccd5dc;border-radius:4px}.segmented button.selected,.chip-row button.selected{color:#a04926;background:#fff;border-color:#c6d0d7}.term-popup{animation:popup-in .14s var(--ease-out);border-color:#bfcbd4;box-shadow:0 12px 35px #182c3d24}.term-popup p{color:#334b5c}.key{touch-action:none;transition:background 60ms,box-shadow 60ms,transform 60ms!important}.white.key{background:linear-gradient(#e8ebec,#fff 18%,#fcfaf5 90%,#d4d6d6);border-color:#9da8b0;box-shadow:inset 0 -5px #b8c1c8}.black.key{background:linear-gradient(90deg,#192029,#47505b 50%,#222b35);box-shadow:inset 0 -5px #070d14,0 4px 3px #13202e50}.key.white.member{background:linear-gradient(#fff4e8,#fff 18%,#fff0e3 90%,#e5bc9f)}.key.white.pressed{background:linear-gradient(#f5a771,#ffcb9c);transform:translateY(4px);box-shadow:inset 0 -2px #b8672c}.key.black.pressed{background:#b95e2c;transform:translateY(3px)}.practice-stage,.explore-feedback{background:#eef2f4;border-color:#ccd6de}.explore-feedback strong{color:#374e60}.notation{background:#fff}.lab-stage{border-top:3px solid #c76434}.note-pills>span.root{color:#91441e;background:#fae6d8}.note-pills>span{border-color:#d6dee4}.live-note{color:#566d7c;background:#e8eef2}.live-note strong{color:#304c60}.live-note .pulse-dot{background:#c47146}.project-library{background:#e5ebef}.timeline-grid,.piano-roll{border-color:#c7d3dc}.chapter-section>h2,.course-unit summary strong{color:#344f63}.chapter-section .unit-number{color:#b46e46}@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}.course-unit::details-content{opacity:0;height:0;transition:height .25s var(--ease-out),opacity .2s,content-visibility .25s allow-discrete;overflow:clip}.week-detail::details-content{opacity:0;height:0;transition:height .25s var(--ease-out),opacity .2s,content-visibility .25s allow-discrete;overflow:clip}.source-details::details-content{opacity:0;height:0;transition:height .25s var(--ease-out),opacity .2s,content-visibility .25s allow-discrete;overflow:clip}.course-unit[open]::details-content{opacity:1;height:auto}.week-detail[open]::details-content{opacity:1;height:auto}.source-details[open]::details-content{opacity:1;height:auto}}@keyframes workspace-in{0%{transform:translateY(4px)}to{transform:none}}@keyframes prompt-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes popup-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (width>=1700px){.instrument-prompt{padding-top:30px}.instrument-lesson{padding-top:28px}.piano-scene{min-height:310px}}@media (width<=1250px){.home-performance{grid-template-columns:minmax(0,1fr)}.home-start{grid-template-columns:1fr 1fr;display:grid}.continue-study{border-top:1px solid #d6dce1;border-left:3px solid #ed7139;border-radius:6px 0 0 6px}.home-routine{border:1px solid #d6dce1;border-left:0;border-radius:0 6px 6px 0}.home-columns{grid-template-columns:minmax(0,1fr) 285px}.piano-scene{flex:none;height:300px}.instrument-prompt{padding-top:20px}}@media (width<=800px){.sidebar{background:#f6f7f8;width:100%;padding:13px 18px;position:static}.brand{margin:0}.brand>span{font-size:22px}.brand small{display:none}.mobile-menu-button{color:#485c6c;background:#e9eef2;border-color:#c7d2da}.main-area{width:100%;margin:0}.topbar{padding-inline:18px}.main-content{padding:22px 18px}.desk-heading{margin-bottom:20px}.desk-heading h1{font-size:25px}.desk-kicker{margin-bottom:8px;font-size:10px}.desk-heading time{font-size:11px}.menu-open .sidebar nav{animation:workspace-in .2s var(--ease-out)}.sidebar nav .mobile-settings{background:#e5ebef}.instrument-top{padding:15px 18px}.instrument-lesson{padding:20px 18px 0}.instrument-view-tools,.instrument-readout,.instrument-bottom{padding-inline:18px}.home-columns{grid-template-columns:1fr}.home-notebook{padding:20px}.instrument-name small{display:none}.study-focus .main-area{width:100%;margin:0}}@media (width<=560px){.main-content{padding:20px 12px}.desk-heading{display:block}.desk-heading time{display:none}.desk-heading h1{font-size:24px}.desk-kicker{font-size:10px}.home-performance{gap:17px}.home-start{display:block}.continue-study{border-radius:5px 5px 0 0}.home-routine{border-top:0;border-left:1px solid #d6dce1;border-radius:0 0 5px 5px}.instrument{border-radius:6px}.instrument-top{padding:13px 14px}.instrument-name{gap:6px;font-size:14px}.instrument-connect{padding:6px 8px;font-size:11px}.instrument-lesson{padding:18px 14px 0}.instrument-tabs{justify-content:space-between;gap:0}.instrument-tabs button{font-size:12px}.instrument-tabs button span{display:none}.instrument-prompt{padding-top:20px}.instrument-prompt h2{font-size:22px}.instrument-prompt p{font-size:14px;line-height:1.8}.instrument-view-tools{padding:16px 14px 0}.piano-scene{height:215px;min-height:215px;margin-top:0}.instrument-compact .piano-scene{height:215px}.instrument-readout{flex-wrap:wrap;gap:10px;padding:0 14px 16px}.hand-register{font-size:10px}.hand-register i{width:14px}.keyboard-hint{display:none}.instrument-readout strong{font-size:12px}.instrument-bottom{flex-direction:column;align-items:start;gap:8px;padding:13px 14px}.instrument-bottom button{min-height:34px;padding:5px 0}.instrument-fallback{min-height:240px;padding:26px 12px}.instrument-fallback .keyboard{min-width:520px}.home-columns{margin-top:15px}.study-record-line{flex-wrap:wrap;gap:8px;font-size:12px}.study-record-line .text-btn{font-size:12px}.lesson-footer{flex-wrap:wrap;padding:10px;bottom:8px}.lesson-steps>button{min-height:44px}.topbar-right{gap:12px}.app-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.home-notebook .text-btn{white-space:normal}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.key.pressed,.btn:active{transform:none!important}}@media (forced-colors:active){.instrument,.panel,.key,.btn,.view-switch{border:1px solid canvastext}.instrument button[aria-pressed=true]{outline:2px solid highlight}}.piano-scene{flex:none;height:310px;min-height:0;position:relative;overflow:hidden}.piano-scene canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.instrument-readout{margin-top:auto}@media (width<=560px){.piano-scene{height:215px}}.sidebar{scrollbar-width:thin;overflow-y:auto}.sidebar nav{gap:16px}.sidebar nav button{min-height:40px;padding-block:9px}.sidebar-spacer{min-height:18px}.sidebar .brand{margin-bottom:25px}.device-status{margin-top:18px}.nav-group h2{margin-bottom:8px}@media (width<=800px){.sidebar .brand{margin-bottom:0}}.keyboard-wrap{max-width:100%;overflow-x:auto}.keyboard{touch-action:pan-x}.key{touch-action:none}.back-action{color:#3a454d;background:#fff;border:1px solid #b8c0c6;border-radius:4px;align-items:center;gap:7px;min-height:40px;padding:6px 10px;display:flex}.breadcrumb{align-items:center;gap:12px;min-width:0;display:flex}.breadcrumb strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.first-learning-route{border-top:2px solid #596c77;border-bottom:1px solid #c3cbd1;margin:0 0 24px;padding:18px 0}.first-learning-route>strong{font-size:18px}.first-learning-route>p{margin:7px 0 14px;font-size:14px;line-height:1.8}.first-learning-route ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:14px 0;padding:0;list-style:none;display:grid}.first-learning-route li{align-items:start;gap:11px;display:flex}.first-learning-route li>span{border:1px solid #9da9b1;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font:13px monospace;display:grid}.first-learning-route button{text-align:left;color:#33434d;background:0 0;border:0;border-bottom:1px solid #b9c2c8;width:100%;padding:3px 0 12px;font-size:15px;display:block}.first-learning-route button small{color:#64727b;margin-top:7px;font-size:12px;font-weight:400;display:block}.first-learning-route .recommended button{border-color:#ab5635;font-weight:700}.first-learning-route .recommended>span{color:#fff;background:#a64d2e;border-color:#a64d2e}@media (width<=700px){.topbar{flex-wrap:wrap;gap:6px}.topbar-right{flex-wrap:wrap;gap:8px}.first-learning-route ol{grid-template-columns:1fr;gap:12px}.first-learning-route button{padding-bottom:9px}.first-learning-route>p{font-size:13px}.breadcrumb strong{max-width:180px}.toolbar-text{min-height:40px}}.practice-start-hint{color:#4d606d;font-size:14px;line-height:1.8}.practice-settings{border-top:1px solid #cbd2d8;border-bottom:1px solid #cbd2d8;margin:12px 0 20px}.practice-settings>summary{cursor:pointer;padding:12px 4px;font-size:14px;font-weight:600}.practice-settings>summary span{color:#687983;margin-left:16px;font-size:12px;font-weight:400}.practice-settings .practice-toolbar{padding-top:12px}.practice-settings .practice-options{padding-bottom:12px}.topbar{height:auto;min-height:52px;padding-block:6px}.topbar-right{margin-left:auto}.first-learning-route>div{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.first-learning-route>div>strong{font-size:18px}.first-learning-route>div>p{flex-basis:100%;margin:0 0 4px;font-size:14px;line-height:1.8}.first-learning-route>div>.btn{color:#fff;text-align:center;background:#a64d2e;border:0;width:auto;padding:12px 20px;display:inline-flex}.first-learning-route>div>.text-btn{color:#5d6a73;border:0;width:auto;padding:10px;display:inline-flex}.first-learning-route>.caption{margin:14px 0 0;font-size:12px}@media (width<=800px){.topbar:has(.back-action){flex-direction:column;align-items:stretch}.topbar:has(.back-action) .breadcrumb{gap:12px;width:100%;min-width:0;display:flex}.topbar .breadcrumb:not(:has(.back-action)){display:none}.topbar .breadcrumb .back-action{flex-shrink:0;align-items:center;min-height:40px;display:inline-flex}.topbar .breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:none;overflow:hidden}.topbar:has(.back-action) .topbar-right{justify-content:space-between;margin-left:0}}.save-state{color:var(--muted,#657078);text-align:right;min-height:24px;padding:5px 24px;font-size:11px;display:block}@media (width<=650px){.save-state{padding:4px 14px}}.lab-reference{margin:28px 0}.lab-reference>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:20px;font-weight:650}.settings-grid>details>summary{cursor:pointer;min-height:44px;font-weight:650}:root{--brand-ink:#22261f;--brand-paper:#efeee9;--brand-acid:#d8f36a;--brand-line:#caccbf;--brand-muted:#5b6057;--ink:var(--brand-ink);--muted:var(--brand-muted);--line:var(--brand-line);--paper:#fffef9;--accent:#34442c;--accent-soft:#edf1e3;--green:#34442c;--peach:#b75b35;--panel:#fffef9;--ease-out:cubic-bezier(.22,1,.36,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body,.brand-app,.brand-app .main-area{background:var(--brand-paper);color:var(--brand-ink)}::selection{color:#22261f;background:#d8f36a}.brand-app :is(h1,h2,h3){color:var(--brand-ink);letter-spacing:-.035em;overflow-wrap:anywhere}.brand-app p{overflow-wrap:anywhere;line-height:1.9}.brand-app :is(button,a,summary,input,select,textarea):focus-visible{outline-offset:4px;outline:3px solid #687d2e}.brand-app :is(input,select,textarea){color:var(--brand-ink);background:#fffef9;border-color:#aeb3a2;border-radius:3px;min-width:0;max-width:100%}.brand-app :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:#465a32}.brand-app .btn{letter-spacing:-.02em;white-space:normal;max-width:100%;min-height:44px;transition:background .16s,border-color .16s,transform .18s var(--ease-out),box-shadow .18s;border-radius:3px;gap:9px;font-weight:650;line-height:1.6}.brand-app .btn.primary{color:#f9faef;background:#22261f;border:1px solid #22261f;box-shadow:3px 3px #bdc6a8}.brand-app .btn.primary:hover{background:#35422a;border-color:#35422a;transform:translate(-1px,-1px);box-shadow:5px 5px #bdc6a8}.brand-app .btn.secondary{color:#273123;box-shadow:none;background:#fffef9;border:1px solid #aeb5a2}.brand-app .btn.secondary:hover{background:#e6ebd9;border-color:#7c8e64}.brand-app .btn:active:not(:disabled){box-shadow:none;transform:translate(1px,1px)}.brand-app .btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.brand-app .text-btn{color:#3c512b;text-underline-offset:5px}.brand-app .badge,.brand-app .date-pill{color:#34462a;background:#e3e8d5;border:1px solid #bdc8ad;border-radius:3px;line-height:1.6}.brand-app .caption{color:#5b6057;line-height:1.8}.brand-app .eyebrow{color:#5c6551;letter-spacing:.04em;font-size:12px;font-weight:650}.brand-app .sidebar{background:#e7e6e0;border-color:#caccbf}.brand-app .brand>span{letter-spacing:-1.2px;font-weight:850}.brand-app .brand>span:after{color:#637a37}.brand-app .brand small{color:#62675a;letter-spacing:-.03em;white-space:nowrap;font-size:11px}.brand-app .nav-group h2{color:#62695a;letter-spacing:.08em;font-size:11px}.brand-app .sidebar nav button{color:#51594a;gap:9px;min-height:42px}.brand-app .sidebar nav button.active{color:#f9faef;background:#22261f;border-left-color:#d8f36a;border-radius:3px}.brand-app .sidebar nav button:hover:not(.active){color:#22261f;background:#d9ddce}.brand-app .sidebar .nav-disclosure{border-color:#c4c9b9}.brand-app .sidebar .nav-disclosure>summary{color:#555f4c}.brand-app .device-status{color:#4a5540;background:#dcdfd3;border-color:#bfc7b2;border-radius:3px}.brand-app .device-status strong,.brand-app .settings-nav{color:#3f4d33}.brand-app .device-status small,.brand-app .local-save-note{color:#5b6552}.brand-app .topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#efeee9ed;border-color:#caccbf}.brand-app .breadcrumb strong,.brand-app .toolbar-text{color:#515b48}.brand-app .toolbar-text[aria-pressed=true]{color:#3b5128}.brand-app .back-action{color:#35432b;background:#f8f8f0;border-color:#b4bca6;border-radius:3px}.brand-app .main-content{max-width:1640px;padding:32px clamp(18px,3.2vw,54px) 42px}.brand-app .main-content>*{animation:brand-page-in .32s var(--ease-out) both}.brand-app .app-footer{color:#616955;border-color:#caccbf}.brand-app .app-footer button{color:#4d5c3f}.brand-app .save-state{color:#667057}.brand-app .brand-page-header{isolation:isolate;border-top:2px solid #22261f;border-bottom:1px solid #aeb7a0;grid-template-columns:minmax(0,1fr) auto;gap:24px 30px;min-width:0;margin:0 0 30px;padding:27px 0 32px;display:grid;position:relative;overflow:hidden}.brand-app .brand-header-copy{z-index:1;min-width:0;position:relative}.brand-app .brand-page-header .eyebrow{color:#566348;letter-spacing:.06em;margin:0 0 13px;font-size:12px;display:block}.brand-app .brand-page-header h1{text-wrap:balance;letter-spacing:-.055em;max-width:26ch;margin:0;font-size:clamp(28px,3.35vw,48px);font-weight:800;line-height:1.4}.brand-app .brand-page-header p{color:#535d4a;max-width:66ch;margin:15px 0 0;font-size:15px;line-height:1.95}.brand-app .brand-header-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;min-width:0;display:flex}.brand-app .brand-header-actions .button-row{flex-wrap:wrap;gap:12px;margin:0;display:flex}.brand-app .brand-header-mark{opacity:.95;align-self:center;align-items:flex-end;gap:5px;width:132px;height:104px;padding:35px 8px 10px;display:flex;position:relative;transform:rotate(-7deg)}.brand-app .brand-header-mark>span{letter-spacing:.14em;color:#59644b;font:12px ui-monospace,SFMono-Regular,monospace;position:absolute;top:0;left:0;transform:rotate(7deg)}.brand-app .brand-header-mark i{transform-origin:bottom;width:17px;height:40px;animation:brand-mark-in .55s var(--ease-out) both;background:#22261f;display:block}.brand-app .brand-header-mark i:nth-of-type(2){height:59px;animation-delay:35ms}.brand-app .brand-header-mark i:nth-of-type(3){background:#879c5d;height:30px;animation-delay:70ms}.brand-app .brand-header-mark i:nth-of-type(4){height:49px;animation-delay:.105s}.brand-app .brand-header-mark i:nth-of-type(5){height:36px;animation-delay:.14s}.brand-app .brand-page-header--read .brand-header-mark{border-bottom:3px solid #22261f;gap:3px;padding-bottom:5px;transform:rotate(0)}.brand-app .brand-page-header--read .brand-header-mark i{width:18px;transform:skewY(-12deg)}.brand-app .brand-page-header--play{color:#f8f9ee;background:#22261f;border-color:#22261f;border-radius:4px;padding:30px}.brand-app .brand-page-header--play h1{color:#f8f9ee}.brand-app .brand-page-header--play p,.brand-app .brand-page-header--play .eyebrow{color:#cad3bc}.brand-app .brand-page-header--play .brand-header-mark i{background:#d8f36a}.brand-app .brand-page-header--play .brand-header-mark>span{color:#d8f36a}.brand-app .brand-page-header--play .brand-header-actions .btn.primary{color:#22261f;background:#d8f36a;border-color:#d8f36a;box-shadow:3px 3px #5c6c40}.brand-app .brand-page-header--play .brand-header-actions .btn.secondary{color:#f5f7ed;background:#313c2b;border-color:#68745b}.brand-app .brand-page-header--play .badge{color:#e1edce;background:#39472e;border-color:#697858}.brand-app .brand-page-header--library .brand-header-mark{grid-template-columns:repeat(3,21px);gap:5px;height:95px;padding-top:30px;display:grid;transform:rotate(-8deg)}.brand-app .brand-page-header--library .brand-header-mark i{width:21px;animation:brand-mark-in .55s var(--ease-out) both;border-radius:1px;height:21px!important}.brand-app .course-page,.brand-app .learning-map{max-width:1200px;margin-inline:auto}.brand-app[data-page=map] .learning-choice{background:0 0;border:0;border-bottom:1px solid #bcc4af;border-radius:0;margin:0 0 22px;padding:0 0 24px}.brand-app[data-page=map] .learning-choice h2{margin-bottom:5px;font-size:16px}.brand-app[data-page=map] .learning-choice>p{color:#626c57;font-size:13px}.brand-app[data-page=map] .learning-choice-options{gap:10px;margin-top:14px}.brand-app[data-page=map] .learning-choice-options button{text-align:left;background:#f7f7ef;border:1px solid #bbc3af;border-radius:3px;min-width:0;padding:17px;transition:background .18s,transform .18s}.brand-app[data-page=map] .learning-choice-options button:hover{background:#e5ebd8;transform:translateY(-2px)}.brand-app[data-page=map] .learning-choice-options button[aria-pressed=true]{color:#22261f;background:#e0e8ca;border-color:#667c42;box-shadow:inset 0 -3px #667c42}.brand-app .course-chapter-picker{border:1px solid #bbc3af;border-radius:3px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:23px 0;display:grid;overflow:hidden}.brand-app .course-chapter-picker button{color:#556348;text-align:left;background:#f7f7ef;border:0;border-right:1px solid #bbc3af;border-radius:0;align-items:center;gap:12px;min-height:70px;padding:18px 14px;font-size:14px;line-height:1.6;display:flex}.brand-app .course-chapter-picker button:last-child{border:0}.brand-app .course-chapter-picker button.active{color:#f7f9ec;background:#22261f;box-shadow:inset 0 -4px #d8f36a}.brand-app .course-chapter-picker button>span{opacity:.65;font:20px ui-monospace,monospace}.brand-app .course-section-intro{background:0 0;border:0;padding:8px 0 18px}.brand-app .course-section-intro h2{font-size:26px;font-weight:750}.brand-app .course-section-intro p{color:#59634e;max-width:74ch}.brand-app .course-help{color:#647056;max-width:86ch;font-size:13px;line-height:1.85}.brand-app .course-unit-list{gap:14px;display:grid}.brand-app .course-unit{box-shadow:none;background:#fffef9;border:1px solid #bfc6b2;border-radius:3px;overflow:hidden}.brand-app .course-unit>summary{background:#fffef9;align-items:center;gap:16px;padding:21px}.brand-app .course-unit[open]>summary{background:#e8eddd;border-bottom:1px solid #c6cfb9}.brand-app .course-unit .unit-number{color:#7d8b6b;font:400 26px ui-monospace,monospace}.brand-app .course-unit .unit-title strong{color:#26321f;font-size:18px}.brand-app .course-unit .unit-title small{color:#59674d;line-height:1.75}.brand-app .course-unit .unit-count{color:#56664a}.brand-app .course-row{background:0 0;border-bottom:1px solid #d9ddce;gap:17px;min-width:0;padding:19px 22px}.brand-app .course-row:last-child{border-bottom:0}.brand-app .course-row:hover{background:#f0f4e6;transform:none}.brand-app .course-row.is-next{background:#f0f4e6;box-shadow:inset 3px 0 #6a833f}.brand-app .course-row .row-number{color:#657552;min-width:36px;font:12px ui-monospace,monospace}.brand-app .course-row-copy strong{color:#273321;font-size:16px}.brand-app .course-row-copy small{color:#58674c;max-width:65ch;font-size:13px;line-height:1.8}.brand-app .course-row-meta,.brand-app .course-row-status{color:#58674b;font-size:12px}.brand-app .course-row-status{background:#e6ecd9;border-color:#cad3b8;border-radius:3px}.brand-app .course-tools{background:#e4e8da;border-color:#c1cbb3;border-radius:3px}.brand-app :is(.view-tabs,.segmented){background:#e2e7d7;border-color:#b9c4a9;border-radius:3px}.brand-app :is(.view-tabs button.active,.segmented button.selected,.chip-row button.active,.chip-row button.selected){color:#f8f9ef;box-shadow:none;background:#22261f;border-color:#22261f}.brand-app .textbook-page{max-width:1240px}.brand-app .textbook-layout{grid-template-columns:minmax(230px,290px) minmax(0,1fr);gap:28px}.brand-app .reading-open .textbook-layout{grid-template-columns:minmax(0,820px)}.brand-app .textbook-contents{scrollbar-width:thin;background:#e3e7d9;border-color:#b9c4a8;border-radius:3px;padding:21px;top:75px}.brand-app .textbook-contents details{border-color:#bdc7ac}.brand-app .textbook-contents summary{color:#304425;font-size:14px}.brand-app .textbook-contents li button{color:#34462a;border-radius:2px;padding:12px 10px;line-height:1.8}.brand-app .textbook-contents li button:hover{background:#d5dfc3}.brand-app .textbook-contents li button[aria-current=page]{color:#f9faef;background:#22261f;box-shadow:inset 3px 0 #d8f36a}.brand-app .textbook-contents li button[aria-current=page] small{color:#d3dcc7}.brand-app .textbook-article{background:#fffef9;border:1px solid #c8cbbb;border-radius:3px;padding:clamp(24px,3.3vw,48px);box-shadow:6px 6px #dedfd4}.brand-app .textbook-title-row h2{letter-spacing:-.05em;font-size:clamp(25px,2.5vw,34px);font-weight:750;line-height:1.6}.brand-app .textbook-category-label{color:#63764f;letter-spacing:.06em;font-size:12px;font-weight:650}.brand-app .textbook-goal{color:#536646;border-color:#d4dbc8;font-size:15px;line-height:1.9}.brand-app .textbook-leaf h3{margin-bottom:24px;padding-top:10px;font-size:21px;line-height:1.7}.brand-app .textbook-prose p{max-width:68ch;margin-bottom:24px;font-size:16px;line-height:2.15}.brand-app .textbook-section-picker{background:#edf0e5;border:1px solid #d0d8c1;border-radius:3px;padding:17px;font-size:13px}.brand-app .textbook-check{background:#f1f4e9;border-left:3px solid #7c9457;margin-top:28px;padding:22px}.brand-app .textbook-check>p{background:#e4ecd6;border-radius:3px}.brand-app .textbook-bookmark-button{color:#4c6636;border-color:#c1cbb3}.brand-app .textbook-bookmark-button[aria-pressed=true]{color:#25311e;background:#d8f36a}.brand-app .textbook-page-turn{border-top:1px solid #c8d1b9;padding-top:24px}.brand-app .textbook-illustration img{border-radius:3px}.brand-app :is(.lesson-page,.foundations-page,.daily-page,.review-page){max-width:1150px;margin-inline:auto}.brand-app :is(.panel,.lesson-body,.plan-week,.unit-card,.course-unit,.lesson-next-action){box-shadow:none;background:#fffef9;border-color:#c7cdbb;border-radius:3px}.brand-app .panel{margin-bottom:22px;padding:25px}.brand-app .section-heading{border-color:#c5ceba;margin:32px 0 17px}.brand-app .section-heading h2{font-size:22px;font-weight:750}.brand-app .lesson-steps{background:#e0e6d5;border-color:#bec9af;border-radius:3px;gap:0;margin:24px 0}.brand-app .lesson-steps>button{color:#56664a;background:0 0;border-color:#bec9af;min-width:0;min-height:55px;line-height:1.5}.brand-app .lesson-steps>button.active{color:#f9faee;background:#22261f;box-shadow:inset 0 -3px #d8f36a}.brand-app .lesson-steps>button.done{color:#3d532b;background:#dbe5c9}.brand-app :is(.drum-course-stages,.foundation-stages,.fm-learning-steps){border-color:#c2cdb2;gap:8px}.brand-app :is(.drum-course-stages,.foundation-stages,.fm-learning-steps) button{color:#415736;background:#f4f6ed;border:1px solid #bbc7aa;border-radius:3px;min-height:48px;line-height:1.6}.brand-app :is(.drum-course-stages,.foundation-stages,.fm-learning-steps) button[aria-current=step]{color:#f7f9ec;background:#22261f;border-color:#22261f;box-shadow:inset 0 -3px #d8f36a}.brand-app :is(.quiz-options button.selected,.worked-steps button.active,.fm-learning-choices button[aria-pressed=true]){color:#2a401e;background:#e3eccf;border-color:#7f945c;box-shadow:inset 3px 0 #667f43}.brand-app :is(.drum-course-guide,.fm-learning-guide,.foundation-content){color:#33462a}.brand-app :is(.drum-course-guide,.fm-learning-guide) :is(h2,h3){letter-spacing:-.035em;font-weight:750}.brand-app .lesson-body{border:1px solid #c7cdbb;margin-bottom:22px;padding:clamp(22px,3vw,40px)}.brand-app .lesson-body h2{margin-bottom:18px;font-size:25px;line-height:1.6}.brand-app .lesson-body p{color:#424e39;max-width:78ch;font-size:16px;line-height:2}.brand-app :is(.goal-box,.beginner-score,.entry-course-nav,.prerequisite-help,.first-steps-card,.practice-stage,.explore-feedback){color:#435736;background:#e9eddf;border-color:#bcc9ab;border-radius:3px}.brand-app .goal-box p,.brand-app .goal-text{color:#435736}.brand-app .lesson-footer{background:#f5f6ecef;border-color:#bfc9b0;border-radius:3px;box-shadow:0 8px 25px #27371b12}.brand-app .lesson-status{color:#405b2c;background:#e2ead2;border-color:#bbc9a5;border-radius:3px;padding:8px 12px;font-size:13px}.brand-app :is(.daily-toolbar,.daily-return,.daily-shared,.daily-slots>li){box-shadow:none;background:#fffef9;border-color:#c6cfb9;border-radius:3px}.brand-app .daily-return{border-left:3px solid #71894b}.brand-app .daily-slots{gap:16px;margin-top:26px}.brand-app .daily-slots>li.selected{border-color:#768b56;box-shadow:inset 3px 0 #768b56}.brand-app .daily-slot-detail>summary{color:#2d4122;padding-block:9px;font-size:17px}.brand-app .daily-slot-detail>summary>span{color:#647653;font:12px ui-monospace,monospace}.brand-app .review-list{background:#fffef9;border:1px solid #c5cfb7;border-radius:3px;gap:0;overflow:hidden}.brand-app .review-list>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #d1d9c5;border-radius:0;gap:18px;padding:23px}.brand-app .review-list>button:hover{background:#edf2e2;transform:none}.brand-app .review-list h3{color:#2b3c21;font-size:18px}.brand-app .review-list p{color:#57694a;font-size:14px}.brand-app .round-icon{color:#455d31;background:#e0e8d1;border-radius:3px}.brand-app .skill-card{box-shadow:none;background:#e5ebd9;border:1px solid #c5cfb7;border-radius:3px;padding:20px}.brand-app .mini-progress i{background:#5d7641}.brand-app .empty-state{color:#596b4b;background:#f7f8ee;border-radius:3px;padding:36px 24px}.brand-app .session-history-entry{border-color:#d1d9c4}.brand-app .settings-grid{gap:22px}.brand-app[data-page=settings] .panel>h2{border-bottom:1px solid #d2dac4;margin-bottom:20px;padding-bottom:15px;font-size:21px}.brand-app :is(.term-popup,.modal,.midi-connect-dialog){color:#273321;background:#fffef9;border:1px solid #b8c5a4;border-radius:5px;box-shadow:0 15px 50px #17230f26}.brand-app .term-popup p{color:#34492a}.brand-app :is(.notice,.toast){color:#f7f9ee;background:#26331e;border-color:#5b7243;border-radius:3px}.brand-app .midi-dialog-bar{background:#e7ecdc;border-color:#bac8a7}.brand-app .midi-connect-panel{background:#fffef9;border-color:#c7cfba}.brand-app .midi-step-number{color:#344f24;background:#dcebc5;border-color:#aabf8f}.brand-app .midi-received{color:#3e592d;background:#e9efdf;border-color:#b1c49a}.brand-app .diagnostic-tabs .active{color:#f8faed;background:#22261f;border-color:#22261f}.brand-app :is(.daily-dock,.daily-practice-dock){background:#f1f5e7;border-color:#aabb93;border-radius:4px}@keyframes brand-page-in{0%{transform:translateY(8px)}to{transform:none}}@keyframes brand-mark-in{0%{opacity:0;scale:1 .2}to{opacity:1;scale:1}}@media (width>=1500px){.brand-app .brand-page-header{padding-block:34px 38px}.brand-app .brand-header-mark{margin-right:18px}}@media (width<=1100px){.brand-app .brand-page-header h1{font-size:36px}.brand-app .brand-header-mark{width:110px}.brand-app .course-chapter-picker button{gap:8px;padding:14px 10px}.brand-app .textbook-layout{grid-template-columns:240px minmax(0,1fr);gap:20px}}@media (width<=800px){.brand-app .sidebar{background:#e7e6e0}.brand-app .main-content{padding:24px 20px 32px}.brand-app .brand-page-header{gap:20px;margin-bottom:24px;padding:20px 0 24px}.brand-app .brand-page-header--play{padding:25px}.brand-app .brand-page-header h1{font-size:32px}.brand-app .brand-page-header p{font-size:14px}.brand-app .brand-header-mark{transform-origin:100%;gap:3px;width:90px;scale:.85}.brand-app .textbook-layout{grid-template-columns:minmax(0,1fr)}.brand-app .textbook-contents{max-height:none;position:static}.brand-app .course-chapter-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-app .course-chapter-picker button:nth-child(-n+2){border-bottom:1px solid #bbc3af}.brand-app .course-chapter-picker button:nth-child(2){border-right:0}.brand-app .mobile-menu-button{color:#354c27;background:#dce2ce;border-color:#aebd9a}}@media (width<=560px){.brand-app .main-content{padding:20px 14px 30px}.brand-app .brand-page-header{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:20px}.brand-app .brand-page-header h1{max-width:none;font-size:30px;line-height:1.5}.brand-app .brand-page-header .eyebrow{letter-spacing:0;margin-bottom:10px;font-size:11px}.brand-app .brand-page-header p{margin-top:12px}.brand-app .brand-header-mark{display:none}.brand-app .brand-header-actions{gap:10px}.brand-app .brand-header-actions>.btn{justify-content:center;width:100%}.brand-app .brand-page-header--play{padding:23px 21px}.brand-app .panel{padding:20px 17px}.brand-app .section-heading h2{font-size:20px}.brand-app .course-chapter-picker button{min-height:66px;font-size:13px}.brand-app .course-unit>summary{gap:10px;padding:18px 14px}.brand-app .course-unit .unit-number{font-size:22px}.brand-app .course-unit .unit-title strong{font-size:16px}.brand-app .course-row{gap:10px;padding:17px 13px}.brand-app .course-row-copy strong{font-size:15px}.brand-app .course-row-copy small{font-size:12px}.brand-app .course-row-meta,.brand-app .course-row-status{font-size:11px}.brand-app .textbook-article{padding:23px 19px;box-shadow:3px 3px #dedfd4}.brand-app .textbook-prose p{font-size:16px;line-height:2.05}.brand-app .textbook-leaf h3{font-size:20px}.brand-app .textbook-check{padding:17px}.brand-app .lesson-steps>button{min-height:51px;padding-inline:7px;font-size:12px}.brand-app .lesson-body{padding:23px 18px}.brand-app .lesson-body p{font-size:15px}.brand-app .lesson-footer{position:static}.brand-app .review-list>button{gap:11px;padding:20px 15px}.brand-app .review-list h3{font-size:16px}.brand-app .topbar-right{gap:11px}}.brand-app.large-text :is(.brand-page-header p,.lesson-body p,.textbook-prose p,.daily-page>p,.review-list p){font-size:1.15rem;line-height:2}.brand-app.large-text .brand-page-header h1{font-size:clamp(32px,4vw,52px)}@media (prefers-reduced-motion:reduce){.brand-app *,.brand-app :before,.brand-app :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.brand-app :is(.btn,.brand-page-header,.panel,.course-unit,.textbook-article){border:1px solid canvastext}.brand-app .brand-header-mark{display:none}.brand-app .sidebar nav button.active{outline:2px solid highlight}.brand-app .lesson-steps>button.active{outline-offset:-3px;outline:2px solid highlight}}@media print{.brand-app .brand-header-mark,.brand-app .brand-header-actions{display:none}.brand-app .brand-page-header{border-top:0;min-height:0;padding:0 0 16px}.brand-app .brand-page-header h1{color:#000}.brand-app .textbook-article{box-shadow:none}}.brand-app :is(#explore-keyboard,#drum-pad-area,#compose-editor,#fm-sound-desk){scroll-margin-top:78px}.brand-app .brand-header-actions a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.brand-app :is(#explore-keyboard,#drum-pad-area,#compose-editor,#fm-sound-desk):focus-visible{outline-offset:4px;outline:2px solid #667e42}@media (width<=560px){.brand-app .studio-brand-page .drum-pad strong{font-size:10px}.brand-app .studio-brand-page .drum-pad>span:not(.drum-pad-number){font-size:9px;line-height:1.4}}:root{--motion-fast:.12s;--motion-normal:.18s;--motion-page:.24s;--motion-ease:cubic-bezier(.22,1,.36,1)}.brand-app .topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#efeee9f5;min-height:60px}.brand-app .toolbar-text,.brand-app .back-action{min-height:44px;transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast)}.brand-app .toolbar-text:active,.brand-app .back-action:active{background:#dbe3cd}.brand-app .sidebar nav button{min-height:44px;transition:background var(--motion-normal),color var(--motion-fast)}.brand-app .sidebar nav button.active{position:relative}.brand-app .sidebar nav button.active:before{content:"";background:#d8f36a;border-radius:2px;width:3px;position:absolute;top:10px;bottom:10px;left:0}.brand-app .text-btn{min-height:40px;transition:color var(--motion-fast),background var(--motion-fast);line-height:1.7}.brand-app :is(button,summary):focus-visible{outline-offset:4px;outline:3px solid #63792b;scroll-margin-block:90px}.brand-app .toast{color:#fafcf2;animation:toast-arrive .2s var(--motion-ease);background:#22261f;border:1px solid #59654a;border-radius:4px;gap:16px;max-width:min(480px,100vw - 28px);box-shadow:0 8px 24px #22261f22}.brand-app .toast button{min-width:44px;min-height:44px;color:inherit;flex-shrink:0}.brand-app .save-error{border-left:4px solid #a63827;line-height:1.8}.brand-app .save-error button{min-height:44px}.brand-app .page-loading{max-width:1020px;min-height:520px;margin-inline:auto;padding:36px 0}.brand-app .page-loading>p{color:#4f5d44;align-items:center;gap:12px;font-size:14px;line-height:1.8;display:flex}.brand-app .page-loading>p:before{content:"";background:#748b43;border-radius:50%;width:8px;height:8px}.brand-app .page-loading-shape{border-top:1px solid #bfc8b4;gap:18px;margin-top:24px;padding:28px 0;display:grid}.page-loading-shape>i{background:#d8ddcf;border-radius:2px;max-width:90%;height:14px;animation:.8s ease-in-out 3 alternate loading-breathe;display:block}.page-loading-shape>i:first-child{width:55%;height:38px;margin-bottom:18px}.page-loading-shape>i:nth-child(3){width:70%}.page-loading-shape>div{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px;display:grid}.page-loading-shape span{background:#e9ece2;border:1px solid #c9d0c0;border-radius:3px;height:170px}@keyframes toast-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-breathe{0%{opacity:.55}to{opacity:1}}@media (width<=600px){.brand-app .toolbar-text{padding:8px;font-size:12px}.brand-app .topbar{gap:6px}.brand-app .page-loading{min-height:420px}.page-loading-shape>div{grid-template-columns:1fr}.page-loading-shape span{height:100px}.page-loading-shape span:not(:first-child){display:none}}@media (prefers-reduced-motion:reduce){.brand-app .page-loading-shape>i,.brand-app .toast{animation:none}.brand-app :is(.btn,.text-btn,.toolbar-text,.back-action,.sidebar nav button){transition:none}}@media (width<=600px){.brand-app .topbar-right{gap:4px;max-width:100%}.brand-app .toolbar-text{gap:5px;min-width:44px;padding:7px 4px}.brand-app .toolbar-sound-label{display:none}}