:root{--group-primary:#b52f3c;--group-primary-dark:#a31b29;--group-primary-soft:#f8eaec;--ink:#202126;--muted:#60616a;--paper:#f4f4f5;--line:#d6d7dc;--lime:#fff;--forest:var(--group-primary);--white:#fff;--radius:6px}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #777982}button,input,select{min-height:48px}button{color:var(--ink)}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1240px;height:96px;margin:auto;padding:0 40px;display:flex}.student-star-counter{color:#5a3c00;min-width:64px;min-height:44px;font:inherit;cursor:pointer;background:#fff6d8;border:1px solid #c58a00;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:6px 12px;font-weight:800;display:inline-flex}.student-star-counter>span{color:#a66a00}.preview-star-count{color:#73540b;padding-left:3px;font-size:10px;font-weight:700}.student-star-counter.compact{min-width:54px;padding-inline:8px;font-size:13px}.student-star-toast{z-index:1200;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 76px);color:#fff;pointer-events:none;background:#177b53;border-radius:999px;padding:9px 16px;font-weight:800;position:fixed;transform:translate(-50%);box-shadow:0 3px 14px #0003}.star-celebration-audio{align-items:center;gap:10px;margin:10px 0;padding:8px 0;font-weight:700;display:flex}.star-celebration-audio input{width:20px;height:20px;min-height:20px}.practice-sound-sensor{border:1px solid var(--line,#d7d9df);background:var(--surface,#fff);border-radius:10px;width:min(100%,800px);margin:6px auto;padding:4px 10px}.practice-sound-sensor>summary{cursor:pointer;align-items:center;min-height:40px;font-weight:700;display:flex}.practice-sound-sensor p{margin:6px 0;font-size:13px}.practice-sound-sensor label{grid-template-columns:auto minmax(120px,1fr);align-items:center;gap:10px;max-width:360px;display:grid}.student-star-counter:focus-visible{outline:3px solid var(--group-primary);outline-offset:2px}.student-star-total{font-size:20px}.student-star-history{margin:0;padding:0;list-style:none}.student-star-history li{border-bottom:1px solid var(--design-border,#ddd);grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 0;display:grid}.student-star-history time{color:#555;font-size:12px}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:26px;font-weight:800;display:flex}.brand-icon{background:var(--ink);width:43px;height:43px;color:var(--lime);border-radius:12px;place-items:center;font-size:34px;line-height:1;display:grid}.badge{letter-spacing:1px;border:1px solid var(--line);border-radius:5px;margin-left:3px;padding:3px 5px;font-size:9px}.teacher-link{padding:12px;font-size:13px;font-weight:600}.skip{z-index:20;background:#fff;padding:12px;position:fixed;top:-100px}.skip:focus{top:0}main{max-width:1160px;margin:0 auto;padding:34px 0 140px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-2px;margin-bottom:20px;font-size:48px;line-height:1.12}h2{letter-spacing:-.6px;margin-bottom:16px;font-size:25px;line-height:1.3}h3{letter-spacing:-.4px;margin-bottom:12px;font-size:21px;line-height:1.3}p{margin-bottom:18px}section{margin-bottom:26px}.eyebrow{letter-spacing:1.8px;font-size:11px;font-weight:700}.muted{color:var(--muted)}.small{font-size:13px}.pill{white-space:nowrap;background:#e8e8eb;border-radius:30px;padding:5px 12px;font-size:12px;display:inline-block}.hello,.section-line{justify-content:space-between;align-items:center;gap:16px;display:flex}.hello{margin-bottom:22px}.section-line{margin:26px 0 20px}.section-line h2,.section-line p{margin:0}.section-line>a{font-size:14px}.hero{background:var(--ink);color:#fff;border-radius:28px;grid-template-columns:1.1fr 1fr;min-height:450px;margin-bottom:40px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:44px 50px}.hero h1{letter-spacing:-4px;margin:24px 0;font-size:80px;line-height:1}.hero p{color:#c4c5cc;font-size:17px}.hero .eyebrow{color:#c4c5cc}.button{background:var(--ink);color:#fff;text-align:center;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:12px 23px;font-size:14px;font-weight:700;display:inline-flex}.button:hover{filter:brightness(1.12)}.button.lime{background:var(--lime);color:var(--ink)}.button.secondary{color:var(--ink);background:0 0;border:1px solid #c4c5cc}.hero-time{color:#c4c5cc;margin-top:12px;font-size:12px;display:block}.hero-art{place-items:center;display:grid;position:relative;overflow:hidden}.orbit{border:1px solid #777982;border-radius:50%;width:450px;height:450px;position:absolute;transform:rotate(-25deg)scaleY(.8)}.orbit-two{width:340px;height:340px}.drum{color:#373840;background:#e8e8eb;border:18px solid #c4c5cc;border-radius:50%;justify-content:center;align-items:center;gap:28px;width:270px;height:270px;font-size:58px;font-weight:700;display:flex;transform:rotate(-18deg)scaleY(.84);box-shadow:0 22px #777982,0 24px 0 3px #c4c5cc}.drum:after,.drum:before{content:"";background:#c4c5cc;border-radius:50% 50% 5px 5px;width:13px;height:310px;position:absolute;top:-30px;left:44px;transform:rotate(36deg);box-shadow:3px 3px #777982}.drum:after{background:#c4c5cc;top:-50px;left:195px;transform:rotate(-38deg)}.art-caption{color:#c4c5cc;letter-spacing:2px;font-size:10px;position:absolute;bottom:30px;right:35px}.daily-cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);min-width:0;margin-bottom:22px;padding:28px}.daily-card{margin:0;padding:25px;transition:transform .2s}.daily-card:hover{transform:translateY(-4px)}.card-number{color:var(--muted);border:1px solid var(--line);text-align:center;border-radius:50%;width:34px;height:34px;margin-bottom:32px;font-size:13px;line-height:32px;display:inline-block}.daily-card p{color:var(--muted);font-size:13px}.daily-card .section-line{margin-bottom:0}.music-banner{border-radius:var(--radius);background:#e8e8eb;border:1px solid #e8e8eb;justify-content:space-between;align-items:center;gap:22px;margin-top:30px;padding:30px 34px;display:flex}.music-banner h2{margin:10px 0 4px}.music-banner p{color:var(--muted);margin-bottom:0}.bottom-nav{z-index:10;background:var(--ink);color:#fff;border:1px solid #777982;border-radius:22px;gap:8px;padding:8px 15px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #373840}.bottom-nav a{border-radius:14px;justify-content:center;align-items:center;gap:9px;min-width:108px;min-height:48px;font-size:20px;display:flex}.bottom-nav a span{font-size:13px}.page-heading{max-width:850px;margin:25px 0 35px}.page-heading .eyebrow{margin-bottom:18px;display:block}.page-heading p{color:var(--muted);font-size:18px}.page-heading>a:not(.button){margin-bottom:22px;display:inline-block}.practice-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start;gap:24px;margin-top:24px;display:grid}.practice-grid>.card h2{margin-top:14px}.metronome{border-radius:var(--radius);background:#e8e8eb;border:1px solid #c4c5cc;padding:26px}.metronome .section-line{margin:0 0 20px}.tempo{justify-content:center;align-items:center;gap:20px;display:flex}.tempo button{background:0 0;border:1px solid #c4c5cc;border-radius:50%;width:48px;font-size:25px}.tempo label{text-align:center;margin:0}.tempo input{letter-spacing:-2px;text-align:center;width:135px;color:var(--ink);-moz-appearance:textfield;background:0 0;border:0;padding:0;font-size:55px;font-weight:700;line-height:1.2}.tempo input::-webkit-inner-spin-button{appearance:none}.tempo label span{letter-spacing:2px;font-size:11px;display:block}.range{width:100%;accent-color:var(--ink);background:0 0;margin:12px 0;padding:0}.beats{justify-content:center;gap:13px;margin:4px 0 22px;display:flex}.beat{background:#e8e8eb;border:1px solid #c4c5cc;border-radius:50%;place-items:center;width:45px;height:45px;font-size:15px;display:grid}.beat.active{background:var(--ink);color:var(--lime);border-color:var(--ink)}label{margin-bottom:20px;font-size:14px;font-weight:600;display:block}label input:not([type=checkbox]),label select{width:100%;margin-top:7px;display:block}input,select{color:var(--ink);background:#fff;border:1px solid #c4c5cc;border-radius:10px;max-width:100%;padding:10px 12px}input[type=range]{border:0}input[type=checkbox]{width:22px;min-height:22px;accent-color:var(--ink)}.full{width:100%}.metronome>.small{margin:15px 0 0}.pattern-box{border:1px solid var(--line);background:#e8e8eb;border-radius:16px;margin:26px 0;padding:23px}.sticking{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:20px;display:flex}.sticking span{text-align:center;border-radius:9px;flex:1;min-width:30px;padding:10px 0;font-size:26px;font-weight:700}.sticking .right{background:#c4c5cc}.sticking .left{background:#e8e8eb}.rhythm{align-items:center;gap:5px;display:flex}.rhythm>span{text-align:center;border-right:1px dashed #c4c5cc;font-size:45px;line-height:1.3}.rhythm small{color:var(--muted);font-family:Arial,sans-serif;font-size:10px;display:block}.rhythm .rest{color:#777982}.counting{text-align:center;letter-spacing:3px;margin:20px 0 8px;font-size:18px}.pattern-box>.small{text-align:center;margin:0}.tip{background:#e8e8eb;border-radius:12px;margin-bottom:20px;padding:18px;font-size:14px}.tip p{margin:7px 0 0}.step-tabs{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.step-tabs button{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;align-items:start;padding:16px;font-weight:700;display:flex}.step-tabs button[aria-pressed=true]{background:var(--ink);color:#fff}.step-tabs span,.step-tabs small{font-size:12px;font-weight:400}.filter-tabs{flex-wrap:wrap;gap:9px;margin-bottom:20px;display:flex}.filter-tabs button{border:1px solid var(--line);background:#fff;border-radius:30px;padding:10px 20px}.filter-tabs button[aria-pressed=true]{background:var(--ink);color:#fff}.exercise-list{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.exercise-list button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.exercise-list button[aria-pressed=true]{border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest);background:#e8e8eb}.exercise-list strong,.exercise-list span{display:block}.exercise-list strong{margin:8px 0;font-size:16px}.exercise-list span:last-child{font-size:12px}.form-row{gap:20px;display:flex}.form-row>label{flex:1;min-width:0}.measures{gap:6px;margin:22px 0;display:flex}.measures span{text-align:center;color:#777982;background:#e8e8eb;border-radius:8px;flex:1;padding:10px 0;font-size:14px}.measures .selected{color:var(--ink);background:#e8e8eb}.measures .current{background:var(--ink);color:#fff;box-shadow:0 0 0 2px #c4c5cc}.checkbox{align-items:center;gap:12px;display:flex}.coming{background:0 0}.coming h3{margin:10px 0}.coming p{color:var(--muted);margin:0;font-size:14px}.stats{gap:20px;margin:28px 0;display:flex}.stats .card{flex:1;margin:0}.stats strong{font-size:44px;line-height:1.3;display:block}.stats span{color:var(--muted);font-size:14px}.history{margin:0;padding:0;list-style:none}.history li{border-top:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.history li>span{color:var(--muted);font-size:13px}small{display:block}.teacher-heading{justify-content:space-between;align-items:center;margin:10px 0 24px;display:flex}.teacher-heading a{font-size:13px}.teacher-nav{border-bottom:1px solid var(--line);gap:9px;padding-bottom:14px;display:flex;overflow-x:auto}.teacher-nav a{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:10px;padding:10px 15px;font-size:14px}.demo-notice{color:var(--muted);margin:15px 0 30px;font-size:12px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:30px;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%}th{text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:20px;font-size:11px}td{border-top:1px solid var(--line);padding:22px 20px;font-size:14px}td small{color:var(--muted);font-size:12px}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.cards .card{margin:0}.assignment{text-align:left}.assignment h3{margin-top:12px}.plain-list{padding:0;font-size:14px;list-style:none}.plain-list li{margin:6px 0}fieldset{border:1px solid var(--line);border-radius:14px;margin:12px 0 25px;padding:20px}legend{padding:0 8px;font-size:13px}.upload{background:#e8e8eb;border:2px dashed #c4c5cc;border-radius:14px;padding:30px}.upload input{background:#fff;margin:15px 0}.upload input::file-selector-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:8px;margin-right:12px;padding:12px}[role=status]:empty{display:none}[role=status]{color:var(--forest);overflow-wrap:anywhere;font-size:14px}[role=alert]{color:#373840}@media (max-width:1240px){main{margin:0 32px}.header{padding:0 32px}.hero-copy{padding:40px}.hero h1{font-size:70px}}@media (max-width:850px){.daily-cards,.exercise-list{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1.2fr 1fr;min-height:420px}.hero h1{font-size:65px}.hero-copy{padding:35px}.drum{width:210px;height:210px;font-size:45px}.drum:after{left:140px}.hero-art{margin-left:-45px}.practice-grid{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.card,.metronome{padding:22px}.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.header{height:78px;padding:0 20px}.brand{font-size:22px}.brand-icon{width:36px;height:36px;font-size:29px}.teacher-link{padding:10px 0;font-size:11px}.badge{font-size:8px}main{margin:0;padding:24px 20px 125px}h1{letter-spacing:-1.7px;font-size:38px}h2{font-size:23px}h3{font-size:19px}.hello{margin-bottom:18px}.hello .eyebrow{letter-spacing:1px;font-size:9px}.hero{border-radius:22px;min-height:430px;margin-bottom:28px;display:block}.hero-copy{padding:30px 26px}.hero h1{margin:20px 0;font-size:66px}.hero-copy>p{z-index:2;font-size:15px;position:relative}.hero .eyebrow{letter-spacing:1px;font-size:9px}.hero-art{opacity:.3;width:310px;height:310px;position:absolute;top:85px;right:-95px}.hero-copy .button,.hero-time{z-index:2;position:relative}.art-caption{display:none}.hero-art .drum{width:220px;height:220px}.daily-cards{gap:12px}.daily-card{padding:19px}.card-number{margin-bottom:22px}.daily-card p{font-size:12px}.section-line{gap:12px}.section-line>a{font-size:12px}.section-line h2{font-size:21px}.music-banner{padding:25px;display:block}.music-banner .button{width:100%;margin-top:20px}.bottom-nav{justify-content:space-around;gap:0;width:calc(100% - 32px);padding:6px;bottom:12px}.bottom-nav a{flex-direction:column;flex:1;gap:0;min-width:0;min-height:52px;font-size:22px;line-height:1.3}.bottom-nav a span{font-size:10px}.practice-grid{flex-direction:column;gap:0;display:flex}.practice-grid>*{width:100%}.practice-grid>.card{margin-bottom:20px}.step-tabs{gap:6px}.step-tabs button{padding:10px 8px;font-size:12px}.step-tabs small{font-size:10px}.exercise-list{gap:10px}.exercise-list button{padding:14px}.page-heading{margin:20px 0 28px}.page-heading p{font-size:16px}.form-row{flex-wrap:wrap;gap:8px 15px}.form-row>label{min-width:100px}.stats{gap:10px}.stats .card{padding:17px 14px}.stats strong{font-size:30px}.stats span{font-size:11px}.cards{grid-template-columns:1fr}.history li{flex-direction:column;align-items:start;gap:6px}.teacher-nav{margin-right:0;padding-right:0}.teacher-nav a{padding:10px 12px;font-size:12px}.upload{padding:20px}.sticking{gap:5px}.sticking span{min-width:25px;font-size:24px}.pattern-box{padding:15px}.counting{letter-spacing:1px;font-size:16px}.form-row input{min-width:0}.table-wrap{border-radius:15px}.beats .beat{width:48px;height:48px}.tempo input{font-size:60px}.coming{margin-top:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.header{height:90px}.brand-icon{background:var(--group-primary);color:#fff;border-radius:3px}.brand-lockup{align-items:center;gap:12px;display:flex}.corps-logo{object-fit:contain;background:#202126;border-radius:50%;width:52px;height:52px;padding:3px}.group-name{letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);font-size:11px}.hero{background:var(--group-primary);border-radius:6px;min-height:350px}.hero-copy{padding:34px 40px}.hero h1{margin:16px 0;font-size:64px}.hero p,.hero .eyebrow,.hero-time,.art-caption{color:#fff}.accent{color:inherit}.hero-art{background:var(--group-primary-dark);margin:0}.orbit{border-color:#ffffff40;border-radius:0;width:600px;height:150px;transform:rotate(-18deg)}.orbit-two{height:80px}.drum{color:#202126;background:#fff;border-color:#c4c5cc;box-shadow:0 22px #777982,0 24px 0 3px #c4c5cc}.drum:after,.drum:before{background:#dedde0;box-shadow:3px 3px #777982}.button{background:var(--group-primary);border-radius:4px;font-size:15px}.button:hover{background:var(--group-primary-dark);filter:none}.button.lime{color:var(--group-primary-dark);background:#fff}.button.secondary{border-color:var(--line);color:var(--ink);background:#fff}.daily-cards{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);gap:0}.daily-card{border:0;border-right:1px solid var(--line);background:0 0;border-radius:0;padding:20px}.daily-card:hover{background:#fff;transform:none}.card-number{text-align:left;color:var(--group-primary);border:0;border-radius:0;margin-bottom:12px;font-weight:700}.pill{background:#e8e8eb;border-radius:3px;padding:3px 7px}.music-banner{border:1px solid var(--line);border-left:4px solid var(--group-primary);background:#fff}.bottom-nav{border-color:#373840;border-radius:6px;box-shadow:0 4px 14px #20212622}.bottom-nav a{border-radius:3px}.bottom-nav a:hover{background:var(--group-primary)}.card{padding:24px}.metronome{border-top:4px solid var(--group-primary);border-color:var(--line);border-top-color:var(--group-primary);background:#fff}.metronome .beat.active{background:var(--group-primary);color:#fff;border:3px solid var(--group-primary-dark);font-weight:800}.tempo button,.beat{border-color:var(--line);background:var(--paper)}input,select{border-color:#a9abb4;border-radius:4px}input[type=range],input[type=checkbox],progress{accent-color:var(--group-primary)}.tip{background:var(--paper);border-left:3px solid var(--line);border-radius:3px}.exercise-list{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px}.exercise-list button{border:0;border-radius:0;padding:12px 16px}.exercise-list button[aria-pressed=true]{background:var(--group-primary-soft);box-shadow:inset 4px 0 var(--group-primary)}.exercise-list strong{margin:3px 0}.filter-tabs button,.step-tabs button{border-radius:3px}.filter-tabs button[aria-pressed=true],.step-tabs button[aria-pressed=true]{background:var(--group-primary)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #315cab}.notation{border-left:2px solid var(--ink);border-right:2px solid var(--ink);background:#fff;margin:24px 0;position:relative;overflow:hidden}.notation-events{background:linear-gradient(#0000 49%,#c4c5cc 49% 50%,#0000 50%);width:100%;display:flex;position:relative}.notation-event{border-right:1px solid #e8e8eb;flex-direction:column;flex-shrink:0;align-items:flex-start;min-width:0;padding:7px 0 5px 3px;display:flex}.notation-event svg{fill:currentColor;width:38px;max-width:100%;height:78px}.notation-event small{background:#fff;padding:0 4px;font-size:12px}.notation-event.active{color:var(--group-primary-dark);background:var(--group-primary-soft);box-shadow:inset 0 -4px var(--group-primary)}.playhead{z-index:4;background:var(--group-primary);pointer-events:none;width:3px;position:absolute;top:0;bottom:0}.hand-letter{padding-left:5px;font-size:27px;line-height:78px;display:block}.hands{width:100%;height:150px}.hands-overlay{z-index:35;pointer-events:none;background:#fffffff0;border:1px solid #68708a;border-radius:12px;padding:4px 6px 2px;position:fixed;box-shadow:0 3px 14px #141a2c33}.hands-overlay>*{pointer-events:auto}.hands-overlay .hands{width:100%;height:auto;display:block}.hands-overlay-grip,.hands-overlay-reopen{color:#26213f;min-width:44px;min-height:36px;font:inherit;touch-action:none;cursor:grab;background:#f2efe7;border:0;border-radius:8px;font-size:12px;font-weight:700}.hands-overlay-grip:active{cursor:grabbing}.hands-overlay-settings summary{cursor:pointer;justify-content:center;align-items:center;min-height:36px;font-size:12px;display:flex}.hands-overlay-settings>div{flex-wrap:wrap;gap:4px;padding:4px;display:flex}.hands-overlay-settings button{color:#20243a;min-width:42px;min-height:38px;font:inherit;background:#fff;border:1px solid #c7cad4;border-radius:8px;font-size:12px}.hand-arm{color:#777982;transform-origin:50%;transition:transform 80ms}.hand-arm text{fill:currentColor;font-size:20px;font-weight:700}.hand-arm.active{color:var(--group-primary);animation:.18s ease-out hand-strike}@keyframes hand-strike{0%{transform:translateY(-2px)rotate(0)}45%{transform:translateY(8px)rotate(4deg)}to{transform:translateY(4px)rotate(0)}}@media (prefers-reduced-motion:reduce){.hand-arm.active{animation:none;transform:translateY(4px)}}.player-controls{flex-wrap:wrap;align-items:center;gap:18px;margin:16px 0;display:flex}.player-controls label{margin:0}.bar-display{border-top:2px solid var(--line);padding:20px 0;font-size:40px;font-weight:700}progress{width:100%;height:18px}.import-steps{color:var(--muted);flex-wrap:wrap;gap:20px;padding:0;font-size:14px;list-style:none;display:flex}.import-steps [aria-current=step]{color:var(--group-primary-dark);border-bottom:3px solid var(--group-primary);font-weight:700}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.xml-preview{border-block:1px solid var(--line);margin:20px 0;padding:20px 0}.history a{padding:10px 0;text-decoration:underline;display:inline-block}@media (max-width:640px){.header{height:80px;padding:0 16px}.corps-logo{width:38px;height:38px}.brand{font-size:20px}.group-name{letter-spacing:.5px;font-size:8px}main{padding:20px 16px 115px}.hero{min-height:0}.hero-copy{padding:26px 22px}.hero h1{font-size:52px}.hero-art{display:none}.daily-card{padding:16px 10px}.daily-card h3{font-size:18px}.card,.metronome{padding:18px}.exercise-list{grid-template-columns:repeat(2,1fr)}.exercise-list button{padding:12px}.exercise-list strong{font-size:14px}.hand-letter{padding-left:2px;font-size:23px}.notation-event{padding-left:1px}.import-steps{gap:10px;font-size:12px}.history li{flex-direction:column;align-items:start}.history{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.hand-arm{transition:none;transform:none}.playhead{display:none}}.score-preview{border:1px solid var(--line);background:#fff;max-width:100%;margin:20px 0;padding:12px;overflow:auto}.score-preview>div{min-width:650px}.exercise-picker{max-width:420px}.bass-support{border-top:1px solid var(--line);margin:16px 0;padding-top:12px}.bass-support label{gap:6px;font-weight:600;display:grid}.bass-line{border-inline:2px solid;grid-template-columns:repeat(4,1fr);margin-top:12px;display:grid;position:relative;overflow:hidden}.bass-beat{border-right:1px solid #d9d9de;gap:4px;padding:5px;display:grid}.bass-beat span{font-size:22px}.bass-beat.active{background:var(--group-primary-soft);box-shadow:inset 0 -3px var(--group-primary)}.notation{--stem-x:26px}.notation-event svg{flex-shrink:0;width:36px;max-width:none;height:78px;overflow:visible}.notation-beams{pointer-events:none;position:absolute;top:7px;left:0;overflow:visible}.notation-beams line{transform:translateX(var(--stem-x))}@media (max-width:640px){.notation{--stem-x:24px}}.score-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px;margin-block:20px;display:grid}.score-bar{min-width:0}.score-bar .notation{margin:4px 0}.score-bar:has(.notation-event:nth-child(5)){grid-column:1/-1}.counting-example{line-height:2}.counting-example strong,.counting-live strong{border-bottom:2px solid var(--group-primary)}.counting-live{gap:12px;margin-block:12px;display:flex}.counting-live span{border:1px solid var(--line);padding:8px 12px}.counting-live .active{background:var(--group-primary-soft);outline:2px solid var(--group-primary)}@media (max-width:640px){.score-bar:has(.notation-event:nth-child(4)){grid-column:1/-1}}.notation-event.full-bar-rest{align-items:center}.original-review,.excerpt-review,.home-practice-list{margin-top:24px}.excerpt-review>.card{margin-block:16px}.home-practice-list .exercise-list a{overflow-wrap:anywhere;min-width:0;text-decoration:none}.excerpt-selection{border:0;min-width:0;margin:0;padding:0}.home-message{resize:vertical;width:100%;min-height:100px;font:inherit;border:1px solid var(--line);padding:12px}.home-message:focus-visible{outline:3px solid var(--group-primary);outline-offset:4px}.rhythm-editor{border:0;min-width:0;padding:0}.rhythm-editor legend{padding:0}.rhythm-editor .form-row{flex-wrap:wrap}.bar-picker{flex-wrap:wrap;gap:.4rem;margin:1.25rem 0;display:flex}.bar-picker button{background:var(--surface,white);border:1px solid var(--line);min-height:44px;color:inherit;padding:.5rem .8rem}.bar-picker button[aria-pressed=true]{background:var(--group-primary);color:#fff;border-color:var(--group-primary)}.rhythm-edit-grid{border:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.edit-beat{border-right:1px solid var(--line);min-width:0;padding:.75rem}.edit-beat:last-child{border-right:0}.edit-beat label{font-weight:700}.edit-beat select{width:100%;min-width:0;padding-inline:.35rem}.edit-notes{gap:.35rem;display:flex}.edit-notes>div{flex:1;min-width:0}.note-toggle{border:2px solid var(--group-primary);flex-direction:column;justify-content:center;align-items:center;gap:.3rem;width:100%;min-height:76px;margin-bottom:.5rem;display:flex}.note-toggle.is-hit{background:var(--group-primary-soft);color:var(--group-primary-dark)}.note-toggle.is-rest{color:var(--muted);border-style:dashed;border-color:var(--line);background:#fff}.bar-actions{flex-wrap:wrap;align-items:end;gap:.6rem;margin-block:1rem;display:flex}.bar-actions label{margin:0}.whole-rest-editor{border-block:1px solid var(--line);text-align:center;padding:1rem}.note-hand{color:var(--group-primary-dark)}.rhythm-editor .score-bars{margin-bottom:1rem}@media (max-width:600px){.rhythm-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.edit-beat:nth-child(2){border-right:0}.edit-beat:nth-child(-n+2){border-bottom:1px solid var(--line)}.rhythm-editor .form-row{flex-direction:column}}.notation-event small:has(.note-hand){white-space:nowrap}.transcription-comparison{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:24px;display:grid}.transcription-comparison>*{min-width:0}.transcription-original{position:sticky;top:16px}.transcription-original img{width:100%;height:auto;margin-top:16px}.transcription-comparison .practice-grid{grid-template-columns:1fr}.transcription-inventory{padding-left:28px}.transcription-inventory li{border-bottom:1px solid var(--line);padding-block:8px}.transcription-item{border-bottom:1px solid var(--line);margin-block:18px;padding-bottom:16px}@media (max-width:900px){.transcription-comparison{grid-template-columns:1fr}.transcription-original{position:static}}@font-face{font-family:Korpsklar Bravura;src:url(/fonts/bravura/Bravura.woff)format("woff");font-display:block}.rest-glyph{font-family:Korpsklar Bravura}.score-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-block:10px;display:flex}.score-tools label{font-size:13px}.score-tools input[type=number]{width:86px}.score-tools summary{cursor:pointer;min-height:44px;padding:12px 8px}.score-tools details[open]{flex-basis:100%}.score-tools table{width:min(100%,480px)}.score-tools th,.score-tools td{text-align:center;padding:6px}.score-tools input[type=checkbox]{width:24px;height:24px;margin:10px}.score-viewport{overscroll-behavior:contain;border:1px solid var(--line);scroll-behavior:auto;background:#e6e6e9;width:100%;min-width:0;height:clamp(360px,70dvh,1000px);padding:12px;position:relative;overflow:auto}.score-page-space{flex-shrink:0;margin:0 auto 16px;position:relative}.score-page{color:#161619;transform-origin:0 0;background:#fff;width:1000px;height:1414.29px;padding:40px;box-shadow:0 1px 5px #0002}.score-page header{border-bottom:1px solid #777;flex-direction:column;gap:6px;margin-bottom:16px;padding-bottom:22px;display:flex}.score-page header strong{font-size:23px}.score-page header span{font-size:16px}.score-system{border-left:2px solid #333;margin:0 0 24px;padding-left:6px}.score-staff h3{margin:0;font-size:14px;line-height:20px}.system-measures{gap:0;display:grid}.score-page .score-bar{grid-column:auto;position:relative}.score-page .measure-number{height:16px;font-size:13px;display:block}.score-page .notation{--stem-x:18.333px;border-left:0;border-right:1px solid #333;margin:0}.compact-notation .notation-event{border-right:0;padding:7px 0 3px 2px}.compact-notation .notation-event svg{width:22px;height:52px}.compact-notation[data-density=dense] .notation-event{padding-left:1px}.compact-notation[data-density=dense] .notation-event svg{width:20px}.compact-notation .notation-event small{height:16px;font-size:11px}.hide-counts .count-label,.hide-rest-labels .rest-label{visibility:hidden}.focus-tempo{display:none}.practice-focus{z-index:100;background:var(--background,#f4f4f5);padding:10px;display:block;position:fixed;inset:0;overflow:auto}.practice-focus>.card{max-width:none;padding:12px}.practice-focus .practice-metronome,.practice-focus .eyebrow,.practice-focus article>p:not(.tip),.practice-focus article>ul,.practice-focus article>div.tip,.practice-focus article>label p{display:none}.practice-focus article>h2{margin:0 0 8px;font-size:18px}.practice-focus article>p.tip{margin:4px 0;padding:4px;font-size:12px}.practice-focus article>label{max-width:260px}.practice-focus .focus-toggle{float:right}.practice-focus .focus-tempo{display:block}.practice-focus .score-viewport{height:max(300px,100dvh - 285px)}.practice-focus .rhythm-player{flex-direction:column;display:flex}.practice-focus .player-controls{order:-2;margin:6px 0}.practice-focus .score-tools{order:-1}@media (prefers-reduced-motion:reduce){.score-viewport{scroll-behavior:auto}}.practice-grid:has(.score-viewport){grid-template-columns:minmax(0,1fr)}.practice-sound-sensor{z-index:9999;background:0 0;border:0;flex:none;align-items:center;width:auto;max-width:48px;margin:0;padding:0;display:inline-flex;position:relative}.practice-sound-sensor .sensor-entry{justify-content:center;align-items:center;width:44px;min-width:44px;min-height:44px;padding:8px;display:inline-flex}.practice-sound-sensor .sensor-entry.sensor-icon-only{color:#17442d;background:#e4f6e9;border-color:#4a9b65;border-radius:14px;justify-content:center;width:48px;min-width:48px;height:48px;min-height:48px;padding:8px;display:inline-flex;position:relative}.sensor-entry svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.sensor-mini-level{background:linear-gradient(to right, #26844a calc(var(--sensor-level,0) * 100%), #c2d9c9 0);border-radius:4px;width:22px;height:4px;position:absolute;bottom:3px;right:3px}.sensor-auto-sensitivity{align-items:center;gap:8px;display:flex}.sensor-auto-sensitivity input{width:22px;height:22px}.sensor-sensitivity-mode{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:8px 16px;margin:8px 0;padding:6px 10px;display:flex}.sensor-sensitivity-mode legend{padding:0 4px;font-weight:700}.sensor-sensitivity-mode label{align-items:center;gap:7px;min-height:36px;display:inline-flex}.sensor-sensitivity-mode input{width:20px;height:20px}.sensor-manual-sensitivity{gap:4px;margin:8px 0;display:grid}.sensor-manual-sensitivity input{width:100%;min-height:32px}.sensor-feedback-positive{color:#14532d;font-weight:700}.sensor-panel{top:max(72px, calc(env(safe-area-inset-top) + 12px));left:max(12px, env(safe-area-inset-left));z-index:99999;border:1px solid var(--line);background:var(--surface,#fff);border-radius:12px;width:min(360px,100vw - 24px);max-width:48rem;max-height:min(52dvh,420px);padding:7px 10px;position:fixed;overflow:auto}.sensor-panel-close{width:40px;min-width:40px;min-height:40px;color:var(--ink);background:0 0;border:0;border-radius:10px;margin:0 0 4px auto;font-size:25px;display:block}.sensor-panel .sensor-summary>strong{margin-bottom:2px;display:block}.sensor-panel .sensor-summary p{margin:4px 0}.sensor-panel .sensor-level-label{margin-top:5px;font-size:12px;font-weight:700;display:block}.sensor-panel .sensor-level{width:min(100%,340px);height:18px;accent-color:var(--group-primary);display:block}.sensor-panel .sensor-about{margin-top:6px;font-size:12px}.sensor-panel .sensor-about summary{cursor:pointer;align-items:center;min-height:32px;font-weight:650;display:flex}.sensor-panel .sensor-about p{font-size:12px}.practice-sound-sensor .sensor-entry{min-width:48px}.practice-expanded .practice-sound-sensor{z-index:3;background:0 0;border:0;flex:none;align-self:flex-start;margin:2px 0 4px;padding:0}.practice-expanded .practice-sound-sensor .sensor-entry{min-height:42px;padding:6px 12px}.practice-expanded .practice-sound-sensor .sensor-panel{overscroll-behavior:contain;max-height:min(32dvh,260px);overflow:auto}.practice-metronome>summary{cursor:pointer;min-height:44px;padding:12px}.practice-focus .practice-metronome{display:block}.rhythm-player:has(.score-viewport){flex-direction:column;width:100%;min-width:0;display:flex}.rhythm-player:has(.score-viewport)>.player-controls{order:-2}.rhythm-player:has(.score-viewport)>.score-tools{order:-1}.score-page .system-measures>.score-bar:nth-child(n){grid-column:auto}.practice-focus>.card{margin:0}.practice-focus .mode-choice p{display:none}.practice-focus .player-controls{align-items:end;gap:12px}.practice-focus .mode-choice{margin:0}.practice-focus>article.card>h2{padding-right:220px;font-size:18px;line-height:1.3}.practice-focus .score-tools{margin:4px 0}.practice-focus .score-tools>label{margin:0}.practice-focus .score-tools select,.practice-focus .score-tools input{margin-top:0}@media (max-width:640px){.practice-focus>article.card>h2{padding-right:0}.practice-focus .focus-toggle{float:none;margin-bottom:8px}}.practice-focus{margin:0}.practice-focus .extended-notice{display:none}@media (max-width:640px){.practice-focus>article.card>h2{font-size:16px}.practice-focus .score-tools{gap:6px}.practice-focus .score-tools input[type=number]{width:70px}}.notation-events{background:linear-gradient(#0000 60px,#c4c5cc 60px 61px,#0000 61px)}.score-page .notation-events{background:linear-gradient(#0000 42px,#999 42px 43px,#0000 43px)}body:has(.score-viewport) .bottom-nav{margin:20px auto;position:static;transform:none}.practice-focus{height:100dvh;padding:8px;overflow:hidden}.practice-focus>article.card{background:0 0;border:0;flex-direction:column;height:100%;padding:0;display:flex}.note-heading{align-items:center;gap:12px;min-height:48px;display:flex}.note-heading>div{flex:1;min-width:0}.note-heading h2{margin:0;font-size:18px;line-height:1.2}.note-heading p{margin:2px 0;font-size:12px}.practice-focus .rhythm-player{flex:1;gap:0;min-height:0}.practice-focus .rhythm-player>.score-viewport{flex:1;height:auto;min-height:0}.practice-focus .rhythm-player>.player-controls{flex-shrink:0;order:2;align-items:center;gap:8px;margin:4px 0 0}.practice-focus .score-tools{flex-shrink:0;gap:8px;margin:2px 0 4px}.view-options{flex:100%;min-width:0}.view-options>summary{display:none}.view-options-body{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.practice-focus .score-tools label,.practice-focus .player-controls label{align-items:center;gap:4px;margin:0;font-size:12px;display:flex}.practice-focus input[type=number]{width:66px}.practice-focus select,.practice-focus input[type=number]{min-height:44px;margin:0;padding:6px}.practice-focus .mode-choice select{max-width:150px}.practice-focus .score-page{padding:24px}.practice-focus .score-page header{margin-bottom:8px;padding-bottom:6px}.practice-focus .score-page header strong{display:none}.practice-focus .score-page header span{font-size:14px}.practice-focus .mix-summary{font-size:12px}.score-popover{position:relative}.score-popover>summary{cursor:pointer;white-space:nowrap;min-height:44px;padding:12px 8px}.score-popover[open]{flex-basis:auto!important}.popover-body{z-index:120;color:#161619;background:#fff;border:1px solid #aaa;width:min(650px,100vw - 24px);max-height:60dvh;padding:16px;position:absolute;right:0;overflow:auto;box-shadow:0 4px 16px #0003}.mixer-panel .popover-body{bottom:100%}.info-panel .popover-body{top:100%}.score-tools .popover-body{left:0;right:auto}.popover-body table{width:100%;font-size:13px}.popover-body th,.popover-body td{text-align:center;padding:6px}.popover-body input[type=range]{width:90px}.popover-body input[type=checkbox]{width:24px;height:24px}.popover-body .button{padding:8px;font-size:12px}.practice-focus .follow-again{flex-shrink:0;align-self:flex-end;min-height:44px;margin:0 0 4px;position:static}.practice-focus article>p[role=status]{display:none}@media (max-width:600px){.note-heading h2{font-size:15px}.note-heading{gap:6px}.note-heading .button{padding:8px}.practice-focus .score-tools{gap:4px}.practice-focus .score-tools label{font-size:11px}.practice-focus .score-tools select{max-width:145px}.practice-focus .player-controls{gap:4px}.practice-focus .mix-summary{width:100%}.popover-body{padding:8px}.popover-body th,.popover-body td{padding:3px}.popover-body input[type=range]{width:60px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mixer-panel .popover-body{position:fixed;bottom:76px;right:12px}@media (max-width:600px){.mixer-panel .popover-body{bottom:155px}.practice-focus .button{min-height:44px;padding:8px;font-size:13px}.note-heading{min-height:44px}.note-heading p{font-size:10px}.note-heading>.score-popover>summary{padding:10px 4px;font-size:12px}.practice-focus .score-tools{display:block;overflow:visible}.view-options>summary{border:1px solid var(--line);cursor:pointer;border-radius:8px;min-height:44px;padding:10px 12px;font-weight:600;display:block}.view-options-body{flex-wrap:wrap;gap:8px;padding:8px 4px;display:none}.view-options[open] .view-options-body{display:flex}.view-options-body>*{flex:145px}.view-options-body label.checkbox{min-height:44px}.view-options-body .popover-body{width:100%;max-height:none;box-shadow:none;position:static}.practice-focus .score-tools .popover-body{position:fixed;top:112px;left:12px}.practice-focus .player-controls .mode-choice{font-size:0}.practice-focus .mode-choice select{width:125px;font-size:12px}.practice-focus .player-controls>.mode-choice{order:-3}.practice-focus .player-controls>button{order:-2}.practice-focus .player-controls>label:last-of-type{order:-1}.practice-focus .mix-summary{width:auto}.practice-focus .player-controls>span{font-size:10px}}.player-controls{z-index:36;position:relative}.mixer-panel{position:static}.mixer-panel .popover-body{position:absolute;bottom:calc(100% + 8px);left:auto;right:0}.mixer-panel>summary{padding-block:4px}.mixer-panel .mix-summary{font-size:10px;line-height:1.3;display:block}.score-tools .round-status{margin-left:auto;font-size:11px}@media (max-width:600px){.practice-focus{padding:4px}.practice-focus .rhythm-player>.player-controls{gap:4px}.practice-focus .mixer-panel>summary{width:132px;padding:4px;font-size:12px}.practice-focus .mixer-panel .mix-summary{font-size:9px}.practice-focus .score-tools{margin-block:0}}.score-viewport .reading-page,.practice-focus .score-viewport .reading-page{box-shadow:none;padding:8px}.reading-page .score-system{margin-bottom:22px}.reading-page .score-system:last-child{margin-bottom:0}.reading-page .score-staff+.score-staff{margin-top:8px}.reading-viewport .score-page-space{margin-bottom:0}.reading-page .notation-event svg{max-width:none}.auto-fit{min-width:110px;font-size:12px}.practice-focus .rhythm-player>.compact-transport{grid-template-columns:128px 90px 108px 120px minmax(145px,1fr) 140px;align-items:center;gap:8px;height:64px;margin-top:4px;display:grid}.transport-group{z-index:36;align-items:center;gap:5px;display:inline-flex;position:relative}.compact-transport .transport-group{grid-area:1/1}.compact-transport .transport-group .transport-play,.compact-transport .transport-group .transport-stop{flex:none;grid-area:auto;min-width:48px;min-height:48px}.compact-transport .transport-play{grid-area:1/1}.compact-transport .transport-loop{grid-area:1/2}.compact-transport .transport-tempo{grid-area:1/3}.compact-transport .transport-metronome{grid-area:1/4}.compact-transport .mixer-panel{grid-area:1/5;min-width:0}.compact-transport .mode-choice{grid-area:1/6;font-size:0!important}.compact-transport .mode-choice select{width:100%;font-size:13px}.compact-transport .mixer-panel>summary{width:100%;height:52px;overflow:hidden}.compact-transport .mix-summary{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}@media (max-width:1000px){.practice-focus .rhythm-player>.compact-transport{grid-template-rows:48px 48px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:4px 8px;height:100px}.compact-transport .transport-play{grid-area:1/1}.compact-transport .transport-loop{grid-area:1/3}.compact-transport .mode-choice{grid-area:1/2}.compact-transport .transport-tempo{grid-area:2/1}.compact-transport .transport-metronome{grid-area:2/2}.compact-transport .mixer-panel{grid-area:2/3}.practice-focus .compact-transport .mixer-panel>summary{width:100%;height:48px;padding:3px}.practice-focus .compact-transport .mode-choice select{width:100%;max-width:none}.compact-transport>*{min-width:0}.compact-transport .transport-play{min-height:44px;padding:8px;font-size:13px}}.reading-page .score-bar{margin:0}.compact-transport .transport-play{white-space:nowrap;height:44px;min-height:44px;padding:8px;font-size:13px}.compact-transport .checkbox{min-height:44px}.score-tools .round-status{white-space:nowrap;flex:0 0 90px;width:90px}.practice-focus .rhythm-player>.compact-transport:has(.mixer-panel[open]){grid-template-rows:64px auto;height:auto}.practice-focus .compact-transport .mixer-panel[open]{grid-area:2/1/auto/-1;width:100%;min-width:0;max-height:min(38dvh,320px);margin:4px 0;position:static;overflow:auto}.practice-focus .mixer-panel[open] .popover-body{width:100%;max-height:none;box-shadow:none;border:0;padding:8px 0;position:static;inset:auto;overflow:visible}@media (max-width:1000px){.practice-focus .rhythm-player>.compact-transport:has(.mixer-panel[open]){grid-template-rows:48px 48px auto}.practice-focus .compact-transport .mixer-panel[open]{grid-row:3}}@media (max-width:600px){.practice-focus .compact-transport .mixer-panel[open]{max-height:220px}}.form-markings{flex-wrap:wrap;align-items:center;gap:.25em;min-height:1.8em;font-size:12px;display:flex}.ending-bracket{border-top:1.5px solid;border-left:1.5px solid;flex:1;padding:2px 4px 0}.notation-event:has([aria-label^=Flam]){padding-left:12px}.form-markings{align-content:flex-start;height:3em}.form-symbol{font-family:Korpsklar Bravura;font-size:24px;line-height:1;display:inline-block;transform:translateY(10px)}.transport-play{justify-content:center;align-items:center;gap:8px;display:inline-flex}.transport-play svg{flex:0 0 16px}.mixer-panel .bass-support{border:0;margin:8px 0 0;padding:0}.mixer-panel .bass-support>label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.score-page-content{display:flow-root}.practice-mission{margin:4px 0}.practice-mission>summary{min-height:36px;padding:6px 8px;font-weight:650}.mission-body{border-left:3px solid var(--group-primary);background:#fff;max-height:260px;padding:12px;overflow:auto}.mission-body>label{flex-direction:column;margin:0 14px 8px 0;display:inline-flex}.mission-instruction{max-width:65ch}.original-map-canvas{line-height:0;position:relative}.original-map-canvas img{width:100%;height:auto;display:block}.original-map-canvas.drawing{touch-action:none;cursor:crosshair}.original-region{border:2px solid var(--group-primary);background:#b41e3014;border-radius:0;min-width:0;min-height:0;padding:0;position:absolute}.original-region span{color:#000;background:#fff;padding:2px;font-size:13px;line-height:1.2;position:absolute;top:0;left:0}.original-region.pending{pointer-events:none;border-style:dashed}.original-region.linked-active{background:#b41e3040;outline:3px solid #000}.form-repeat.linked-active{border:3px solid var(--group-primary);background:var(--group-primary-soft)}.visual-form-review{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start}.visual-form-review .transcription-original{position:sticky;top:8px}.form-repeat .form-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-repeat input{width:100%}.form-sequence p{overflow-wrap:anywhere;max-height:96px;font-size:14px;overflow:auto}@media (max-width:850px){.visual-form-review{grid-template-columns:1fr}.visual-form-review .transcription-original{position:static}}.original-map-canvas img{margin:0}.counting-lesson{border-block:1px solid var(--border);flex-shrink:0;order:-1;padding:4px 8px;font-size:13px}.lesson-choices{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lesson-choices label{align-items:center;gap:6px;display:flex}.lesson-choices select{max-width:200px;min-height:44px}.lesson-choices>details{position:relative}.lesson-explanation{z-index:20;border:1px solid var(--border);background:#fff;width:min(370px,85vw);max-height:45dvh;padding:12px;position:absolute;top:100%;right:0;overflow:auto;box-shadow:0 4px 16px #0002}.lesson-position{white-space:nowrap;height:24px;font-size:13px;overflow:hidden}.learning-count{color:#444;align-items:baseline;gap:2px;font-size:13px;line-height:20px;display:flex}.learning-count strong{border-bottom:2px solid var(--group-primary);color:#111;padding-inline:3px}.mission-catalog{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-block:16px;display:grid}.mission-catalog .button{margin:4px}.march-bridge{max-height:44px;overflow:auto}@media (max-width:600px){.lesson-explanation{width:auto;position:fixed;top:180px;left:16px;right:16px}.lesson-choices{gap:4px}.lesson-choices select{max-width:175px}.lesson-position{font-size:12px}}.header-anonymous{border-bottom:0;max-width:100%}.anonymous-links{align-items:center;gap:20px;display:flex}.anonymous-links>a:first-child,.anonymous-home>p:last-child a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.anonymous-home{border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-width:520px;margin:56px auto;padding:32px}.anonymous-home h1{margin:12px 0}.anonymous-home>p:last-child{margin:24px 0 0}.teacher-nav a{justify-content:center;align-items:center;min-width:96px;min-height:48px;display:inline-flex}.teacher-home .cards .card h2{margin-bottom:8px}.teacher-home .cards .card p{color:var(--muted);margin-bottom:0}.teacher-own-instrument,.teacher-own-entry{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.teacher-own-instrument{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface,#fff);justify-content:space-between;margin:16px 0;padding:14px 16px}.teacher-own-instrument h2{margin:0;font-size:1.15rem}.teacher-own-instrument [role=group]{gap:8px;display:flex}.teacher-own-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.teacher-own-progress .card{flex-direction:column;gap:3px;padding:12px;display:flex}.teacher-own-progress strong{font-size:1.35rem}.teacher-own-entry{margin:14px 0 20px}.teacher-own-mic-note{background:var(--surface,#fff);width:100%;color:var(--muted);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 12px;display:flex}.teacher-own-mic-note p{margin:0;font-size:.9rem}.teacher-own-home .home-practice-list{margin-top:22px}@media (max-width:600px){.teacher-own-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.teacher-own-progress .card{padding:8px;font-size:12px}.teacher-own-progress strong{font-size:1.1rem}.teacher-own-instrument{flex-direction:column;align-items:flex-start}.teacher-own-entry>a{flex:44%}}.more-exercises{border-top:1px solid var(--line);margin:30px 0;padding-top:20px}.counting-recommended{border-left:5px solid var(--group-primary);margin:0 0 34px}.counting-recommended h2{margin:8px 0}.counting-choices>h2{letter-spacing:-.5px;font-size:24px}.counting-choices .mission-catalog details>summary{cursor:pointer;align-items:center;min-height:48px;font-size:19px;font-weight:700;display:flex}.counting-choices .mission-catalog details>.button{width:100%;margin-top:10px;display:flex}@media (max-width:640px){.header-anonymous{padding:0 16px}.header-anonymous .corps-logo{width:42px;height:42px}.header-anonymous .group-name{font-size:9px}.anonymous-links{gap:12px}.anonymous-links .button{min-height:44px;padding:8px 12px}.anonymous-home{margin:24px 0;padding:24px}.teacher-nav a{min-width:88px}}.ensemble-quick-controls{border:0;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.35rem 1rem;margin:0;padding:.2rem .65rem;display:flex}.ensemble-quick-controls legend{padding:0;font-size:.78rem}.ensemble-quick-controls label{align-items:center;gap:.4rem;min-height:44px;display:flex}.tuplet-bracket{text-align:center;pointer-events:none;border-top:1px solid;font-size:.75rem;line-height:1;position:absolute;top:-.5rem}.notation:has(.tuplet-bracket){padding-top:14px}.score-system:has(.tuplet-bracket) .notation{padding-top:14px}:is(.notation:has(.tuplet-bracket) .notation-beams,.score-system:has(.tuplet-bracket) .notation-beams){top:21px}.tuplet-bracket{height:12px;top:0}.ensemble-quick-controls{border-color:var(--line);flex-shrink:0}.ensemble-quick-controls label{margin:0}@media (max-width:600px){.ensemble-quick-controls{gap:0 10px;padding:0 4px 4px}.ensemble-quick-controls label{min-height:44px;font-size:12px}.ensemble-quick-controls legend{font-size:11px}.mixer-panel table,.mixer-panel tbody{width:100%;min-width:0;display:block}.mixer-panel thead{display:none}.mixer-panel tr{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px 8px;padding:6px 0;display:grid}.mixer-panel th{text-align:left;grid-column:1/-1;padding:4px;font-size:12px}.mixer-panel td{border:0;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;padding:4px;display:flex}.mixer-panel td:before{content:attr(data-label);font-size:11px}.mixer-panel td:last-child:before{display:none}.mixer-panel input[type=range]{width:100%;min-width:0;margin:0}.mixer-panel td .button{width:100%;min-width:0;padding:6px;font-size:11px}.practice-focus .note-heading button{flex-shrink:0;max-width:115px}}.practice-focus.practice-design{padding:6px;overflow:auto}.practice-focus.practice-design.practice-expanded{flex-direction:column;height:100dvh;min-height:0;display:flex}.practice-focus.practice-design>article.card{min-height:0}.practice-focus.practice-design.practice-expanded>article.card{flex-direction:column;flex:auto;width:100%;height:auto;min-height:0;padding:4px;display:flex;overflow:visible}.practice-focus.practice-design .note-heading{flex-shrink:0;gap:8px;min-height:42px}.practice-focus.practice-design .note-heading h2{font-size:16px}.practice-focus.practice-design .note-heading p{margin:0;font-size:11px}.practice-focus.practice-design .note-heading .button{min-height:40px;padding:6px 10px}.practice-focus.practice-design .rhythm-player{flex-direction:column;gap:0;min-height:0;display:flex}.practice-focus.practice-design.practice-expanded .rhythm-player{flex:auto;height:100%}.practice-focus.practice-expanded .activity-finish{display:none}.practice-focus.practice-design .rhythm-player>.compact-transport{flex-wrap:nowrap;flex-shrink:0;order:-4;gap:8px;height:auto;min-height:48px;margin:4px 0;display:flex}.practice-focus.practice-design .compact-transport .transport-play{flex-shrink:0;order:-2;width:110px;font-size:16px}.practice-focus.practice-design .compact-transport .transport-group{flex:none;order:-2;gap:4px}.practice-focus.practice-design .compact-transport .transport-group .transport-play{width:72px;min-width:64px;min-height:48px}.practice-focus.practice-design .compact-transport .transport-group .transport-stop{width:48px;min-width:48px;min-height:48px;padding:6px}.practice-focus.practice-design .compact-transport .transport-tempo{flex-shrink:0;order:-1}.practice-focus.practice-design .compact-transport .transport-support{gap:4px;min-width:0;margin:0;font-size:13px;display:flex}.practice-focus.practice-design .compact-transport .transport-support select{width:auto;min-width:0;max-width:none;font-size:14px}.practice-focus.practice-design .compact-transport .mode-choice{flex:0 180px;width:auto}.practice-focus.practice-design .compact-transport .mode-choice select{max-width:none;font-size:14px}.practice-launchers{flex-wrap:wrap;flex-shrink:0;order:-3;align-items:center;gap:4px;padding:0 0 4px;display:flex}.practice-launchers button,.lesson-next button{min-height:40px;font:inherit;background:#fff;border:1px solid #d4dae3;border-radius:8px;padding:6px 10px;font-size:13px}.lesson-next button{border-color:var(--group-primary);background:var(--group-primary);color:#fff;min-height:48px;padding:10px 16px;font-size:15px;font-weight:750}.lesson-next button:hover{filter:brightness(.94)}.lesson-next button:focus-visible{outline-offset:2px;outline:3px solid #111}.transport-stop-glyph{place-items:center;min-width:24px;min-height:24px;font-size:22px;line-height:1;display:inline-grid}.transport-stop{min-height:48px}.practice-launchers button[aria-pressed=true]{background:var(--group-primary-soft);border-color:var(--group-primary);color:var(--group-primary-dark)}.practice-launchers .lesson-position{white-space:normal;height:auto;min-height:0;padding:0 4px;font-size:12px}.practice-launchers .lesson-position:empty{display:none}.practice-focus.practice-design .rhythm-player>.score-viewport{overscroll-behavior:contain;background:#edf0f5;border-radius:8px;flex:1 1 0;height:auto;min-height:140px;padding:3px;overflow:auto}.practice-focus.practice-design .score-page header{margin-bottom:4px;padding-bottom:3px}.practice-focus.practice-design .reading-page{padding:6px}.practice-focus.practice-design .reading-page .score-system{margin-bottom:12px}.practice-focus.practice-design .reading-page .score-staff h3{font-size:12px;line-height:18px}.lesson-next{background:#fff;flex-wrap:wrap;gap:6px;padding:10px;display:flex}.lesson-next p{flex-basis:100%;margin:2px 0;font-size:14px}.layout-explanation{background:#fff8db;margin:6px;padding:8px;font-size:13px}.notation-event[role=button]{cursor:help;border-radius:4px}.notation-event[role=button]:focus-visible{outline:2px solid var(--group-primary);outline-offset:-2px}.score-sign{font:inherit;color:inherit;cursor:help;background:0 0;border:0;min-height:26px;padding:2px 4px}.mission-catalog{align-items:start}.mission-catalog>details{min-height:0}.mission-catalog summary{min-height:44px}.mission-catalog summary small{color:var(--muted);padding-right:6px}@media (max-width:600px){.practice-focus.practice-design .compact-transport{gap:5px}.practice-focus.practice-design .compact-transport .transport-play{width:80px}.practice-focus.practice-design .compact-transport .transport-tempo{gap:3px;font-size:11px}.practice-focus.practice-design .compact-transport .transport-tempo input{width:55px}.practice-focus.practice-design .transport-support{flex:1;font-size:0!important}.practice-focus.practice-design .transport-support select{flex:1;padding:4px;font-size:13px!important}.practice-launchers{gap:3px}.practice-launchers button{padding:5px 7px;font-size:12px}}.score-bar{position:relative}.barline-help{z-index:2;background:0 0;border:0;width:14px;min-width:0;min-height:28px;padding:0;position:absolute;top:28px;bottom:8px;right:0}.barline-help:focus-visible{outline:2px solid var(--group-primary)}dialog .view-options-body{gap:12px;padding:0;display:flex}dialog .view-options-body>label{flex:150px}dialog .mix-grid{grid-template-columns:minmax(0,1fr)}.popover-body.practice-mix-body{width:100%;max-width:100%;max-height:none;box-shadow:none;border:0;padding:0;position:static;overflow:visible}@media (max-width:600px){dialog .ensemble-quick-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}dialog .ensemble-quick-controls label{white-space:normal;min-width:0;line-height:1.25}dialog .ensemble-quick-controls input{flex-shrink:0}}@media (orientation:landscape) and (max-height:520px) and (min-width:600px){.practice-focus.practice-design .note-heading h2{margin:0;line-height:1.2}.practice-focus.practice-design .note-heading p{line-height:1.2}.practice-focus.practice-design .rhythm-player{grid-template-rows:auto minmax(140px,1fr);grid-template-columns:minmax(0,1fr) 320px;column-gap:4px;display:grid}.practice-focus.practice-design .rhythm-player>.compact-transport{grid-area:1/1;gap:4px;min-width:0}.practice-focus.practice-design .compact-transport .transport-play{width:80px}.practice-focus.practice-design .transport-tempo{gap:2px;font-size:12px}.practice-focus.practice-design .compact-transport .transport-support{gap:0;font-size:0}.practice-focus.practice-design .transport-tempo input{width:55px;font-size:14px}.practice-focus.practice-design .compact-transport .transport-support{flex:1}.practice-focus.practice-design .transport-support select{width:100%;padding-inline:4px;font-size:13px}.practice-focus.practice-design .practice-launchers{grid-area:1/2;align-content:center;gap:3px;padding:0}.practice-focus.practice-design .practice-launchers button{padding:5px 6px;font-size:12px}.practice-focus.practice-design .rhythm-player>.score-viewport{grid-area:2/1/auto/-1}.practice-focus.practice-design .reading-page header{border:0;margin:0;padding:0;position:absolute;top:6px;right:6px}.practice-focus.practice-design .reading-page .score-system:first-of-type .score-staff:first-child h3{padding-right:175px}}.practice-focus.practice-design .compact-transport .transport-play{width:88px}.practice-focus.practice-design .compact-transport .transport-stop{flex-shrink:0;min-width:0;padding:6px 8px}.practice-focus.practice-design .note-heading .expand-score{max-width:150px;font-size:12px}.practice-expanded .note-heading p{display:none}.score-page .measure-number{z-index:3;height:28px;line-height:26px;position:relative}.score-page .measure-number .score-sign{align-items:center;min-width:28px;min-height:26px;padding:0 4px;line-height:26px;display:inline-flex}.score-system.current-system{border-left-color:var(--group-primary)}.score-bar.current-measure{background:#fff5f4}.score-bar.upcoming-measure{background:#edf7e8;transition:background-color .22s}.score-bar.upcoming-measure:before{content:"↓";color:#2d6c28;font-size:16px;position:absolute;top:2px;left:34px}.score-jump-notice{z-index:20;color:#244f20;pointer-events:none;background:#edf7e8;border-radius:999px;width:max-content;max-width:min(80%,240px);height:0;margin-left:auto;padding:0 8px;font-size:12px;font-weight:750;line-height:26px;display:block;position:sticky;top:2px;left:100%;overflow:visible}.staff-repeat{z-index:4;pointer-events:none;align-items:flex-start;display:flex;position:absolute;top:0;bottom:0}.staff-repeat-start{left:-3px}.staff-repeat-end{right:-3px}.staff-repeat .score-sign{pointer-events:auto;align-items:center;min-width:18px;height:65px;padding:0;display:flex}.staff-repeat .form-symbol{font-size:48px;line-height:1}@media (max-width:420px){.practice-focus.practice-design .compact-transport{gap:3px}.practice-focus.practice-design .compact-transport .transport-play{width:70px;font-size:14px}.practice-focus.practice-design .compact-transport .transport-stop{padding:5px;font-size:12px}}.practice-focus.practice-design.practice-embedded{z-index:auto;height:min(640px,72dvh);min-height:360px;position:relative;inset:auto}.score-page .form-markings{height:auto;min-height:0;position:absolute;top:28px;left:0;right:0}.score-system:has(.form-markings:not(:empty)) .notation{margin-top:30px}.fullscreen-status{color:var(--muted);font-size:11px;line-height:1.2;display:block}.score-page .learning-count{position:absolute;top:2px;right:8px}.practice-expanded .note-heading{display:none}.practice-expanded .focus-actions>.focus-exit{padding-block:3px;line-height:16px}.practice-expanded .practice-launchers>.focus-back .button{place-items:center;min-width:40px;min-height:44px;padding:6px;display:inline-grid}.activity-overview{gap:14px;min-width:0;display:grid}.activity-summary{background:#fff;border:1px solid #d9dfe7;border-radius:14px;padding:14px}.activity-summary h2{margin:0 0 8px;font-size:1.05rem}.activity-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.activity-summary-grid article{background:#f6f8fb;border-radius:9px;gap:2px;min-width:0;padding:10px;display:grid}.activity-summary-grid strong{font-size:1.1rem}.activity-summary-grid span{color:#525252;font-size:.82rem}.activity-number-notes{color:#525252;font-size:.88rem}.activity-number-notes summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.activity-filters{background:#f8fafc;border:1px solid #d9dfe7;border-radius:12px;flex-wrap:wrap;align-items:end;gap:10px;margin-block:8px;padding:12px;display:flex}.activity-filters label{gap:4px;min-width:min(100%,170px);display:grid}.activity-filters input,.activity-filters select{min-height:44px}.activity-pupils{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;display:grid}.activity-pupil{background:#fff;border:1px solid #d9dfe7;border-radius:14px;min-width:0;padding:14px;box-shadow:0 2px 8px #172b4309}.activity-pupil.selected{border:2px solid var(--group-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--group-primary) 10%, transparent);padding:13px}.activity-name{text-align:left;width:100%;min-height:44px;color:var(--design-ink,#202a38);background:0 0;border:0;font-size:1.12rem;font-weight:750}.activity-pupil dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;display:grid}.activity-pupil dl div{background:#f6f8fb;border-radius:9px;min-width:0;margin:0;padding:9px}.activity-pupil dt{color:#525252;font-size:.78rem}.activity-pupil dd{overflow-wrap:anywhere;margin:3px 0 0;font-weight:700}.activity-details{background:#fff;border:1px solid #d9dfe7;border-radius:16px;margin-block:12px;padding:clamp(14px,3vw,24px)}.activity-details h2{margin-top:0}.activity-history{padding:0;list-style:none}.activity-history li{border-bottom:1px solid var(--border,#ddd);padding:16px 12px}.activity-history li:nth-child(odd){background:#f8fafc}.activity-history p{margin-block:6px}.activity-rewards{margin-block:24px}.activity-rewards>summary{cursor:pointer;padding:12px;font-size:1.2rem;font-weight:700}@media (max-width:600px){.activity-pupil dl{grid-template-columns:1fr 1fr}.activity-filters>button{flex:100%}.activity-details{margin-inline:-4px}.activity-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:is(body:has(.music-game-shell)>*>.header,body:has(.music-game-shell) .header,body:has(.music-game-shell) .bottom-nav){display:none}body:has(.music-game-shell) .header>.student-star-counter{display:none}body:has(.music-game-shell) main{width:100%;max-width:none;margin:0;padding:0}body:has(.music-game-shell) .impersonation-banner{min-height:0;padding:4px 12px;font-size:12px;position:relative}body:has(.music-game-shell) .impersonation-banner strong{font-weight:750}:is(body:has(.music-game-shell) .impersonation-game-label,body:has(.music-game-shell) .impersonation-return-compact){display:inline}:is(body:has(.music-game-shell) .impersonation-banner-full,body:has(.music-game-shell) .impersonation-banner-compact,body:has(.music-game-shell) .impersonation-return-full){display:none}body:has(.music-game-shell) .impersonation-banner button{min-height:34px;padding:4px 9px}body:has(.music-game-shell) .impersonation-banner button{min-height:40px}body:has(.music-game-shell):has(.impersonation-banner){padding-top:0}body:has(.music-game-shell) .impersonation-banner-full{display:none}body:has(.music-game-shell) .impersonation-banner-compact{display:inline}.practice-focus article>p.sound-sensor-status{display:block}
.auth-card{background:#fff;border:1px solid #ccc;max-width:480px;margin:2rem auto;padding:1rem}.auth-card form,.user-create{gap:12px;display:grid}.auth-card label,.user-create label{gap:4px;display:grid}.auth-card input{width:100%;min-height:44px}.account-menu{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.account-menu button,.impersonation-banner button{min-height:44px}.impersonation-game-label,.impersonation-return-compact{display:none}.impersonation-banner{z-index:100;background:#fff5dc;border-bottom:2px solid #333;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:4px 12px;font-size:14px;display:flex;position:fixed;top:0;left:0;right:0}.impersonation-banner-compact{display:none}body:has(.practice-expanded) .impersonation-banner{gap:4px;min-height:38px;padding:2px 8px;font-size:12px}body:has(.practice-expanded) .impersonation-banner button{min-height:32px;padding-block:3px;font-size:12px}body:has(.practice-expanded) .impersonation-banner-full{display:none}body:has(.practice-expanded) .impersonation-banner-compact{display:inline}body:has(.music-game-shell) .impersonation-banner{justify-content:center;gap:8px;min-height:38px;padding:2px 8px;font-size:12px;display:flex;position:relative}:is(body:has(.music-game-shell) .impersonation-game-label,body:has(.music-game-shell) .impersonation-return-compact){display:inline}:is(body:has(.music-game-shell) .impersonation-banner-full,body:has(.music-game-shell) .impersonation-banner-compact,body:has(.music-game-shell) .impersonation-return-full){display:none}body:has(.music-game-shell) .impersonation-banner button{min-height:32px;padding:3px 9px;font-size:12px}body:has(.impersonation-banner){padding-top:var(--account-banner-height,52px)}body:has(.impersonation-banner) .practice-focus{top:var(--account-banner-height,52px);height:calc(100dvh - var(--account-banner-height,52px))}.user-row{border-bottom:1px solid #ccc;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;display:flex}.user-row input{min-width:120px}.admin-panel{gap:16px;display:grid}.activation-code{overflow-wrap:anywhere;border:2px solid #555;padding:12px}.assigned-tasks .card{width:100%;min-height:44px;margin-block:12px;text-decoration:none;display:block}.assigned-tasks .card p{margin-bottom:0}@media (min-width:760px){.user-create{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(110px,.6fr) auto;align-items:end}.user-create h2{grid-column:1/-1;margin:0}.user-create label{margin:0}.user-create input,.user-create select,.user-create button{min-height:48px;margin:0}}
.game-home-art{object-fit:contain;align-self:center;width:min(30%,170px);height:auto;max-height:140px}:root{--design-ink:#111b32;--design-muted:#54627b;--design-paper:#f5f7fa;--design-border:#dfe4ed;--design-pink:#fff4f6;--design-success:#207650}.design-page{color:var(--design-ink);max-width:1280px;margin:0 auto;font-size:16px}.design-heading{margin:16px 0 26px}.design-heading h1{letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(30px,3.2vw,44px);font-weight:800;line-height:1.15}.design-heading p{color:var(--design-muted);margin:0;font-size:20px}.design-panel{border:1px solid var(--design-border);background:#fff;border-radius:14px;min-width:0;padding:26px}.design-panel h2{letter-spacing:-.025em;margin:0;font-size:25px;font-weight:750;line-height:1.2}.design-panel h3{letter-spacing:-.025em;margin:10px 0;font-size:24px;line-height:1.25}.design-panel p{color:var(--design-muted);line-height:1.5}.panel-title{align-items:center;gap:16px;margin-bottom:18px;display:flex}.mark-icon{flex-shrink:0;width:34px;height:34px}.icon-disc{width:68px;height:68px;color:var(--group-primary);background:#fcecf0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-disc.success{color:var(--design-success);background:#e9f5ed}.icon-disc.gold{color:#c08400;background:#fff5df}.home-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:22px;display:grid}.daily-panel{background:#fff8fa;padding:30px}.daily-content{justify-content:space-between;align-items:center;gap:15px;min-height:170px;display:flex}.music-illustration{flex-shrink:0;width:210px;max-width:38%;height:auto}.design-page .primary-play{border-radius:10px;justify-content:center;gap:22px;width:100%;min-height:88px;margin:10px 0;font-size:30px;font-weight:750;display:flex}.home-secondary-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;display:grid}.weekly-choice{color:inherit;align-items:center;gap:20px;text-decoration:none;display:flex}.weekly-choice .music-illustration{width:165px}.mission-panel{background:var(--design-pink);align-items:center;display:flex}.mission-panel .mark-icon{color:#d49812}.effort-strip{align-items:center;gap:22px;margin-top:22px;display:flex}.effort-strip a{margin-left:auto}.teacher-message{border-left:3px solid var(--group-primary);padding-left:12px}.success-message{background:#edf8f1;border:1px solid #8ac6a4;border-radius:9px;padding:14px;color:#195739!important}.design-page .more-exercises{margin:24px 0}.design-page .button{min-height:46px}.activity-finish{padding:4px 0}.activity-finish summary{align-items:center;min-height:44px;font-weight:650;display:flex}.activity-finish-body{border:1px solid var(--design-border);background:#fff;border-radius:10px;padding:12px}.activity-finish-body label{display:block}.activity-finish-body select{max-width:100%}.practice-focus .activity-finish{flex-shrink:0}.practice-focus .activity-finish[open]{max-height:35vh;overflow:auto}.development-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.development-wide{grid-column:span 2}.activity-number{font-size:54px;font-weight:800;line-height:1.2}.badge-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.badge-tile{border:1px solid var(--design-border);text-align:center;border-radius:12px;padding:18px}.badge-tile h3{font-size:19px}.badge-tile .icon-disc{margin:0 auto}.badge-tile p{font-size:14px}.badge-tile .button{width:100%}.reward-list{gap:12px;display:grid}.reward-item{border:1px solid var(--design-border);border-radius:10px;padding:16px}.reward-item h3{font-size:20px}.development-grid section{margin-bottom:0}.reward-admin-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.reward-admin-grid label{display:block}.reward-admin-grid textarea,.reward-admin-grid input,.reward-admin-grid select{width:100%}.reward-admin-grid input[type=checkbox]{width:auto}.reward-admin-grid details{margin:14px 0}.reward-admin-grid summary{min-height:44px;font-weight:650}.reward-admin-grid form{gap:10px;display:grid}.reward-admin-grid .button{width:fit-content}@media (max-width:850px){.home-main-grid,.home-secondary-grid,.reward-admin-grid{grid-template-columns:1fr}.development-grid{grid-template-columns:1fr 1fr}.development-wide{grid-column:1/-1}.design-panel{padding:20px}.effort-strip{flex-wrap:wrap}.effort-strip a{margin-left:0}}@media (max-width:520px){.design-heading p{font-size:17px}.daily-panel .panel-title h2{font-size:27px}.daily-content{min-height:145px}.daily-content h3{font-size:23px}.design-page .primary-play{min-height:72px;font-size:25px}.design-panel{padding:18px}.icon-disc{width:52px;height:52px}.development-grid{grid-template-columns:1fr}.development-wide{grid-column:auto}.home-main-grid,.home-secondary-grid{gap:16px}.badge-grid{grid-template-columns:1fr 1fr}.badge-tile{padding:10px}.design-panel h2{font-size:23px}}body:has(.design-page){background:var(--design-paper)}body:has(.design-page) .header{border-bottom:1px solid var(--design-border);background:#fff;max-width:none;margin:0;padding:12px 30px}body:has(.design-page) main{max-width:1280px;padding-top:30px}body:has(.design-page) .bottom-nav{color:var(--design-ink);border:1px solid var(--design-border);background:#fff;box-shadow:0 1px 8px #15213912}body:has(.design-page) .bottom-nav a{color:var(--design-ink);border-radius:9px}body:has(.design-page) .bottom-nav a:hover{background:var(--design-pink);color:var(--group-primary)}.activity-number small{margin-left:10px;font-size:24px;display:inline}.home-main-grid,.home-secondary-grid{align-items:start}.design-page .design-panel{margin-bottom:0}@media (min-width:1000px){body:has(.design-page):has(.bottom-nav) main{max-width:none;margin-left:135px;margin-right:24px}body:has(.design-page) .bottom-nav{width:105px;box-shadow:none;border-width:0 1px 0 0;border-radius:0;flex-direction:column;justify-content:flex-start;gap:18px;margin:0;padding:16px 8px;display:flex;position:fixed;inset:91px auto 0 0;transform:none}body:has(.design-page) .bottom-nav a{flex-direction:column;justify-content:center;gap:10px;width:88px;min-height:84px;font-size:28px;display:flex}body:has(.design-page) .bottom-nav a span{text-align:center;font-size:14px;line-height:1.2}}@media (max-width:600px){.header{grid-template-columns:minmax(100px,1fr) auto;gap:12px;display:grid}body:has(.design-page) .header{padding:10px 16px}.account-menu{grid-template-columns:auto auto;justify-content:end;gap:4px 8px;max-width:170px;font-size:13px;display:grid}.account-menu>span{white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;max-width:160px;overflow:hidden}.account-menu>a{align-items:center;min-height:44px;display:flex}.brand-lockup{min-width:0}.brand{font-size:22px}.group-name{font-size:8px}.corps-logo{width:36px;height:36px}body:has(.design-page) main{padding-top:22px}}.auth-card label.checkbox{align-items:center;gap:.75rem;min-height:44px;display:flex}.auth-card label.checkbox input[type=checkbox]{flex:0 0 22px;width:22px;height:22px;min-height:22px;margin:0}.success-message{color:#205736;background:#edf7f0;border:1px solid #a6cbb2;border-radius:.6rem;padding:.8rem 1rem}.measure-buttons{flex-wrap:wrap;gap:.4rem;display:flex}.measure-buttons button{min-width:44px;min-height:44px;color:var(--text);background:#fff;border:1px solid #9ea5af;border-radius:.4rem}.measure-buttons button[aria-pressed=true]{color:#183d61;background:#daeaf8;border:2px solid #326b99}.measure-buttons button.range-start{outline:3px solid var(--group-primary);outline-offset:2px}.original-region.range-selected{background:#3782bd40;border:3px solid #326b99}.advanced-music{margin-block:1rem}.advanced-music>summary{cursor:pointer;min-height:44px;padding:.6rem;font-weight:700}.home-main-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);align-items:stretch}.daily-panel{flex-direction:column;padding:30px 34px;display:flex}.daily-panel .panel-title{margin-bottom:8px}.daily-panel .panel-title h2{font-size:38px}.daily-content{flex:1;min-height:185px}.daily-content>div{flex:1;min-width:0}.daily-content .music-illustration{width:250px;max-width:40%}.daily-content h3{font-size:29px}.design-page .primary-play{gap:24px;min-height:110px;margin:16px 0 0;font-size:36px;box-shadow:0 3px #881f36}.primary-play span{font-size:44px}.home-secondary-grid{grid-template-columns:1fr 1.08fr;align-items:stretch;margin-top:0}.home-main-grid>.home-secondary-grid{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;display:grid}.home-main-grid>.home-secondary-grid>.design-panel{min-height:0}.home-secondary-grid .design-panel{min-height:205px}.mission-panel{justify-content:space-between}.weekly-choice .music-illustration{background:#edf6f0;border-radius:12px;width:145px}.effort-strip{padding-block:18px}.effort-strip p{margin:6px 0 0}body:has(.design-page) .bottom-nav a[aria-current=page]{color:var(--group-primary);background:#fce9ee;font-weight:750}.bottom-nav .mark-icon{width:28px;height:28px}.account-control{max-width:350px;color:var(--design-ink);position:relative}.account-control>summary{cursor:pointer;align-items:center;gap:12px;min-height:52px;list-style:none;display:flex}.account-menu-icon{display:none}.account-control>summary::-webkit-details-marker{display:none}.profile-emblem{width:48px;height:48px;color:var(--group-primary);background:#f0f3f8;border:3px solid #fff;border-radius:50%;flex-shrink:0;place-items:center;font-weight:750;display:grid;box-shadow:0 0 0 1px #e2e7ed}.profile-name{overflow-wrap:anywhere;min-width:0;max-width:240px;font-weight:700;line-height:1.3}.profile-name small{color:var(--design-muted);font-size:13px;font-weight:400;display:block}.account-options{z-index:90;border:1px solid var(--design-border);background:#fff;border-radius:12px;width:min(245px,100vw - 24px);padding:10px;position:absolute;top:100%;right:0;box-shadow:0 6px 22px #16233a22}.account-options a,.account-options button{width:100%;min-height:46px;color:var(--design-ink);font:inherit;cursor:pointer;background:#fff;border:0;border-radius:8px;align-items:center;padding:10px 14px;text-decoration:none;display:flex}.account-options a:hover,.account-options button:hover{background:var(--design-pink)}.account-options p{padding:0 12px;font-size:14px}@media (min-width:1000px){body:has(.design-page) .bottom-nav{top:var(--account-top-height,88px)}body:has(.design-page) main{padding-top:28px}}@media (max-width:999px){.home-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:16px}.daily-panel{padding:24px}.daily-panel .panel-title h2{font-size:30px}.daily-content{min-height:155px}.daily-content h3{font-size:25px}.design-page .primary-play{min-height:90px;font-size:30px}body:has(.design-page) main{padding-bottom:calc(110px + env(safe-area-inset-bottom))}}@media (max-width:650px){.design-heading{margin:8px 0 18px}.design-heading h1{overflow-wrap:anywhere;font-size:30px}.design-heading p{font-size:17px}.home-main-grid,.home-secondary-grid,.home-main-grid>.home-secondary-grid{display:contents}.student-home{flex-direction:column;gap:16px;display:flex}.student-home .design-heading{order:0}.student-home .daily-panel{order:1}.student-home .home-secondary-grid>.design-panel{order:2}.student-home .effort-strip{order:3}.student-home .more-exercises{order:4}.daily-panel{padding:20px}.daily-panel .panel-title{gap:12px}.daily-panel .panel-title h2{font-size:28px}.daily-content{min-height:0;padding-top:4px;display:block;position:relative}.daily-content>div{z-index:1;position:relative}.daily-content .music-illustration{width:66px;max-width:none;position:absolute;top:-68px;right:-4px}.daily-panel .panel-title{padding-right:56px}.daily-panel .panel-title .icon-disc{display:none}.daily-content h3{margin:12px 0 8px;font-size:24px}.daily-content p{margin:8px 0}.design-page .primary-play{min-height:78px;font-size:28px}.primary-play span{font-size:32px}.home-secondary-grid .design-panel{min-height:0;padding:20px}.weekly-choice .music-illustration{width:90px;max-width:30%}.weekly-choice{gap:14px}.weekly-choice h3{font-size:21px}.weekly-choice p{margin:6px 0}.mission-panel .music-illustration{width:90px;max-width:28%}.mission-panel h3{font-size:23px}.account-menu.account-control{max-width:180px;font-size:14px;display:block}.account-control>summary{gap:7px}.profile-emblem{width:38px;height:38px}.profile-emblem .mark-icon{width:26px;height:26px}.profile-name{max-width:112px}.profile-name small{font-size:12px}body:has(.design-page) .header{padding:10px 12px}.bottom-nav a{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.bottom-nav .mark-icon{width:23px;height:23px}}@media (max-width:640px){body:has(.header) .header:has(.account-control){grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;height:58px;min-height:58px;padding:4px 10px;display:grid}body:has(.header) .header:has(.account-control) .brand-lockup{gap:6px}body:has(.header) .header:has(.account-control) .corps-logo{width:36px;height:36px}body:has(.header) .header:has(.account-control) .group-name{display:none}body:has(.header) .header:has(.account-control) .account-control{max-width:48px;margin-left:0}body:has(.header) .header:has(.account-control) .account-options{width:min(245px,100vw - 24px);max-width:calc(100vw - 24px);position:fixed;top:62px;left:auto;right:12px}body:has(.header) .header:has(.account-control) .account-control>summary{justify-content:center;gap:0;min-width:44px;min-height:44px}:is(body:has(.header) .header:has(.account-control) .profile-emblem,body:has(.header) .header:has(.account-control) .profile-name,body:has(.header) .header:has(.account-control) .account-menu-chevron){display:none}body:has(.header) .header:has(.account-control) .account-menu-icon{place-items:center;width:44px;height:44px;font-size:25px;font-weight:700;display:grid}}@media (max-width:650px){.account-control .profile-name{white-space:nowrap;text-overflow:ellipsis;max-width:100px;display:block;overflow:hidden}.account-control .profile-name small{text-overflow:ellipsis;overflow:hidden}body:has(.design-page) .header{height:auto;min-height:78px}}.music-metadata{color:var(--design-muted);font-size:16px;line-height:1.5}@media (min-width:601px) and (max-width:999px){.home-main-grid{grid-template-columns:minmax(0,1fr)}.home-main-grid>.home-secondary-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.daily-content{grid-template-columns:minmax(0,1fr) 150px}.weekly-choice{grid-template-columns:90px minmax(0,1fr)}.weekly-choice .music-illustration{width:90px}}.profile-emblem>svg{flex:none;width:38px;height:44px}.symbol-help{border:1px solid var(--design-border);background:#f4f7fa;border-radius:12px;margin-block:12px;padding:12px 16px}.symbol-help summary{cursor:pointer;align-content:center;min-height:44px;font-weight:700}.symbol-help-grid{gap:10px;display:grid}.symbol-help-grid>section{grid-template-columns:90px minmax(0,1fr);align-items:center;gap:12px;display:grid}.symbol-help-grid p{margin:4px 0}.symbol-example{pointer-events:none;overflow:hidden}.symbol-example .notation{min-width:0;margin:0}.symbol-example .count,.symbol-example .rest-label{display:none}.roll-preview{border:1px solid var(--design-border);border-radius:12px;margin-block:12px;padding:14px}.practice-design{color:var(--design-ink)}.practice-design>.card{border:1px solid var(--design-border);background:#fff;border-radius:16px}.practice-design.practice-focus{background:var(--design-paper)}.practice-design .note-heading{border-bottom:1px solid var(--design-border);background:#fff}.practice-design .transport-controls{background:#fff}.counting-design .counting-recommended{max-width:850px;margin-block:22px}.counting-design .primary-play{width:min(100%,430px)}.counting-design .mission-catalog{margin-block:20px}:is(body:has(.music-game-shell)>*>header.header,body:has(.music-game-shell) header.header,body:has(.music-game-shell) nav.bottom-nav){display:none!important}body:has(.music-game-shell) main{width:100%;max-width:none;margin:0;padding:0}
.v2-enabled{--v2-red:#b52f3c;--v2-dark:#a31b29;color:#202126;background:#f3f3f3}.v2-enabled .header{background:#fff;border-bottom:1px solid #e4e4e4}.v2-enabled .brand{color:#202126;font-weight:800}.v2-enabled .group-name,.v2-teacher-actor .header>.student-star-counter{display:none}.v2-enabled main{max-width:1160px;margin:0 auto;padding:0 20px 112px}.v2-page{padding:28px 0 48px}.v2-page h1{margin:0 0 24px;font-size:clamp(1.8rem,4vw,2.45rem);line-height:1.12}.v2-page h2{margin:0 0 12px;font-size:1.15rem;line-height:1.3}.v2-page p{line-height:1.45}.v2-kicker{letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px;font-size:.76rem;font-weight:800;display:block}.v2-feature{color:#fff;background:linear-gradient(135deg,#a82433,#ca4052);border-radius:28px;min-height:230px;padding:28px;box-shadow:0 7px #dfd4d4}.v2-feature p{margin-bottom:24px}.v2-action{min-height:48px;color:var(--v2-dark);background:#fff;border-radius:11px;align-items:center;padding:10px 18px;font-weight:800;text-decoration:none;display:inline-flex}.v2-action:hover,.v2-action:focus-visible{background:#fff4e8}.v2-student-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);align-items:start;gap:22px;display:grid}.v2-side{gap:18px;display:grid}.v2-box{background:#fff;border:1px solid #e1e1e1;border-radius:20px;padding:22px}.v2-feature+.v2-box{margin-top:20px}.v2-game{color:#fff;background:#2f1b3e;border-radius:18px;align-items:center;gap:14px;min-height:128px;padding:12px 18px 12px 8px;text-decoration:none;display:flex}.v2-game img{object-fit:cover;border-radius:13px;width:110px;height:110px}.v2-game strong{flex:1;font-size:1.35rem}.v2-game span{font-size:1.5rem}.v2-progress p{margin:0 0 18px}.v2-progress a,.v2-box a,.v2-heading a{color:var(--v2-dark);font-weight:700}.v2-row{border-top:1px solid #e8e8e8;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:12px 0;text-decoration:none;display:flex}.v2-row span{flex:none;font-size:.85rem}.v2-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.v2-heading h1{margin-bottom:12px}.v2-heading>a{padding:12px 0}.v2-context{color:#555;margin:0 0 20px}.v2-groups{gap:9px;padding-bottom:4px;display:flex;overflow-x:auto}.v2-groups a{color:#202126;background:#fff;border:1px solid #d7d7d7;border-radius:24px;flex:none;align-items:center;min-height:44px;padding:8px 17px;text-decoration:none;display:inline-flex}.v2-groups a[aria-current=page]{border-color:var(--v2-red);color:var(--v2-dark);background:#f9e7e9;font-weight:700}.v2-teacher-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.v2-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.v2-unavailable{color:#595959;font-size:.9rem}.v2-text-link{align-items:center;min-height:44px;display:inline-flex}.v2-bottom-nav{z-index:40;padding:9px max(10px, env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dedede;justify-content:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.v2-bottom-nav a{color:#3a3a3a;text-align:center;border-radius:11px;justify-content:center;align-items:center;min-height:48px;padding:8px 13px;font-weight:700;text-decoration:none;display:flex}.v2-bottom-nav a[aria-current=page]{color:var(--v2-dark);background:#fae8ea}.v2-bottom-nav .v2-workspace{color:var(--v2-dark);border-left:1px solid #ddd}@media (max-width:700px){.v2-enabled main{padding:0 16px 112px}.v2-page{padding-top:24px}.v2-student-grid,.v2-teacher-grid{grid-template-columns:1fr}.v2-feature{min-height:0;padding:24px 21px}.v2-heading{flex-wrap:wrap}.v2-bottom-nav a{flex:1;min-width:0;padding:6px 4px;font-size:.76rem}.v2-bottom-nav .v2-workspace{flex:1.2}}@media (max-width:640px){.v2-enabled .header:has(.account-control){grid-template-columns:minmax(0,1fr) auto auto auto}}@media (max-width:370px){.v2-enabled main{padding-inline:12px}.v2-bottom-nav a{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.v2-enabled *,.v2-enabled :before,.v2-enabled :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.v2-enabled{background:#f4f4f5}.v2-enabled .header{max-width:none;height:76px;padding:0 34px}.v2-enabled .v2-top-label{margin-right:auto;font-size:16px}.v2-enabled .header>.student-star-counter{display:none}.v2-workspace-select,.v2-group-select{color:#202126;min-height:44px;font:inherit;background:#fff;border:1px solid #dedee3;border-radius:8px;padding:8px 12px;font-size:14px}.v2-workspace-select{max-width:190px}.v2-enabled .header .account-control,.v2-enabled .header .v2-workspace-select{margin-left:auto}.v2-enabled .header .v2-workspace-select+.account-control{margin-left:0}.v2-enabled main{width:100%;max-width:1280px;padding:0 36px 90px}.v2-page{padding-top:32px}.v2-page h1{margin-bottom:0;font-size:clamp(28px,3.3vw,42px)}.v2-heading{margin-bottom:28px}.v2-teacher .v2-heading{margin-bottom:43px}.v2-group-tools{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.v2-group-tools a,.v2-panel-heading a{color:#a31b29;font-size:14px;font-weight:750}.v2-later{color:#60616a;font-size:13px;font-weight:700}.v2-group-select{min-width:260px}.v2-tabs{border-bottom:1px solid #dedee3;gap:22px;margin-bottom:26px;display:flex}.v2-tabs :is(span,a){color:#202126;align-items:center;min-height:46px;font-size:14px;font-weight:750;text-decoration:none;display:inline-flex}.v2-tabs [aria-current=page]{color:#a31b29;border-bottom:3px solid #b52f3c}.v2-feature{box-shadow:none;background:#b52f3c;border-radius:16px;position:relative;overflow:hidden}.v2-feature h2{font-size:clamp(24px,2.7vw,30px)}.v2-feature :is(h2,p,.v2-kicker,.v2-feature-actions,.v2-action){z-index:1;position:relative}.v2-note-art{color:#fff;width:150px;height:150px;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.v2-teacher-feature{min-height:190px;margin-bottom:24px;padding:25px 30px}.v2-teacher-feature h2{margin:0 0 8px}.v2-teacher-feature p{margin:0}.v2-feature-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.v2-action{min-height:46px;box-shadow:none;border:0;border-radius:9px;font-size:14px}.v2-action:disabled{opacity:.65;cursor:not-allowed}.v2-teacher-grid{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:24px}.v2-box{border:1px solid #dedee3;border-radius:18px;padding:24px;box-shadow:0 3px 12px #28193605}.v2-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.v2-panel-heading h2{margin:0}.v2-task-row,.v2-student-row{border-top:1px solid #dedee3;align-items:center;gap:14px;padding:17px 0;display:flex}.v2-task-row:first-of-type,.v2-student-row:first-of-type{border-top:0}.v2-task-row>div{flex:1;min-width:0}.v2-task-row h3{margin:0 0 5px;font-size:17px}.v2-task-row p{color:#60616a;margin:0;font-size:13px}.v2-task-icon{color:#b52f3c;background:#f8eaec;border-left:4px solid #b52f3c;border-radius:7px 12px 12px 7px;flex:none;place-items:center;width:56px;height:56px;font-size:24px;display:grid}.v2-outline-action{background:#fff;border:1px solid #dedee3;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:9px 15px;font-size:14px;font-weight:750;text-decoration:none;display:inline-flex;color:#202126!important}.v2-student-row>strong{flex:1;min-width:0;font-size:15px}.v2-side-avatar{color:#4d3852;background:#ece6ed;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:750;display:grid}.v2-unavailable{margin-top:18px}.v2-student-grid{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:20px 24px}.v2-student-feature{grid-area:1/1/auto/-1;min-height:220px}.v2-student-feature h2,.v2-student-feature p{max-width:calc(100% - 95px)}.v2-student-feature .v2-note-art{width:105px;height:105px;right:20px}.v2-student-grid>.v2-game{grid-area:2/1;align-self:stretch}.v2-student-grid>.v2-progress{grid-area:2/2}.v2-student-grid>.v2-extra-tasks{grid-area:3/1}.v2-progress-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.v2-progress-line .student-star-counter{background:0 0;border:0;min-height:38px;padding:0}.v2-progress-line a{font-size:14px}.v2-progress .v2-small{color:#60616a;margin:8px 0 0;font-size:13px}.v2-student>h1{margin-bottom:26px}@media (min-width:701px){body.v2-enabled{grid-template-rows:76px minmax(calc(100dvh - 76px),auto);grid-template-columns:216px minmax(0,1fr);min-height:100dvh;display:grid}.v2-enabled .header{grid-area:1/2;margin:0}.v2-enabled .header>.brand-lockup{display:none}.v2-enabled main{grid-area:2/2;margin:0 auto}.v2-bottom-nav{background:#fff;border:0;border-right:1px solid #dedee3;flex-direction:column;grid-area:1/1/3;justify-content:flex-start;align-self:start;gap:10px;width:216px;height:100dvh;padding:28px 16px 18px;display:flex;position:sticky;inset:0 auto auto}.v2-side-brand{align-items:center;gap:10px;margin-bottom:14px;font-size:19px;font-weight:800;text-decoration:none;display:flex}.v2-side-brand img{background:#202126;border-radius:50%;width:56px;height:56px;padding:3px}.v2-side-label{letter-spacing:.13em;text-transform:uppercase;padding:0 12px;font-size:11px;font-weight:800}.v2-nav-links{gap:6px;display:grid}.v2-nav-links a{color:#202126;border-radius:9px;justify-content:flex-start;align-items:center;gap:11px;min-height:48px;padding:12px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.v2-nav-links a[aria-current=page]{color:#a31b29;background:#f8eaec}.v2-nav-links svg{flex:none;width:22px;height:22px}.v2-side-bottom{gap:12px;margin-top:auto;display:grid}.v2-workspace-link{color:#202126;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;font-weight:700;display:flex}.v2-side-person{align-items:center;gap:10px;padding:8px;font-size:13px;display:flex}.v2-side-person>span:last-child{min-width:0}.v2-side-person strong,.v2-side-person small{overflow-wrap:anywhere;display:block}}@media (min-width:701px) and (max-width:1000px){body.v2-enabled{grid-template-columns:180px minmax(0,1fr)}.v2-bottom-nav{width:180px;padding-inline:10px}.v2-enabled main{padding-inline:24px}.v2-teacher-grid,.v2-student-grid{grid-template-columns:1fr}.v2-student-grid>.v2-game,.v2-student-grid>.v2-progress,.v2-student-grid>.v2-extra-tasks{grid-area:auto/1}.v2-teacher-feature .v2-note-art{width:110px;right:22px}}.v2-enabled:has(.music-game-shell){background:#281936}.v2-enabled:has(.music-game-shell) header.header{color:#fff5de;background:#281936;border-color:#544062;display:flex!important}.v2-enabled:has(.music-game-shell) .header .brand{color:#fff5de}.v2-enabled:has(.music-game-shell) .header .account-control{color:#fff5de}.v2-enabled:has(.music-game-shell) .header .account-menu-icon{color:#fff5de}.v2-enabled:has(.music-game-shell) .header .profile-name small{color:#d5c9df}.v2-enabled:has(.music-game-shell) .v2-workspace-select{color:#fff5de;background:#3c2c4c;border-color:#544062}.v2-enabled:has(.music-game-shell) main{max-width:none;padding:0}.v2-enabled:has(.music-game-shell) .music-game-shell{min-height:calc(100dvh - 76px)}@media (max-width:700px){body.v2-enabled:has(.header) .header:has(.account-control){flex-wrap:nowrap;height:72px;min-height:72px;padding:0 16px;display:flex}.v2-enabled .header{height:72px;padding:0 16px}.v2-enabled .header .corps-logo{width:44px;height:44px}.v2-enabled .header .brand{font-size:18px}.v2-top-label,.v2-side-brand,.v2-side-label,.v2-side-bottom{display:none!important}.v2-workspace-select{max-width:135px;font-size:12px}.v2-enabled main{padding:0 16px 95px}.v2-page{padding-top:24px}.v2-page h1{font-size:30px}.v2-heading{margin-bottom:30px}.v2-teacher .v2-heading,.v2-teacher .v2-group-tools{margin-bottom:36px}.v2-group-tools{flex-direction:column;align-items:stretch;gap:12px}.v2-group-select{width:100%;min-width:0}.v2-tabs{margin-top:14px}.v2-teacher-grid,.v2-student-grid{grid-template-columns:1fr;gap:18px}.v2-teacher-feature{min-height:305px;padding:24px 21px}.v2-teacher-feature h2{max-width:220px;font-size:28px}.v2-teacher-feature p{max-width:150px}.v2-teacher-feature .v2-note-art{width:95px;height:95px;top:auto;bottom:80px;right:8px;transform:none}.v2-feature-actions{justify-items:start;margin-top:18px;display:grid}.v2-student-grid>.v2-game,.v2-student-grid>.v2-progress,.v2-student-grid>.v2-extra-tasks{grid-area:auto/1}.v2-student>h1{margin-bottom:25px}.v2-student-feature{min-height:220px}.v2-student-feature h2{max-width:230px}.v2-student-feature .v2-note-art{width:78px;height:78px;top:50%;right:10px}.v2-student-grid>.v2-game{border:16px solid #fff;min-height:130px;box-shadow:0 0 0 1px #dedee3}.v2-student-grid>.v2-game img{width:95px;height:100px}.v2-box{padding:18px 16px}.v2-bottom-nav{padding:6px max(5px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom));gap:0}.v2-nav-links{width:100%;display:flex}.v2-nav-links a{border-radius:9px;flex:1;align-content:center;justify-items:center;gap:3px;min-width:0;min-height:60px;padding:5px 2px;font-size:11px;line-height:1.1;text-decoration:none;display:grid}.v2-nav-links a[aria-current=page]{color:#a31b29;background:#f8eaec}.v2-nav-links svg{width:21px;height:21px}}
#kk-star-arcade .kk-preview{margin-top:14px;padding:20px 12px}#kk-star-arcade .kk-app{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kk-bg:#251a33;--kk-panel:#30223f;--kk-ink:#fff8e6;--kk-muted:#c4b4d5;--kk-line:#554065;--kk-green:#4be2d1;--kk-green-soft:#3a2c49;--kk-action:#48dfd0;--kk-action-ink:#20142e;--kk-gold:#ffda58;--kk-star:#ffda58;--kk-star-edge:#bc751b;--kk-glow:#ffd44750;--kk-glint:#fff6ce;--kk-pink:#ff798a;--kk-star-size:min(88cqw,420px);background:var(--kk-bg);max-width:550px;color:var(--kk-ink);isolation:isolate;border:1px solid var(--kk-line);border-radius:26px;margin:auto;font-family:ui-rounded,Trebuchet MS,system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:0 16px 35px #00000012;container-type:inline-size}#kk-star-arcade .kk-app *{box-sizing:border-box}#kk-star-arcade .kk-header{background:var(--kk-panel);border-bottom:1px solid var(--kk-line);z-index:3;justify-content:space-between;align-items:center;height:86px;padding:18px 24px;display:flex;position:relative}#kk-star-arcade .kk-brand{letter-spacing:-.6px;align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}#kk-star-arcade .kk-brand small{letter-spacing:.4px;color:var(--kk-muted);margin-top:2px;font-size:12px;font-weight:500;display:block}#kk-star-arcade .kk-logo{background:var(--kk-green-soft);color:var(--kk-green);border-radius:11px;place-items:center;width:34px;height:38px;display:grid}#kk-star-arcade .kk-logo svg{width:20px;height:20px}#kk-star-arcade .kk-wallet{color:#21162e;transform-origin:50%;background:#fff0ad;border-radius:15px;justify-content:center;align-items:center;gap:9px;min-width:89px;height:44px;padding:8px 15px;display:flex;position:relative}#kk-star-arcade .kk-wallet-star{color:#21162e;width:23px;height:23px;display:block}#kk-star-arcade .kk-wallet-star svg{fill:currentColor;stroke-width:1.5px;width:23px!important;height:23px!important}#kk-star-arcade .kk-number{font-variant-numeric:tabular-nums;min-width:28px;font-size:22px;font-weight:800}#kk-star-arcade .kk-wallet-gain{color:var(--kk-green);opacity:0;font-size:16px;font-weight:800;position:absolute;top:44px;right:18px}#kk-star-arcade .kk-main{text-align:center;padding:20px 28px 16px;position:relative}#kk-star-arcade .kk-game-label{letter-spacing:1.5px;color:var(--kk-pink);font-size:11px;font-weight:800}#kk-star-arcade .kk-reward-space{height:calc(var(--kk-star-size) + 60px);perspective:700px;justify-content:center;align-items:center;display:flex;position:relative}#kk-star-arcade .kk-halo{background:radial-gradient(circle,var(--kk-glow) 4%,#ae64fc18 38%,transparent 67%);opacity:.55;border-radius:50%;width:125cqw;height:125cqw;position:absolute;top:calc(50% - 18px);left:50%;transform:translate(-50%,-50%)}#kk-star-arcade .kk-rays{opacity:0;background:repeating-conic-gradient(from 8deg,var(--kk-glow) 0deg 10deg,transparent 10deg 30deg);border-radius:50%;width:124cqw;height:124cqw;margin-left:-62cqw;position:absolute;top:calc(50% - 62cqw - 18px);left:50%;-webkit-mask-image:radial-gradient(circle,#0000 7%,#000 20%,#0000 68%);mask-image:radial-gradient(circle,#0000 7%,#000 20%,#0000 68%)}#kk-star-arcade .kk-charge{background:var(--kk-glint);width:22px;height:22px;box-shadow:0 0 22px 14px var(--kk-star),0 0 75px 38px var(--kk-glow);opacity:0;border-radius:50%;position:absolute;top:calc(50% - 29px)}#kk-star-arcade .kk-hero-star{width:var(--kk-star-size);height:var(--kk-star-size);color:var(--kk-star);filter:drop-shadow(0 10px 0 var(--kk-star-edge)) drop-shadow(0 12px 30px var(--kk-glow));opacity:1;flex:none;margin-top:-36px;position:relative}#kk-star-arcade .kk-hero-star svg{fill:currentColor;max-width:none;max-height:none;stroke:var(--kk-star-edge);stroke-width:.55px;stroke-linejoin:round;display:block;width:100%!important;height:100%!important}#kk-star-arcade .kk-reward-amount{letter-spacing:-.5px;color:var(--kk-gold);z-index:6;font-size:28px;font-weight:800;position:absolute;bottom:7px;left:0;right:0}#kk-star-arcade .kk-success-label{color:var(--kk-green);letter-spacing:1.5px;justify-content:center;align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}#kk-star-arcade .kk-success-label svg{width:14px;height:14px}#kk-star-arcade .kk-message h2{letter-spacing:-1px;margin:7px 0 5px;font-size:29px;font-weight:800;line-height:1.15}#kk-star-arcade .kk-message p{color:var(--kk-muted);min-height:21px;margin:0;font-size:14px;line-height:1.5}#kk-star-arcade .kk-milestone{text-align:left;background:var(--kk-panel);border-radius:17px;margin-top:14px;padding:12px 16px}#kk-star-arcade .kk-progress-top{color:var(--kk-muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}#kk-star-arcade .kk-progress-top strong{color:var(--kk-ink);font-weight:800}#kk-star-arcade .kk-track{background:var(--kk-green-soft);border-radius:6px;height:7px;margin-top:10px;overflow:hidden}#kk-star-arcade .kk-fill{background:var(--kk-gold);border-radius:6px;width:94%;height:100%;transition:width .28s ease-out}#kk-star-arcade .kk-goal{align-items:center;gap:11px;margin-top:13px;display:flex}#kk-star-arcade .kk-goal-icon{background:var(--kk-green-soft);width:38px;height:38px;color:var(--kk-green);border-radius:13px;place-items:center;display:grid}#kk-star-arcade .kk-goal-icon svg{width:24px;height:24px}#kk-star-arcade .kk-goal strong{font-size:13px;font-weight:800;display:block}#kk-star-arcade .kk-goal small{color:var(--kk-muted);margin-top:2px;font-size:11px;display:block}#kk-star-arcade .kk-lock{width:15px;height:15px;color:var(--kk-muted);margin-left:auto}#kk-star-arcade .kk-actions{margin-top:18px}#kk-star-arcade .kk-next{background:var(--kk-action);width:100%;color:var(--kk-action-ink);border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:13px;font-family:inherit;font-size:15px;font-weight:800;display:flex;box-shadow:0 3px #17968f}#kk-star-arcade .kk-next svg{width:18px;height:18px}#kk-star-arcade .kk-finish{color:var(--kk-muted);background:0 0;border:0;min-height:38px;padding:14px 16px 4px;font-family:inherit;font-size:12px}#kk-star-arcade .kk-fx{z-index:10;pointer-events:none;position:absolute;inset:0;overflow:hidden}#kk-star-arcade .kk-fly{color:var(--kk-star);filter:drop-shadow(0 7px 0 var(--kk-star-edge)) drop-shadow(0 0 18px var(--kk-glow));transform-origin:50%;will-change:transform;position:absolute}#kk-star-arcade .kk-fly svg{fill:currentColor;max-width:none;max-height:none;stroke:var(--kk-star-edge);stroke-width:.55px;stroke-linejoin:round;display:block;width:100%!important;height:100%!important}#kk-star-arcade .kk-particle{background:var(--kk-gold);border-radius:50%;position:absolute}#kk-star-arcade .kk-ring{border:3px solid var(--kk-star);border-radius:50%;position:absolute}#kk-star-arcade .kk-confetti{will-change:transform;border-radius:2px;position:absolute}#kk-star-arcade .kk-sparkle{width:16px;height:16px;position:absolute}#kk-star-arcade .kk-sparkle:before,#kk-star-arcade .kk-sparkle:after{content:"";background:var(--kk-glint);border-radius:50%;position:absolute}#kk-star-arcade .kk-sparkle:before{width:3px;height:100%;top:0;left:6px}#kk-star-arcade .kk-sparkle:after{width:100%;height:3px;top:6px;left:0}#kk-star-arcade .kk-main>.kk-message,#kk-star-arcade .kk-milestone,#kk-star-arcade .kk-actions{transition:opacity .25s}#kk-star-arcade .kk-app.is-revealing .kk-message,#kk-star-arcade .kk-app.is-revealing .kk-milestone,#kk-star-arcade .kk-app.is-revealing .kk-actions{opacity:.28}#kk-star-arcade .kk-celebration[hidden]{display:none}#kk-star-arcade .kk-celebration{z-index:8;text-align:center;background:radial-gradient(at 50% 42%,#4b3055 0%,#2e1d40 48%,#251a33 80%);justify-content:center;align-items:center;display:flex;position:absolute;inset:86px 0 0;overflow:hidden}#kk-star-arcade .kk-celebration-rays{opacity:.55;pointer-events:none;background:repeating-conic-gradient(from 12deg,#ffdc6130 0deg 11deg,#0000 11deg 30deg);width:950px;height:950px;margin:-475px;position:absolute;top:42%;left:50%;-webkit-mask-image:radial-gradient(circle,#0000 3%,#000 18%,#0000 69%);mask-image:radial-gradient(circle,#0000 3%,#000 18%,#0000 69%)}#kk-star-arcade .kk-celebration-content{z-index:1;width:100%;padding:22px 18px 26px;position:relative}#kk-star-arcade .kk-celebration-eyebrow{letter-spacing:3px;color:var(--kk-green);font-size:13px;font-weight:800}#kk-star-arcade .kk-medal{place-items:center;width:min(94cqw,460px);max-width:100%;height:min(94cqw,460px);margin:12px auto 5px;display:grid;position:relative}#kk-star-arcade .kk-medal-orbit{border:2px solid color-mix(in srgb,var(--kk-gold) 50%,transparent);box-shadow:0 0 55px 9px var(--kk-glow),inset 0 0 40px var(--kk-glow);border-radius:50%;position:absolute;inset:14px}#kk-star-arcade .kk-medal-star{width:100%;height:100%;color:var(--kk-gold);filter:drop-shadow(0 11px 0 #ba781e) drop-shadow(0 12px 28px var(--kk-glow))}#kk-star-arcade .kk-medal-star svg{fill:currentColor;stroke:#bc751b;stroke-width:.5px;max-width:none;max-height:none;display:block;width:100%!important;height:100%!important}#kk-star-arcade .kk-medal-number{letter-spacing:-3px;color:#35203f;font-size:clamp(54px,18cqw,100px);font-weight:900;line-height:.95;position:absolute;top:42%;left:0;right:0}#kk-star-arcade .kk-medal-number small{letter-spacing:1.2px;margin-top:7px;font-size:clamp(10px,2.6cqw,14px);display:block}#kk-star-arcade .kk-celebration-title{letter-spacing:-1.5px;color:var(--kk-ink);margin:8px 0 10px;font-size:38px;font-weight:900;line-height:1.06}#kk-star-arcade .kk-celebration-content p{color:var(--kk-muted);margin:0;font-size:15px}#kk-star-arcade .kk-earned-label{color:var(--kk-green);justify-content:center;align-items:center;gap:8px;margin:19px 0 25px;font-size:12px;font-weight:700;display:flex}#kk-star-arcade .kk-earned-label svg{width:21px;height:21px}#kk-star-arcade .kk-celebration-continue{background:var(--kk-action);width:min(280px,100%);color:var(--kk-action-ink);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:47px;margin:auto;font-family:inherit;font-size:15px;font-weight:800;display:flex;box-shadow:0 4px #17968f}#kk-star-arcade .kk-celebration-continue svg{width:19px;height:19px}#kk-star-arcade .kk-app button:disabled{opacity:.6}#kk-star-arcade .kk-announcer{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#kk-star-arcade .kk-caption{text-align:center;min-height:20px;margin-top:10px}#kk-star-arcade .kk-app.is-earned .kk-goal-icon{background:var(--kk-green);color:var(--kk-action-ink)}#kk-star-arcade .kk-app.is-earned .kk-lock{visibility:hidden}@media (max-width:380px){#kk-star-arcade .kk-preview{padding:12px 0}#kk-star-arcade .kk-header{padding:16px}#kk-star-arcade .kk-main{padding:18px 19px 14px}#kk-star-arcade .kk-brand{font-size:17px}}@media (prefers-reduced-motion:reduce){#kk-star-arcade .kk-app *{transition:none!important}}
#kk-star-arcade{z-index:1400;pointer-events:none;--kk-star:#ffda58;--kk-star-edge:#bc751b;--kk-gold:#ffda58;--kk-glow:#ffd44750;--kk-glint:#fff6ce;position:fixed;inset:0;overflow:clip}#kk-star-arcade[hidden]{display:none}#kk-star-arcade .kk-app{isolation:isolate;width:100%;max-width:none;height:100dvh;max-height:none;box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;margin:0;position:fixed;inset:0;overflow:visible;container-type:inline-size}#kk-star-arcade .kk-main,#kk-star-arcade .kk-reward-space{text-align:center;perspective:700px;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0;overflow:visible}#kk-star-arcade .kk-halo{background:radial-gradient(circle, var(--kk-glow) 4%, #ae64fc18 38%, transparent 67%);opacity:.55;border-radius:50%;width:125cqw;height:125cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#kk-star-arcade .kk-rays{opacity:0;background:repeating-conic-gradient(from 8deg, var(--kk-glow) 0deg 10deg, transparent 10deg 30deg);border-radius:50%;width:124cqw;height:124cqw;position:absolute;top:calc(50% - 62cqw);left:calc(50% - 62cqw);-webkit-mask-image:radial-gradient(circle,#0000 7%,#000 20%,#0000 68%);mask-image:radial-gradient(circle,#0000 7%,#000 20%,#0000 68%)}#kk-star-arcade .kk-charge{background:var(--kk-glint);width:22px;height:22px;box-shadow:0 0 22px 14px var(--kk-star), 0 0 75px 38px var(--kk-glow);opacity:0;border-radius:50%;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px)}#kk-star-arcade .kk-hero-star{width:min(88cqw,420px);height:min(88cqw,420px);color:var(--kk-star);filter:drop-shadow(0 10px 0 var(--kk-star-edge)) drop-shadow(0 12px 30px var(--kk-glow));opacity:1;flex:none;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#kk-star-arcade .kk-hero-star svg,#kk-star-arcade .kk-fly svg{fill:currentColor;stroke:var(--kk-star-edge);stroke-width:.55px;stroke-linejoin:round;display:block;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}#kk-star-arcade .kk-reward-amount{top:auto;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 76px);z-index:6;width:max-content;max-width:calc(100vw - 24px);color:var(--kk-gold);letter-spacing:-.5px;opacity:0;text-align:center;text-shadow:0 1px 4px #251a33;background:#251a33e8;border-radius:999px;margin:0 auto;padding:7px 13px;font-size:clamp(14px,3.8cqw,17px);font-weight:800;position:absolute;left:0}#kk-star-arcade .kk-announcer{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#kk-star-arcade .kk-fx{z-index:1;pointer-events:none;--kk-star:#ffda58;--kk-star-edge:#bc751b;--kk-gold:#ffda58;--kk-glow:#ffd44750;--kk-glint:#fff6ce;position:fixed;inset:0;overflow:clip}#kk-star-arcade .kk-fly{color:var(--kk-star);filter:drop-shadow(0 7px 0 var(--kk-star-edge)) drop-shadow(0 0 18px var(--kk-glow));transform-origin:50%;will-change:transform;position:absolute}#kk-star-arcade .kk-particle{background:var(--kk-gold);border-radius:50%;position:absolute}#kk-star-arcade .kk-ring{border:3px solid var(--kk-star);border-radius:50%;position:absolute}#kk-star-arcade .kk-sparkle{width:16px;height:16px;position:absolute}#kk-star-arcade .kk-sparkle:before,#kk-star-arcade .kk-sparkle:after{content:"";background:var(--kk-glint);border-radius:50%;position:absolute}#kk-star-arcade .kk-sparkle:before{width:3px;height:100%;top:0;left:6px}#kk-star-arcade .kk-sparkle:after{width:100%;height:3px;top:6px;left:0}@media (prefers-reduced-motion:reduce){#kk-star-arcade .kk-app *,#kk-star-arcade .kk-fx *{scroll-behavior:auto!important;animation-duration:.01ms!important}}