.td-dashboard{min-width:0}.td-heading>span{align-items:center;gap:8px;display:flex}.td-heading p:first-letter{text-transform:uppercase}.td-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.td-metric{text-align:left;color:var(--color-text);cursor:pointer;min-width:0;padding:22px 24px;transition:border-color .16s,background .16s}.td-metric:hover{border-color:var(--color-muted)}.td-metric-top{color:var(--color-muted);align-items:center;gap:10px;font-size:13px;display:flex}.td-metric-top svg{flex:none}.td-metric>strong{font:400 48px/1.25 var(--font-display);margin:12px 0;display:block}.td-metric-foot{color:var(--color-muted);align-items:center;gap:6px;font-size:12px;display:flex}.td-metric-foot svg{width:14px;height:14px}.td-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.td-section{min-width:0;scroll-margin-top:100px;overflow:hidden}.td-section-head{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:flex-start;gap:14px;padding:24px;display:flex}.td-section-head h2{overflow-wrap:anywhere;margin-bottom:7px;font-size:25px;line-height:1.25}.td-section-head p{line-height:1.6}.td-section-head>.btn,.td-section-head>.chip{flex:none}.td-attention{gap:24px;min-width:0;display:grid}.td-lesson{border-bottom:1px solid var(--color-line);align-items:stretch;gap:20px;padding:24px;display:flex}.td-lesson:last-child{border-bottom:0}.td-current{background:linear-gradient(100deg,#ffb5a610,#ffb5a602);box-shadow:inset 3px 0 #ffb5a6}.td-lesson-time{flex-direction:column;min-width:60px;padding-top:3px;display:flex}.td-lesson-time time{font:400 29px/1.2 var(--font-display);white-space:nowrap}.td-lesson-time>span{color:var(--color-muted);margin-top:8px;font-size:12px}.td-lesson-main{flex:1;min-width:0}.td-person{align-items:center;gap:12px;display:flex}.td-person .avatar{flex:none}.td-person h3{overflow-wrap:anywhere;font-size:20px;line-height:1.35}.td-topic{overflow-wrap:anywhere;margin:16px 0;line-height:1.6}.td-lesson-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.td-lesson-bottom>a{align-items:center;min-height:44px;font-size:12px;display:inline-flex}.td-status{color:var(--color-muted);border:1px solid var(--color-line);border-radius:7px;padding:5px 9px;font-size:11px;line-height:1.5;display:inline-block}.td-status-current{color:#e3f0dc;background:#c4d9b914;border-color:#c4d9b94d}.td-status-attention{color:#ffc1b3;background:#ffc1b30b;border-color:#ffc1b340}.td-empty{justify-items:start;gap:12px;padding:32px 24px;display:grid}.td-empty>svg{color:var(--color-muted);width:24px;height:24px}.td-empty h3{font-size:21px}.td-empty p{color:var(--color-muted);max-width:45ch;font-size:13px;line-height:1.7}.td-empty-compact{padding:24px}.td-attention-row{border-bottom:1px solid var(--color-line);gap:9px;min-width:0;padding:22px 24px;display:grid}.td-attention-row:last-child{border-bottom:0}.td-attention-row h3,.td-student-name{overflow-wrap:anywhere}.td-attention-row h3{font-size:21px;line-height:1.35}.td-student-name{color:var(--color-muted);font-size:13px;line-height:1.6}.td-attention-row>.btn{white-space:normal;text-align:center;margin-top:7px}.td-subscription-title{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.td-shortcuts{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.submission-action{gap:8px;min-width:0;display:grid}.submission-action>p{color:var(--color-muted);font-size:12px;line-height:1.6}.submission-action .btn{white-space:normal}.submission-action [role=status]{color:var(--color-positive);align-items:center;gap:8px;display:flex}@media (width<=1150px){.td-layout{grid-template-columns:minmax(0,1fr)}.td-attention{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.td-metric{padding:20px}.td-metric-top{align-items:flex-start}.td-section-head,.td-lesson{padding:20px}}@media (width<=760px){.td-metrics{gap:10px}.td-metric{padding:16px 12px}.td-metric-top{flex-direction:column;gap:8px;font-size:11px;line-height:1.5}.td-metric>strong{margin:9px 0;font-size:36px}.td-metric-foot{display:none}.td-attention{grid-template-columns:minmax(0,1fr)}.td-layout,.td-attention{gap:18px}.td-section-head h2{font-size:24px}.td-heading{gap:14px}.td-section-head{flex-wrap:wrap}.td-section-head .btn{padding-left:0}.td-lesson{gap:14px;padding:20px 16px}.td-person{align-items:flex-start;gap:10px}.td-person h3{font-size:19px}.td-person .avatar{width:30px;height:30px;font-size:10px}.td-lesson-time{min-width:50px}.td-lesson-time time{font-size:26px}.td-lesson-bottom{flex-direction:column;align-items:flex-start;gap:4px}.td-attention-row,.td-empty{padding:20px}.td-shortcuts>.btn{flex:150px}.td-section{scroll-margin-top:95px}}.exercise-return-feedback{background:#ffc1b30b;border:1px solid #ffc1b340;border-radius:10px;gap:8px;min-width:0;padding:14px;line-height:1.6;display:grid}.exercise-return-feedback p{overflow-wrap:anywhere;white-space:pre-wrap}.exercise-return-feedback>strong{color:var(--color-accent);font-size:13px}.exercise-return-history{white-space:normal;min-width:0;margin-top:10px}.exercise-return-history summary{cursor:pointer;text-underline-offset:4px;align-items:center;min-height:44px;font-size:12px;text-decoration:underline;display:flex}.exercise-return-history article{border-top:1px solid var(--color-line);gap:8px;padding:14px 0;display:grid}.exercise-return-history article p{overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.6}.exercise-return-history article strong{font-size:12px}.submission-action .exercise-return-history{max-width:55ch}.plan-item-actions:has(.exercise-return-feedback){max-width:340px}.sp-exercise .exercise-return-feedback{margin:12px 0}.td-lesson-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.td-lesson-actions>.text-link{align-items:center;min-height:44px;font-size:12px;display:inline-flex}.td-metric-static{cursor:default}.td-metric-static:hover{border-color:var(--color-line)}.td-review-page{max-width:1100px}.td-review-page .td-review{padding:24px}.td-review-page .td-review>.btn{justify-self:start;width:auto}.td-lesson-actions .btn{white-space:normal}@media (width<=760px){.td-lesson-actions{justify-content:flex-start;width:100%}.td-lesson-actions>.btn{flex:1}.plan-item-actions:has(.exercise-return-feedback){max-width:none}.td-review-page .td-review>.btn{width:100%}}.subscription-section{min-width:0;margin-bottom:28px}.subscription-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.subscription-top h2{margin-top:7px;font-size:30px}.subscription-balance{flex-wrap:wrap;align-items:baseline;gap:12px;margin:24px 0;display:flex}.subscription-balance>strong{font:400 36px/1.3 var(--font-display)}.subscription-balance>span{color:var(--color-muted);font-size:13px}.subscription-balance>p{flex-basis:100%;line-height:1.7}.subscription-warning{background:#edc58d09;border:1px solid #edc58d55;border-left:3px solid #edc58d;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;padding:18px 20px;display:flex}.subscription-warning h3{color:#f0d3aa;font-size:22px;line-height:1.4}.subscription-warning p{color:var(--color-muted);margin-top:5px;font-size:13px;line-height:1.7}.subscription-warning .btn{flex:none}.subscription-section .subscription-warning{margin-bottom:0}.subscription-catalog{border-top:1px solid var(--color-line);margin-top:28px;padding-top:24px}.subscription-catalog>h3{margin-bottom:8px;font-size:25px}.subscription-catalog>p{line-height:1.7}.subscription-catalog a{text-underline-offset:3px;text-decoration:underline}.subscription-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 16px;display:grid}.subscription-plan{border:1px solid var(--color-line);background:#ffffff03;border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:22px;display:flex}.subscription-plan h4{font:400 27px/1.3 var(--font-display)}.subscription-price{font:400 32px/1.4 var(--font-display);margin-top:8px}.subscription-plan .btn{white-space:normal;margin-top:12px}.subscription-history{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:26px;display:grid}.subscription-history details{border-top:1px solid var(--color-line);min-width:0;padding-top:18px}.subscription-history summary{cursor:pointer;min-height:44px;font-weight:500;line-height:1.6}.subscription-history-row{border-bottom:1px solid var(--color-line);overflow-wrap:anywhere;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;font-size:13px;line-height:1.7;display:flex}.subscription-history-row>div{min-width:0}.subscription-history-row>strong{flex:none}.subscription-history-row p{margin-top:5px}.subscription-checkout{min-width:0}.subscription-checkout .chip{align-self:flex-start}.subscription-checkout p{line-height:1.7}.subscription-checkout-total{border-block:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;display:flex}.subscription-checkout-total>strong{font:400 36px/1.3 var(--font-display)}.subscription-checkout .btn{white-space:normal}@media (width<=850px){.subscription-plan{padding:18px}.subscription-history{grid-template-columns:minmax(0,1fr);gap:18px}.subscription-price{font-size:29px}}@media (width<=600px){.subscription-plans{grid-template-columns:minmax(0,1fr);gap:12px}.subscription-plan{padding:20px}.subscription-balance>strong{font-size:32px}.subscription-top{align-items:flex-start}.subscription-top>.btn{width:100%}.subscription-warning{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.subscription-warning .btn{width:100%}.subscription-history-row{flex-wrap:wrap;align-items:flex-start;gap:8px}}.student-home{--challenge-warm:#edb49c;--challenge-surface:#27262b;--challenge-border:#62504c;min-width:0}.student-home-heading{align-items:center;margin-bottom:20px}.student-home-heading h1{margin:5px 0 8px}.student-home-heading>.chip{flex:none}.student-home-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 18px;display:flex}.student-view-buttons{flex-wrap:wrap;gap:5px;display:flex}.student-view-buttons .btn{padding-inline:14px;font-size:12px}.student-view-buttons .is-active{background:var(--color-panel-raised);border-color:var(--color-line)}.student-points{color:var(--color-muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.student-points svg{color:var(--challenge-warm)}.student-points strong{color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:500}.student-week{border-block:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:16px 0;display:flex}.student-week-title{align-items:center;gap:12px;display:flex}.student-week-title>svg{width:25px;height:25px;color:var(--challenge-warm)}.student-week-title strong{font-size:14px;font-weight:500}.student-week-title p{margin-top:2px}.student-week-days{gap:12px;display:flex}.student-week-days>div{color:var(--color-muted);justify-items:center;gap:7px;font-size:11px;display:grid}.student-week-days b{background:var(--color-panel-raised);border-radius:50%;place-items:center;width:29px;height:29px;font-weight:400;display:grid}.student-week-days b:has(svg){color:#f7ddc7;background:#594e47}.student-week-days svg{width:16px;height:16px}.student-week-days .is-today{color:var(--challenge-warm)}.student-week-days .is-today b{box-shadow:0 0 0 1px var(--challenge-warm)}.student-daily-hero{border:1px solid var(--challenge-border);background-image:linear-gradient(90deg,#1c191bf5 0%,#1c191be0 36%,#1c191b30 100%),var(--cover-rhythm);background-position:65% 48%;background-size:cover;border-radius:18px;min-height:320px;margin-bottom:28px;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.student-daily-content{max-width:640px;padding:30px}.student-daily-meta{color:var(--challenge-warm);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.student-daily-meta h2{font-family:var(--font-body);margin-right:12px;font-size:13px;font-weight:500;line-height:1.5}.student-daily-meta>span{align-items:center;gap:5px;font-size:12px;display:inline-flex}.student-daily-content>h3{margin-bottom:13px;font-size:40px;line-height:1.15}.student-daily-content>p{color:#e3dcda;max-width:42ch;font-size:14px}.student-daily-tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.student-daily-tags>span{color:#e9dfd9;background:#373031e8;border:1px solid #79635c;border-radius:5px;padding:4px 8px;font-size:11px}.student-daily-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px;display:flex}.student-daily-actions>span{color:var(--challenge-warm);font-size:12px}.student-daily-content>.student-daily-foot{color:#cbbab4;margin-top:12px;font-size:11px}.student-home-columns{grid-template-columns:minmax(0,1fr) 280px;gap:24px;display:grid}.student-home-learning,.student-home-side{min-width:0}.student-home-side{flex-direction:column;gap:18px;display:flex}.student-home .section-title{margin-bottom:16px}.student-home .section-title h2{font-size:27px}.student-quest{background:var(--challenge-surface);border:1px solid var(--color-line);border-radius:12px;align-items:flex-start;gap:14px;padding:20px;display:flex}.student-quest>svg{color:var(--challenge-warm);flex:none;margin-top:4px}.student-quest h3{font-size:24px}.student-quest .grow{min-width:0}.student-quest .btn-icon{flex:none}.student-quest progress{appearance:none;background:#47434c;border:0;border-radius:6px;width:100%;height:6px;margin:20px 0 10px;display:block;overflow:hidden}.student-quest progress::-webkit-progress-bar{background:#47434c}.student-quest progress::-webkit-progress-value{background:var(--challenge-warm)}.student-quest progress::-moz-progress-bar{background:var(--challenge-warm)}.student-quest .grow>.row{flex-wrap:wrap;justify-content:space-between;gap:10px}.student-teacher-plan{margin-top:30px}.student-plan-intro{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.student-empty-plan{border-top:1px solid var(--color-line);justify-items:start;gap:12px;padding:22px 0;display:grid}.student-empty-plan>svg{color:var(--color-muted)}.student-empty-plan h3{font-size:25px}.student-empty-plan p{max-width:65ch;font-size:13px}.student-next-lesson,.student-teacher-card{justify-items:start;gap:13px;display:grid}.student-next-lesson .section-title{width:100%;margin:0}.student-next-lesson h2,.student-teacher-card h2{font-size:27px}.student-next-lesson>.btn,.student-teacher-card>.btn{margin-top:6px}.student-last-badge{align-items:flex-start;gap:12px;padding:12px 4px;display:flex}.student-last-badge>svg{color:var(--challenge-warm);flex:none;margin-top:3px}.student-last-badge h3{margin:7px 0;font-size:23px}.student-challenge-choices{margin:24px 0}.challenge-choices{gap:18px;display:grid}.challenge-choice{border:1px solid var(--color-line);background:var(--challenge-surface);border-radius:14px;padding:24px}.challenge-choice>.row:first-child{flex-wrap:wrap;gap:18px}.challenge-choice h3{margin:12px 0;font-size:30px}.challenge-choice>p{max-width:70ch;margin-bottom:20px}.challenge-choice>.row:last-child{flex-wrap:wrap;gap:16px}.student-progress{margin:24px 0}.student-progress-summary{background:var(--challenge-surface);border:1px solid var(--color-line);border-radius:14px;grid-template-columns:1fr 1fr 1.2fr;gap:24px;margin-bottom:28px;padding:24px;display:grid}.student-progress-summary strong{font:400 42px/1.4 var(--font-display);margin:10px 0;display:block}.student-progress-summary .student-progress-level{overflow-wrap:anywhere;font-size:30px}.student-badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.student-badge{border:1px solid var(--color-line);background:var(--challenge-surface);border-radius:12px;padding:22px}.student-badge>svg{width:28px;height:28px;color:var(--color-muted);margin-bottom:18px}.student-badge.is-earned>svg{color:var(--challenge-warm)}.student-badge h3{margin-bottom:10px;font-size:25px}.student-badge>span{color:var(--color-muted);margin-top:18px;display:block}.student-badge.is-earned>span{color:var(--challenge-warm)}.mvp-dialog:has(.challenge-practice){width:min(720px,100vw - 32px)}.challenge-practice{margin-top:20px}.challenge-practice>.row{flex-wrap:wrap;gap:12px}.challenge-practice-intro{margin:18px 0 8px}.challenge-tempo{flex-wrap:wrap;align-items:end;gap:12px;padding:18px 0;display:flex}.challenge-tempo>.field{width:120px}.challenge-tempo>span{color:var(--color-muted);padding-bottom:12px;font-size:12px}.challenge-tempo input[type=range]{width:auto;min-width:100px;accent-color:var(--color-accent);flex:1}.challenge-metronome{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.challenge-metronome>p{flex-basis:100%}.challenge-pattern{border:1px solid var(--color-line);background:#242127;border-radius:10px;margin:18px 0;padding:18px}.challenge-pattern>p{letter-spacing:1px;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:8px;font:400 20px/1.7 monospace}.challenge-steps{gap:12px;margin:22px 0;display:grid}.challenge-step{border:1px solid var(--color-line);cursor:pointer;border-radius:10px;align-items:flex-start;gap:14px;padding:16px;display:flex}.challenge-step>input{width:19px;height:19px;accent-color:var(--color-accent);flex:none;margin:4px 0 0}.challenge-step strong{font-weight:500}.challenge-step>span>span{color:var(--color-muted);margin-top:7px;font-size:12px;display:block}.challenge-self-check{border:0;min-width:0;margin:0 0 22px;padding:0}.challenge-self-check legend{margin-bottom:12px;font-size:14px}.challenge-self-check .row{flex-wrap:wrap;gap:8px;margin-bottom:12px}.challenge-self-check .is-selected{background:#554039;border-color:#c8967f}@media (width<=1250px){.student-home-columns{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.student-week-note{display:none}.student-daily-content{max-width:580px}.student-daily-content>h3{font-size:35px}.student-home .real-plan-item{flex-wrap:wrap}.student-home .plan-item-actions{flex-wrap:wrap;justify-content:flex-end;width:100%;display:flex}}@media (width<=1100px){.student-home-columns{grid-template-columns:minmax(0,1fr)}.student-home-side{grid-template-columns:1fr 1fr;align-items:start;display:grid}.student-progress-summary{grid-template-columns:1fr 1fr}.student-progress-summary>div:last-child{grid-column:1/-1}.student-badges{grid-template-columns:1fr}.student-badge{grid-template-columns:35px 1fr;column-gap:15px;display:grid}.student-badge>svg{grid-row:1/4}.student-badge>span{margin-top:8px}}@media (width<=760px){.student-home-nav{align-items:flex-start;gap:14px}.student-view-buttons{flex-wrap:nowrap;gap:3px;width:100%}.student-view-buttons .btn{white-space:normal;flex:1;padding:9px 8px;font-size:11px}.student-week{gap:17px}.student-week-title{width:100%}.student-week-days{justify-content:space-between;gap:6px;width:100%}.student-daily-hero{background-image:linear-gradient(90deg,#1c191bef,#1c191b9e),var(--cover-rhythm);background-position:60%}.student-daily-content{padding:24px}.student-daily-content>h3{font-size:33px}.student-daily-content>p{font-size:13px}.student-daily-actions{gap:14px}.student-quest{gap:10px;padding:16px}.student-quest h3{font-size:23px}.student-quest>.btn-icon{width:32px;min-width:32px}.student-home-side{grid-template-columns:1fr}.student-home .section-title h2{font-size:27px}.student-progress-summary{grid-template-columns:1fr;padding:20px}.student-progress-summary>div:last-child{grid-column:auto}.student-progress-summary>div+div{border-top:1px solid var(--color-line);padding-top:18px}.challenge-choice{padding:20px}.challenge-choice h3{font-size:27px}.student-plan-intro{flex-wrap:wrap}.challenge-tempo input[type=range]{min-height:44px}.challenge-pattern>p{letter-spacing:0;font-size:17px}.challenge-step{gap:12px;padding:14px}}@media (width<=380px){.student-daily-content{padding:20px}.student-daily-content>h3{font-size:30px}.student-daily-meta{gap:7px}.student-daily-meta h2{margin-right:2px;font-size:12px}.student-daily-meta>span{font-size:11px}.student-quest>svg{display:none}.student-quest>.grow>.row{font-size:11px}.challenge-tempo>.field{width:100px}.challenge-tempo input[type=range]{flex-basis:100%}}.student-daily-content>h3,.student-quest h3,.student-empty-plan h3,.student-last-badge h3,.challenge-choice h3,.student-badge h3{font-family:var(--font-display);font-weight:500}.schedule-page{--sc-bg:#17191b;--sc-panel:#202326;--sc-line:#e6e9ef24;--sc-muted:#bfc5ce;--sc-chrome:#d6dce5;min-width:0}.schedule-page p{margin:0}.sc-heading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:28px;display:flex}.sc-heading h1{margin:0;font-size:36px}.sc-heading p{color:var(--sc-muted);margin-top:10px;font-size:13px}.sc-heading-actions{gap:10px;display:flex}.sc-layout{grid-template-columns:minmax(0,1fr) 264px;align-items:start;gap:24px;display:grid}.sc-calendar-area{min-width:0}.sc-toolbar,.sc-week-nav{justify-content:space-between;align-items:center;gap:14px;display:flex}.sc-toolbar{flex-wrap:wrap;margin-bottom:15px}.sc-week-nav{flex-wrap:wrap}.sc-week-nav h2{font:400 24px/1.3 var(--font-display);white-space:nowrap}.sc-week-nav>div{gap:4px;display:flex}.sc-week-nav .btn{padding:8px 12px;font-size:12px}.sc-year{font:400 12px var(--font-display);color:var(--sc-muted)}.sc-switch{border:1px solid var(--sc-line);background:#14171a;border-radius:9px;gap:3px;padding:3px;display:flex}.sc-switch button{min-height:36px;color:var(--sc-muted);font:400 12px var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;display:flex}.sc-switch button[aria-pressed=true]{color:var(--color-text);background:#383e46;box-shadow:inset 0 1px #ffffff20}.sc-meta{color:var(--sc-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:11px;display:flex}.sc-meta>span{align-items:center;gap:6px;display:flex}.sc-meta svg{width:13px;height:13px}.sc-legend{gap:13px;display:flex}.sc-legend span{align-items:center;gap:6px;display:flex}.sc-legend i{background:var(--sc-chrome);border-radius:2px;width:7px;height:7px;display:block}.sc-legend .sc-open{background:0 0;border:1px dashed #a4bac3}.sc-legend .sc-pause{background:repeating-linear-gradient(135deg,#8b949f 0 1px,#0000 1px 3px)}.sc-calendar{border:1px solid var(--sc-line);overscroll-behavior:contain;scrollbar-color:#69727c #1b1f23;background:#ffffff04;border-radius:14px;min-height:420px;max-height:min(780px,75vh);overflow:auto}.sc-grid-head{z-index:5;border-bottom:1px solid var(--sc-line);background:#272c31;grid-template-columns:50px repeat(7,minmax(0,1fr));display:grid;position:sticky;top:0}.sc-zone-head{color:var(--sc-muted);place-items:center;font-size:10px;display:grid}.sc-day-head{border:0;border-left:1px solid var(--sc-line);color:var(--sc-muted);font:400 11px var(--font-body);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:4px;padding:12px 3px;display:flex}.sc-day-head:disabled{opacity:1;cursor:default}.sc-day-head strong{font:400 24px/32px var(--font-display);color:var(--color-text);text-align:center;border-radius:8px;min-width:32px}.sc-day-head.sc-today strong{background:var(--sc-chrome);color:#17191b}.sc-day-head:hover{background:#ffffff05}.sc-grid-body{grid-template-columns:50px repeat(7,minmax(0,1fr));display:grid;position:relative}.sc-time-axis{position:relative}.sc-time-axis span{color:var(--sc-muted);font-size:10px;position:absolute;left:7px;transform:translateY(-7px)}.sc-time-axis span:first-child{transform:translateY(4px)}.sc-day{border-left:1px solid var(--sc-line);background-image:linear-gradient(#0000 calc(50% - 1px),#ffffff08 calc(50% - 1px) 50%,#0000 50% calc(100% - 1px),#ffffff16 calc(100% - 1px));background-repeat:repeat-y;position:relative}.sc-day.sc-off{background-image:repeating-linear-gradient(135deg,#0000 0 6px,#ffffff03 6px 7px)}.sc-off-label{text-align:center;color:var(--sc-muted);padding:30px 5px;font-size:11px;display:block}.sc-slot{z-index:1;color:#0000;cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:0;padding:0;position:absolute;left:0;right:0}.sc-slot>span{font:400 12px var(--font-body)}.sc-slot:hover,.sc-slot:focus-visible,.sc-slot.sc-drag-over{color:var(--color-text);background:#c5d7e71c;box-shadow:inset 0 0 0 1px #a4b8ca7a}.sc-slot.sc-drag-over{z-index:4}.sc-free{pointer-events:none;color:#b8cad6;background:#b8cddb04;border:1px dashed #a4bac34a;border-radius:7px;flex-direction:column;gap:8px;padding:10px 7px;font-size:11px;display:flex;position:absolute;left:4px;right:4px}.sc-free small{color:var(--sc-muted);font-size:10px}.sc-break{color:var(--sc-muted);pointer-events:none;background:repeating-linear-gradient(135deg,#0000 0 6px,#ffffff05 6px 7px);justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;left:0;right:0}.sc-event{z-index:2;color:var(--color-text);text-align:left;cursor:pointer;background:linear-gradient(130deg,#424b56,#303740);border:1px solid #8e9ba870;border-radius:7px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:5px;min-width:0;min-height:0;padding:9px 7px;line-height:1.35;display:flex;position:absolute;left:4px;right:4px;overflow:visible;box-shadow:inset 2px 0 #b1beca}.sc-event>*{flex-shrink:0}.sc-event[draggable=true]{cursor:grab}.sc-event:hover{border-color:var(--sc-chrome);filter:brightness(1.08)}.sc-event.sc-selected{border-color:var(--sc-chrome);background:linear-gradient(130deg,#58626e,#3b444f)}.sc-event-time{white-space:nowrap;font-size:10px;font-weight:400;line-height:14px}.sc-event-name{white-space:normal;overflow-wrap:anywhere;word-break:normal;text-overflow:clip;max-height:none;font-size:12px;font-weight:500;line-height:17px}.sc-event-type{color:#e8dcbe;font-size:10px;line-height:14px}.sc-trial{box-shadow:inset 2px 0 var(--color-warning);background:linear-gradient(130deg,#4b473d,#38352f);border-color:#f2d49b70}.sc-event.sc-own{color:#181c22;background:linear-gradient(130deg,#dce1e7,#b1bdc9)}.sc-busy{color:var(--sc-muted);background:#ffffff05;border:1px solid #ffffff10;border-radius:7px;align-items:flex-start;gap:5px;padding:12px 6px;font-size:11px;display:flex;position:absolute;left:4px;right:4px}.sc-busy svg{width:12px;height:12px}.sc-calendar-footer{color:var(--sc-muted);justify-content:space-between;align-items:flex-start;gap:18px;padding-top:12px;font-size:11px;line-height:1.7;display:flex}.sc-calendar-footer span:last-child{white-space:nowrap}.sc-bottom-actions{justify-content:space-between;gap:8px;margin-top:12px;display:flex}.sc-bottom-actions .btn{font-size:12px}.sc-side{gap:20px;min-width:0;display:grid}.sc-context{border:1px solid var(--sc-line);background:linear-gradient(140deg,#f1f4f914,#f1f4f906);border-radius:14px;min-width:0;padding:20px;box-shadow:inset 0 1px #ffffff0c}.sc-context>h2{font:500 12px/1.5 var(--font-body);align-items:center;gap:8px;margin:0;display:flex}.sc-context>p{margin-top:16px;font-size:12px;line-height:1.7}.sc-context>.btn{margin-top:16px}.sc-date{color:var(--sc-muted);margin-top:20px!important;font-size:11px!important}.sc-person-heading{align-items:flex-start;gap:10px;margin:16px 0 18px;display:flex}.sc-person-heading .avatar{flex:none;width:38px;height:38px;font-size:11px}.sc-person-heading>div{min-width:0}.sc-person-heading h3{font:400 24px/1.3 var(--font-display);white-space:normal;overflow-wrap:anywhere;margin:0}.sc-person-heading p{color:var(--sc-muted);margin-top:5px;font-size:11px}.sc-topic{border-block:1px solid var(--sc-line);overflow-wrap:anywhere;padding:15px 0;line-height:1.8}.sc-topic span{color:var(--sc-muted);font-size:11px}.sc-topic p{margin-top:6px;font-size:12px}.sc-status{color:var(--color-positive);align-items:center;gap:6px;margin:16px 0;font-size:11px;display:flex}.sc-status i{background:currentColor;border-radius:50%;width:5px;height:5px}.sc-context-actions{gap:7px;display:grid}.sc-context-actions .btn{white-space:normal;width:100%;font-size:12px}.sc-selected-balance{border-top:1px solid var(--sc-line);margin-top:20px;padding-top:16px}.sc-selected-balance h4{margin:0;font-size:12px;font-weight:500}.sc-selected-balance .btn{white-space:normal;margin-top:12px;font-size:11px}.sc-balance{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.sc-balance strong{font:400 32px/1.4 var(--font-display);display:block}.sc-balance span{color:var(--sc-muted);font-size:11px}.sc-rule{color:var(--sc-muted);border-top:1px solid var(--sc-line);padding-top:15px;font-size:11px!important;line-height:1.8!important}.sc-pool{min-width:0;padding:0 4px}.sc-pool h2{font:500 12px var(--font-body);justify-content:space-between;margin:0 0 10px;display:flex}.sc-pool>p{color:var(--sc-muted);margin-bottom:12px;font-size:11px;line-height:1.8}.sc-person{border-bottom:1px solid var(--sc-line);cursor:grab;grid-template-columns:28px minmax(0,1fr) 36px;align-items:center;gap:9px;padding:12px 0;display:grid}.sc-person .avatar{flex:none;width:28px;height:28px;font-size:10px}.sc-person strong{white-space:normal;overflow-wrap:anywhere;font-size:12px;font-weight:400}.sc-person small{color:var(--sc-muted);margin-top:5px;font-size:10px;display:block}.sc-person .btn{width:36px;min-width:0;min-height:36px;padding:6px}.sc-empty{border:1px solid var(--sc-line);background:#ffffff03;border-radius:12px;margin-bottom:16px;padding:20px}.sc-empty h3{font:400 22px var(--font-display);margin:0 0 8px}.sc-empty p{color:var(--sc-muted);font-size:12px;line-height:1.7}.sc-mobile-days{display:none}.sc-agenda{gap:20px;display:grid}.sc-agenda>section{border:1px solid var(--sc-line);background:#ffffff03;border-radius:12px;overflow:hidden}.sc-agenda h3{font:400 22px var(--font-display);border-bottom:1px solid var(--sc-line);background:#ffffff04;margin:0;padding:15px 18px}.sc-agenda-event{border:0;border-bottom:1px solid var(--sc-line);text-align:left;width:100%;color:var(--color-text);cursor:pointer;background:0 0;align-items:center;gap:16px;padding:16px 18px;display:flex}.sc-agenda-event>span{color:var(--sc-muted);white-space:nowrap;font-size:12px}.sc-agenda-event>div{flex:1;min-width:0}.sc-agenda-event strong{white-space:normal;overflow-wrap:anywhere;font:500 14px/1.7 var(--font-body)}.sc-agenda-event p{color:var(--sc-muted);margin-top:5px;font-size:11px}.sc-agenda-slots{flex-wrap:wrap;gap:8px;padding:14px 18px;display:flex}.sc-agenda-slots .btn{min-height:40px;font-size:12px}.sc-muted{color:var(--sc-muted,var(--color-muted))}.sc-small{font-size:11px;line-height:1.8}.sc-toast{bottom:max(24px,env(safe-area-inset-bottom));z-index:20;background:var(--sc-chrome);color:#17191b;border-radius:10px;align-items:center;gap:16px;max-width:calc(100vw - 32px);padding:12px 16px;font-size:12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}.sc-toast button{color:#17191b;cursor:pointer;white-space:nowrap;background:0 0;border:0;min-height:36px;font-size:12px;text-decoration:underline}.sc-toast>button:last-child{justify-content:center;align-items:center;padding:6px;display:flex}.sc-dialog{margin-top:14px}.sc-dialog-subtitle{font-size:12px;line-height:1.8;margin-bottom:20px!important}.sc-dialog-footer{border-top:1px solid var(--color-line);justify-content:flex-end;gap:10px;margin-top:22px;padding-top:20px;display:flex}.sc-form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.sc-wide{grid-column:1/-1}.sc-form-stack{gap:18px;display:grid}.sc-callout{border:1px solid var(--color-line);color:var(--color-muted);background:#ffffff05;border-radius:9px;margin:18px 0;padding:13px 14px;font-size:12px;line-height:1.8}.sc-callout.sc-warning{color:var(--color-warning);background:#f2d49b08;border-color:#f2d49b50}.sc-checkboxes{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.sc-checkboxes label{border:1px solid var(--color-line);border-radius:7px;align-items:center;gap:6px;min-height:44px;padding:8px;font-size:12px;display:flex}.sc-checkboxes input{accent-color:var(--color-primary)}.sc-history{gap:12px;display:grid}.sc-history>div{border-bottom:1px solid var(--color-line);padding:12px 0}.sc-history strong{font-size:13px;font-weight:500}.sc-history p{color:var(--color-muted);margin-top:6px;font-size:11px}.sc-package-list{color:var(--sc-muted);margin-top:12px;font-size:11px;line-height:1.8}.sc-package-list p{margin-top:7px}@media (width<=1280px){.sc-layout{grid-template-columns:minmax(0,1fr)}.sc-side{grid-template-columns:1fr 1fr}.sc-pool{padding:10px}.sc-calendar{max-height:720px}.sc-heading{align-items:flex-start}.sc-heading-actions{flex-wrap:wrap;justify-content:flex-end}}@media (width<=760px){.sc-heading{flex-direction:column;gap:20px}.sc-heading h1{font-size:32px}.sc-heading p{font-size:12px;line-height:1.7}.sc-heading-actions{justify-content:stretch;width:100%}.sc-heading-actions .btn{white-space:normal;flex:1;padding:10px 12px;font-size:12px}.sc-layout{gap:22px}.sc-toolbar{gap:14px;display:grid}.sc-week-nav{flex-wrap:nowrap;gap:7px}.sc-week-nav h2{font-size:22px}.sc-week-nav .btn{padding:8px;font-size:11px}.sc-week-nav .btn-icon{width:34px;min-width:34px}.sc-week-nav>div{gap:0}.sc-switch{justify-self:start}.sc-switch button{min-height:42px}.sc-meta{flex-direction:column;align-items:flex-start;gap:13px;font-size:11px}.sc-mobile-days{gap:5px;margin-bottom:14px;display:flex}.sc-mobile-days button{border:1px solid var(--sc-line);min-width:0;min-height:62px;color:var(--sc-muted);cursor:pointer;background:#ffffff04;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:9px 3px;font-size:11px;display:flex}.sc-mobile-days strong{font:400 20px var(--font-display)}.sc-mobile-days button[aria-pressed=true]{background:var(--sc-chrome);border-color:var(--sc-chrome);color:#17191b}.sc-calendar{min-height:380px;max-height:640px}.sc-grid-head,.sc-grid-body{grid-template-columns:45px minmax(0,1fr)}.sc-day[data-hidden=true],.sc-day-head[data-hidden=true]{display:none}.sc-event{gap:5px;padding:10px 12px;left:8px;right:8px}.sc-event-name{font-size:13px;line-height:18px}.sc-event-time{font-size:11px}.sc-free{padding:10px 12px;left:8px;right:8px}.sc-calendar-footer{flex-direction:column;gap:7px}.sc-side{grid-template-columns:minmax(0,1fr)}.sc-person{grid-template-columns:36px minmax(0,1fr) 44px;gap:10px}.sc-person .avatar{width:36px;height:36px;font-size:11px}.sc-person .btn{width:44px;min-height:44px}.sc-person strong{font-size:13px}.sc-person small{font-size:11px}.sc-context{padding:20px}.sc-pool{padding:0}.sc-toast{flex-wrap:wrap;gap:8px;width:calc(100vw - 32px);padding:10px 14px}.sc-toast>span{flex:1;min-width:65%}.sc-agenda-event{flex-wrap:wrap;gap:10px;padding:14px 12px}.sc-agenda-event>span{font-size:11px}.sc-agenda-event>div{flex-basis:calc(100% - 110px)}.sc-agenda-slots{padding:12px}.sc-bottom-actions{flex-wrap:wrap}.sc-dialog-footer .btn{white-space:normal}.sc-dialog input,.sc-dialog textarea,.sc-dialog select{font-size:16px}.sc-form-grid{gap:14px 10px}.sc-person-heading h3{font-size:25px}}@media (prefers-reduced-motion:no-preference){.sc-event,.sc-slot{transition:background .12s,border-color .12s}.sc-event:active{cursor:grabbing}}.sc-selected-name{overflow-wrap:anywhere;white-space:normal;color:var(--color-muted);font-size:12px;line-height:1.7;margin-top:8px!important}.sc-agenda-event>span{white-space:normal;max-width:180px;line-height:1.6}.sc-switch button:disabled{opacity:.45;cursor:default}.sc-history-lesson{border-left:2px solid var(--color-line);overflow-wrap:anywhere;white-space:normal;margin-top:10px;padding-left:12px}.sc-history-lesson p{color:var(--color-text);line-height:1.8}.sc-profile-link{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--sc-muted);text-decoration-color:var(--sc-muted)}.sc-profile-link:hover{text-decoration-color:currentColor}.school-reminders{min-width:0;margin:16px 32px 0}.reminder-settings{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.reminder-settings button{text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0}.reminder-message{color:var(--muted);margin:8px 0}.lesson-reminder{border-color:#acb8c6;align-items:center;gap:14px;margin-top:12px;padding:16px;display:flex}.lesson-reminder>div{flex:1;min-width:0}.lesson-reminder strong,.lesson-reminder p{overflow-wrap:anywhere}.lesson-reminder p{margin:5px 0 0}.lesson-reminder .btn{flex-shrink:0}@media (width<=600px){.school-reminders{margin:12px 16px 0}.lesson-reminder{flex-wrap:wrap}.lesson-reminder>div{flex-basis:70%}.lesson-reminder .btn-primary{order:3;width:100%}}.lesson-room{min-width:0}.lesson-room h1{white-space:normal;overflow-wrap:anywhere;font-size:32px}.lr-status{color:var(--color-muted);overflow-wrap:anywhere;align-items:center;gap:9px;min-height:28px;margin:0 0 18px;font-size:13px;display:flex}.lr-status i{background:var(--color-warning);border-radius:50%;flex:none;width:7px;height:7px}.lr-status i.is-connected{background:var(--color-positive)}.lr-videos{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.lr-video-panel{border:1px solid var(--color-line);aspect-ratio:16/11;background:#0e1114;border-radius:16px;grid-template-rows:minmax(0,1fr) auto;min-width:0;display:grid;position:relative;overflow:hidden}.lr-video-panel video{object-fit:contain;background:#101417;width:100%;height:100%;min-height:0}.lr-video-label{border-top:1px solid var(--color-line);background:linear-gradient(125deg,#292e35,#1e242b);gap:5px;min-width:0;padding:14px 16px;display:grid}.lr-video-label strong{overflow-wrap:anywhere;white-space:normal;font-size:13px;font-weight:500}.lr-video-label small{color:var(--color-muted);font-weight:400}.lr-video-label>span{color:var(--color-muted);font-size:11px;line-height:1.7}.lr-self-placeholder{color:var(--color-muted);background:radial-gradient(#333c47,#12171d 70%);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;inset:0 0 82px}.lr-self-placeholder[hidden]{display:none}.lr-self-placeholder .avatar{width:64px;height:64px;font-size:20px}.lr-controls{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--color-line);padding:20px 0;padding-bottom:max(20px,env(safe-area-inset-bottom));background:#181b1ef2;flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex;position:sticky;bottom:0}.lr-controls .btn{min-height:46px;font-size:12px}.lr-leave{color:var(--color-negative);margin-left:auto}.lr-settings{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.lr-settings h2{margin:0 0 8px;font-size:23px}.lr-settings p{max-width:54ch;line-height:1.8}.lr-settings .field{min-width:0}.lr-settings select{max-width:100%}.lr-privacy{margin-top:20px;line-height:1.8}.lr-play{white-space:normal;max-width:90%;position:absolute;top:35%;left:50%;transform:translate(-50%)}@media (width<=1000px){.lr-videos{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:16px}.lr-settings{grid-template-columns:1fr 1fr}.lr-settings>div{grid-column:1/-1}}@media (width<=760px){.lesson-room h1{margin-top:10px;font-size:29px}.lr-videos{grid-template-columns:minmax(0,1fr);gap:16px}.lr-video-panel{aspect-ratio:16/12}.lr-self{aspect-ratio:16/10}.lr-controls{justify-content:stretch;gap:8px;padding:14px 0}.lr-controls .btn{white-space:normal;flex:1;min-width:calc(50% - 8px)}.lr-leave{margin-left:0}.lr-settings{grid-template-columns:1fr;padding:20px}.lr-settings>div{grid-column:auto}.lr-video-label strong{font-size:13px}.lr-status{font-size:12px;line-height:1.7}.lr-self-placeholder{bottom:80px}.lr-privacy{font-size:11px}}.lr-device-checks.lr-settings{margin-bottom:24px;padding:24px;display:block}.lr-setup-heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px;display:flex}.lr-setup-heading h2{margin:6px 0;font-size:28px}.lr-setup-heading p{max-width:65ch;margin:0}.lr-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted);font-size:10px}.lr-setup-layout{grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);align-items:start;gap:24px;display:grid}.lr-device-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.lr-device-card{flex-direction:column;gap:10px;min-width:0;display:flex}.lr-device-card:last-child{grid-column:1/-1}.lr-device-card .field{margin:0}.lr-device-card .field>span{margin-bottom:8px;display:block}.lr-device-card select{text-overflow:ellipsis;width:100%}.lr-device-card>.btn{white-space:normal;align-self:start;min-height:44px;font-size:12px}.lr-device-message{overflow-wrap:anywhere;min-height:20px;color:var(--color-muted);margin:0;font-size:12px;line-height:1.7}.lr-device-message.is-error{color:var(--color-negative)}.lr-meter{border:1px solid var(--color-line);background:#0c1015;border-radius:6px;height:10px;overflow:hidden}.lr-meter>span{background:linear-gradient(90deg,#87b4a1,#cee4d9);min-width:0;height:100%;transition:width .1s linear;display:block}.lr-preview-panel{aspect-ratio:16/11;border:1px solid var(--color-line);background:#0e1319;border-radius:12px;min-width:0;position:relative;overflow:hidden}.lr-preview-panel video{object-fit:contain;width:100%;height:100%;display:block}.lr-preview-panel>span{color:var(--color-muted);background:#151a20dd;padding:10px 14px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.lr-preview-placeholder{text-align:center;color:var(--color-muted);background:radial-gradient(#2b333e,#11161c 70%);place-items:center;padding:30px;font-size:13px;display:grid;position:absolute;inset:0}.lr-preview-placeholder[hidden]{display:none}.lr-setup-footer{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:18px;display:flex}.lr-setup-footer p{margin:7px 0 0;font-size:11px;line-height:1.7}.lr-setup-footer .btn{flex:none;min-height:44px}.lr-sound-confirm{flex-wrap:wrap;gap:8px;display:flex}.lr-sound-confirm .btn{min-height:44px;font-size:12px}.lr-device-checks.is-joined .lr-setup-layout{display:block}.lr-device-checks.is-joined .lr-device-list{grid-template-columns:repeat(3,minmax(0,1fr))}.lr-device-checks.is-joined .lr-device-card:last-child{grid-column:auto}@media (width<=1050px){.lr-setup-layout{grid-template-columns:minmax(0,1fr) minmax(200px,.8fr)}.lr-device-list{grid-template-columns:minmax(0,1fr)}.lr-device-card:last-child{grid-column:auto}.lr-preview-panel{aspect-ratio:4/5;position:sticky;top:20px}}@media (width<=760px){.lr-device-checks.lr-settings{padding:18px}.lr-setup-heading{flex-direction:column;gap:10px}.lr-setup-heading h2{font-size:25px}.lr-setup-heading .btn{min-height:44px;padding-left:0}.lr-setup-layout,.lr-device-list,.lr-device-checks.is-joined .lr-device-list{grid-template-columns:minmax(0,1fr)}.lr-preview-panel{aspect-ratio:16/10;position:relative;top:auto}.lr-setup-footer{flex-direction:column;align-items:stretch}.lr-setup-footer .btn{width:100%}.lr-device-message{font-size:12px}.lr-controls{position:static}}@media (prefers-reduced-motion:reduce){.lr-meter>span{transition:none}}.lr-videos[hidden]{display:none}.lr-camera-help{color:var(--color-muted);font-size:12px;line-height:1.7}.lr-camera-help summary{cursor:pointer;padding:8px 0}.lr-camera-help p{max-width:70ch;margin:8px 0}.editor-page{--editor-bg:#1b1e22;--editor-line:#ffffff17;--editor-muted:#a3a7ae;--editor-accent:#ffaaa0;min-width:0}.editor-page [hidden]{display:none!important}.editor-page svg{flex-shrink:0;width:18px;height:18px}.editor-page .breadcrumb{align-items:center;gap:6px;margin-bottom:16px;display:inline-flex}.editor-start{grid-template-columns:1fr 1.15fr;display:grid;overflow:hidden}.editor-start-art{isolation:isolate;align-items:end;min-height:390px;padding:32px;display:flex;position:relative}.editor-start-art:before{content:"";z-index:-1;background:linear-gradient(#0b0c0f00,#0b0c0fed);position:absolute;inset:0}.editor-start-art h2{margin:16px 0;font-size:38px;line-height:1.15}.editor-start-art p{max-width:32ch;color:var(--color-muted)}.editor-document{justify-content:space-between;align-items:center;gap:20px;padding:4px 0 24px;display:flex}.editor-document h1{margin:0;font-size:32px;line-height:1.2}.editor-document p{color:var(--editor-muted);margin:9px 0 0;font-size:12px}.editor-document-actions{align-items:center;gap:10px;display:flex}.editor-save-status{color:var(--editor-muted);align-items:center;gap:6px;font-size:11px;display:flex}.editor-save-status.is-dirty{color:#f2d49b}.editor-workspace{background:var(--editor-bg);border:1px solid var(--editor-line);border-radius:10px;overflow:clip}.editor-workspace-nav{border-bottom:1px solid var(--editor-line);background:#202327;justify-content:space-between;align-items:center;gap:12px;min-height:57px;padding:0 20px;display:flex}.editor-mode-switch{align-self:stretch;gap:22px;display:flex}.editor-mode-switch button{color:#9ba3af;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:14px 0;font-size:12px;display:flex}.editor-mode-switch button[aria-selected=true]{color:#f2f3f4;border-bottom-color:var(--editor-accent)}.editor-view-actions{align-items:center;gap:8px;display:flex}.editor-view-actions .btn{background:0 0;border:0;min-height:36px;padding:6px 9px;font-size:11px}.editor-view-actions select{color:#d6dce5;background:0 0;border:0;width:77px;padding:6px;font-size:11px}.editor-workspace-body{min-height:500px;display:flex;position:relative}.editor-track-panel{border-right:1px solid var(--editor-line);background:#1e2125;flex-direction:column;flex:none;gap:14px;width:208px;padding:22px 13px 18px;display:flex}.editor-side-heading{color:#8f98a5;justify-content:space-between;align-items:center;padding:0 7px;font-size:11px;display:flex}.editor-side-heading h2{color:#cdd3dc;margin:0;font-size:12px}.editor-track-list{gap:7px;display:grid}.editor-track-card{border:1px solid #0000;border-radius:7px;padding:6px}.editor-track-card.is-selected{box-shadow:inset 2px 0 var(--editor-accent);background:#ffffff07;border-color:#ffffff1a}.editor-track-select{text-align:left;color:#c9ced6;cursor:pointer;background:0 0;border:0;grid-template-columns:18px 1fr;align-items:center;gap:7px;width:100%;padding:5px;display:grid}.editor-track-select strong{overflow-wrap:anywhere;font-size:12px;font-weight:500}.editor-track-select small{color:#919ba9;grid-column:2;font-size:10px}.editor-mute-solo{justify-content:end;align-items:center;gap:5px;margin-top:6px;display:flex}.editor-mute-solo button{font:500 10px var(--font-body);color:#a7b0bd;cursor:pointer;background:0 0;border:1px solid #ffffff21;border-radius:4px;width:29px;height:28px}.editor-mute-solo button[aria-pressed=true]{color:var(--editor-accent);background:#ffaaa020;border-color:#ffaaa066}.editor-add-track.btn{background:0 0;border:1px dashed #ffffff25;min-height:37px;padding:8px;font-size:11px}.editor-track-settings{border-top:1px solid var(--editor-line);margin-top:6px;padding-top:20px}.editor-tuning-pitches{flex-wrap:wrap;gap:5px;margin:14px 6px;display:flex}.editor-tuning-pitches span{background:#ffffff08;border:1px solid #ffffff12;border-radius:4px;place-items:center;width:23px;height:28px;font-size:10px;display:grid}.editor-shortcuts.btn{border:0;border-top:1px solid var(--editor-line);background:0 0;justify-content:space-between;margin-top:auto;padding:15px 3px 0;font-size:11px}.editor-shortcuts kbd{color:#9ba3af;font-size:10px}.editor-score-workspace{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.editor-fieldset{border:0;min-width:0;margin:0;padding:0}.editor-toolbar{background:#24272c;border-bottom:1px solid #fff2;flex-wrap:wrap;align-items:center;gap:7px;padding:9px 12px;display:flex}.editor-tool-group{border-right:1px solid #ffffff20;align-items:center;gap:2px;padding-right:7px;display:flex}.editor-tool{color:#c3c9d3;min-width:34px;min-height:36px;font:500 11px var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.editor-tool:hover{background:#ffffff0b}.editor-tool[aria-pressed=true]{color:#fff;background:#d6dce51a;border-color:#d6dce53d}.editor-tool:disabled{opacity:.3;cursor:default}.editor-add-bar{margin-left:auto}.editor-score-meta{justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 10px;display:flex}.editor-score-meta>div{align-items:center;gap:13px;min-width:0;display:flex}.editor-score-meta strong{overflow-wrap:anywhere;font-size:12px;font-weight:500}.editor-score-meta span{color:var(--editor-muted);border-left:1px solid #ffffff29;padding-left:13px;font-size:10px}.editor-loop-summary{min-height:33px;color:var(--editor-accent);font:400 10px var(--font-body);cursor:pointer;white-space:nowrap;background:#ffaaa00b;border:1px solid #ffaaa032;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;display:flex}.editor-loop-summary svg{width:15px}.editor-score-scroll{scrollbar-width:thin;scrollbar-color:#50555c transparent;flex:1;min-height:300px;max-height:65vh;padding:12px 24px 24px;overflow:auto}.editor-score{outline:none;flex-wrap:wrap;align-content:start;row-gap:28px;width:100%;min-width:0;display:flex}.score-measure{background:var(--editor-bg);border-left:1px solid #66717d;border-right:1px solid #66717d;flex:280px;margin-left:-1px;padding:0 0 8px;position:relative}.score-measure.is-current{background:#ffffff03}.score-measure.in-loop{box-shadow:inset 0 2px #ffaaa06b}.score-measure.is-playing{background:#ffaaa012}.score-measure-heading{color:#a3a7ae;justify-content:space-between;align-items:center;padding:7px 12px 13px;font-size:11px;display:flex}.score-measure-heading span:last-child{font-size:10px}.score-string{height:calc(31px * var(--score-zoom));background:linear-gradient(#0000 calc(50% - .5px),#66717d calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px));align-items:center;display:flex;position:relative}.score-tuning{text-align:center;color:#929da9;background:var(--editor-bg);flex:none;width:28px;font-size:10px}.score-event{flex-basis:0;justify-content:center;align-items:center;min-width:24px;height:100%;display:flex}.score-cell{color:#e9e9e7;width:100%;height:100%;font:500 calc(14px * var(--score-zoom))/1 var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:2px;place-items:center;padding:0;display:grid;position:relative}.score-cell>span:not(:empty){background:var(--editor-bg);border-radius:3px;min-width:20px;padding:2px}.score-cell.is-selected{background:#ffaaa010;box-shadow:inset 0 0 0 1px #ffaaa077}.score-cell.is-selected>span{background:var(--editor-accent);color:#221e1e;place-items:center;min-width:23px;min-height:21px;display:grid}.score-cell:hover{background:#ffaaa00b}.score-cell small{color:#c9c0ba;background:var(--editor-bg);padding:1px 2px;font-size:8px;line-height:1;position:absolute;top:-2px;right:2px}.score-cell.is-protected{background-image:repeating-linear-gradient(135deg,#0000,#0000 5px,#ffffff03 5px 6px)}.score-cell:focus-visible{outline:2px solid var(--editor-accent);outline-offset:-2px;z-index:2}.score-rhythm{align-items:start;height:44px;padding-top:12px;display:flex}.tab-beat-label{color:#c8cdd4;flex-direction:column;flex-basis:0;align-items:center;min-width:24px;display:flex}.tab-beat-label small{color:#8c96a2;margin-top:2px;font-size:8px}.editor-practice-score{background:var(--editor-bg);flex:1;min-height:320px;overflow:hidden}.editor-practice-score .score-scroll{min-height:320px;max-height:65vh;overflow:auto}.editor-selection-status{border-top:1px solid var(--editor-line);color:var(--editor-muted);justify-content:space-between;gap:12px;padding:10px 24px;font-size:10px;display:flex}.editor-inspector{border-top:1px solid var(--editor-line);flex-wrap:wrap;align-items:end;gap:6px;padding:10px 24px;display:flex}.editor-inspector .field{gap:4px;width:85px;font-size:10px}.editor-inspector .field input,.editor-inspector .field select{min-height:36px;padding:6px 8px}.editor-inspector .field:has(select){width:100px}.editor-inspector .editor-tool{margin-bottom:1px}.editor-protection{color:#dbbb9c;border-top:1px solid var(--editor-line);margin:0;padding:10px 24px;font-size:11px}.editor-measure-map{border-top:1px solid var(--editor-line);background:#1b1d20;padding:15px 24px 20px}.editor-map-heading{color:#a9adb6;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:10px;display:flex}.editor-map-heading span:last-child{color:#858e9b;font-size:9px}.editor-map-bars{scrollbar-width:thin;gap:4px;padding-bottom:3px;display:flex;overflow:auto}.editor-map-bars button{color:#959dab;min-width:29px;height:30px;font:400 10px var(--font-body);cursor:pointer;background:#292d33;border:1px solid #0000;border-radius:3px;flex:1}.editor-map-bars button.in-loop{color:#e1b5af;background:#3d3030;border-top:2px solid #b97f79}.editor-map-bars button.is-selected{color:#ffe0db;background:#51403f;border:1px solid #ffaaa0}.editor-transport{z-index:5;background:#22252a;border-top:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:16px;min-height:89px;padding:15px 22px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 24px #00000012}.editor-transport-position{align-items:center;gap:12px;display:flex}.editor-play{color:#21262c;cursor:pointer;background:linear-gradient(130deg,#e7ecf5,#b8c1d0);border:1px solid #e6eaf0;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.editor-play:disabled{opacity:.4;cursor:default}.editor-transport-position>div{gap:5px;min-width:90px;display:grid}.editor-transport-position strong{font-size:12px;font-weight:500}.editor-transport-position strong span{color:#858c98;font-size:10px}.editor-transport-position small{color:#a0a7b1;font-size:10px}.editor-transport-middle{align-items:center;gap:20px;display:flex}.editor-transport-toggle{color:#9da5b2;min-width:42px;min-height:49px;font:400 9px var(--font-body);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:3px;display:flex}.editor-transport-toggle[aria-pressed=true]{color:var(--editor-accent)}.editor-speed{border-inline:1px solid #ffffff29;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding-inline:18px;display:grid}.editor-speed>span{color:var(--editor-muted);grid-column:1/-1;font-size:9px}.editor-speed select{background:0 0;border:0;width:75px;min-height:25px;padding:0;font-size:15px}.editor-speed small{color:var(--editor-muted);font-size:9px}.editor-transport-audio{align-items:center;gap:10px;display:flex}.editor-transport-audio input{accent-color:#d6dce5;width:70px;min-height:20px;padding:0}.editor-transport-audio .btn{padding:8px;font-size:11px}.editor-footnote{justify-content:space-between;align-items:start;gap:20px;margin-top:16px;display:flex}.editor-footnote p{max-width:60ch;margin:0}.editor-footnote .text-link{white-space:nowrap;font-size:12px}.editor-mixer-row{border-bottom:1px solid #ffffff17;grid-template-columns:1fr 95px 63px;align-items:center;gap:12px;padding:16px 0;display:grid}.editor-mixer-row>div:first-child{gap:5px;min-width:0;display:grid}.editor-mixer-row strong{overflow-wrap:anywhere;font-size:12px}.editor-mixer-row small{color:#9da5b2;font-size:10px}.editor-mixer-row input{accent-color:#d6dce5;width:100%;padding:0}.editor-mixer-row .editor-mute-solo{margin:0}.editor-presets{flex-wrap:wrap;gap:7px;display:flex}.editor-presets .btn{white-space:nowrap;flex:1;font-size:12px}.editor-presets [aria-pressed=true]{background:#ffaaa018;border-color:#ffaaa0}.editor-help p{color:#a9adb6;font-size:12px}.editor-help dl{display:grid}.editor-help dl>div{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:11px;display:flex}.editor-help dd{margin:0;font-size:10px}.library-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=1200px){.editor-save-status{display:none}.editor-transport-middle{gap:12px}.editor-transport-audio>input{display:none}.editor-transport{gap:8px;padding-inline:12px}.editor-track-panel{width:180px}.editor-score-meta,.editor-selection-status,.editor-measure-map,.editor-inspector,.editor-score-scroll{padding-inline:18px}.editor-toolbar{gap:5px}.editor-tool-group{border:0;padding-right:0}.editor-tool{padding-inline:6px}.editor-speed{padding-inline:12px}}@media (width<=900px){.editor-start{grid-template-columns:1fr}.editor-start-art{min-height:240px}.editor-document h1{font-size:27px}.editor-track-panel{width:165px;padding-inline:8px}.editor-track-select strong{font-size:11px}.editor-transport-middle{gap:9px}.editor-speed small{display:none}.editor-transport-position{gap:7px}.editor-transport-position>div{min-width:78px}.editor-transport-audio>.btn{gap:0;font-size:0}.editor-transport-audio>.btn svg{font-size:initial}.editor-score-meta span,.editor-selection-status>span:last-child{display:none}.editor-footnote{flex-wrap:wrap}}@media (width<=760px){.editor-document{align-items:start;gap:12px;padding-bottom:17px}.editor-document h1{overflow-wrap:anywhere;font-size:25px}.editor-document p{font-size:10px}.editor-document-actions{flex:none;gap:5px}.editor-document-actions>.btn-primary{gap:0;min-width:38px;min-height:38px;padding:9px;font-size:0}.editor-document-actions>.btn-icon{width:34px;min-width:34px;padding:6px}.editor-workspace-nav{gap:8px;padding-inline:12px}.editor-mode-switch{gap:15px}.editor-mode-switch button{gap:5px;font-size:11px}.editor-view-actions{gap:0}.editor-view-actions .btn{min-width:34px;padding:6px}.editor-view-actions .btn span{display:none}.editor-view-actions select{width:59px;padding:4px;font-size:10px}.editor-track-panel{z-index:4;width:220px;position:absolute;top:0;bottom:0;left:0;overflow:auto;box-shadow:20px 0 50px #0006}.editor-track-select strong{font-size:12px}.editor-score-meta{padding:14px 12px 8px}.editor-score-meta strong{font-size:11px}.editor-loop-summary{gap:4px;padding:4px 6px;font-size:9px}.editor-toolbar{gap:4px;padding:7px 8px}.editor-tool{min-width:32px;min-height:37px;padding-inline:6px}.editor-add-bar{margin-left:0}.editor-score-scroll{min-height:270px;max-height:55vh;padding:12px 12px 20px}.editor-score{row-gap:22px}.score-measure{max-width:none;min-width:100%!important}.score-event{min-width:24px}.score-string{height:32px}.score-cell{font-size:15px}.score-tuning{width:22px}.editor-inspector{gap:5px;padding:9px 12px}.editor-inspector .field{width:64px}.editor-inspector .field:has(select){width:80px}.editor-inspector>.editor-tool:nth-last-child(-n+2){padding-inline:5px;font-size:10px}.editor-selection-status{padding:10px 12px;font-size:10px}.editor-measure-map{padding:12px 12px 15px}.editor-map-heading{gap:7px;font-size:9px}.editor-map-heading span:last-child{font-size:8px}.editor-map-bars button{min-width:29px}.editor-transport{grid-template-columns:1fr auto;gap:12px;min-height:133px;padding:12px;display:grid;position:sticky;bottom:0}.editor-transport-position{gap:8px}.editor-play{width:43px;height:43px}.editor-transport-position>.editor-tool{min-width:25px;padding:4px}.editor-transport-position strong{font-size:11px}.editor-transport-position small{font-size:9px}.editor-transport-middle{grid-area:2/1/auto/-1;justify-content:space-between;gap:9px}.editor-transport-toggle{flex-direction:row;gap:5px;min-width:0;min-height:32px;padding:0;font-size:9px}.editor-transport-toggle svg{width:15px;height:15px}.editor-speed{border:0;gap:5px;padding:0;display:flex}.editor-speed>span{display:none}.editor-speed select{width:60px;font-size:12px}.editor-transport-audio{grid-area:1/2;gap:5px}.editor-transport-audio>svg{display:none}.editor-transport-audio>.btn{gap:6px;font-size:10px}.editor-footnote{gap:10px}.editor-footnote p{font-size:11px}.editor-start-art{padding:24px}.editor-start-art h2{font-size:30px}.editor-start .cols-2{grid-template-columns:1fr}.editor-mixer-row{grid-template-columns:1fr 70px 63px;gap:8px}}@media (width<=370px){.editor-view-actions select{display:none}.editor-mode-switch{gap:11px}.editor-toolbar{gap:2px}.editor-tool{min-width:29px;padding-inline:5px}.editor-tool-group{gap:0}.editor-transport-middle{gap:6px}.editor-transport-toggle{gap:4px;font-size:8px}.editor-transport-position>div{min-width:72px}.editor-transport-audio>.btn{font-size:9px}.editor-document h1{font-size:23px}.editor-inspector .field:has(select){width:76px}}@media (prefers-reduced-motion:reduce){.editor-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.editor-practice-score.is-inactive{visibility:hidden;pointer-events:none;width:100%;height:1px;min-height:0;position:absolute;top:0;left:0;overflow:hidden}.editor-engine-bootstrap{visibility:hidden;pointer-events:none;width:900px;height:1px;position:absolute;top:0;left:-10000px;overflow:hidden}.editor-close-tracks{display:none}@media (width<=760px){.editor-close-tracks{min-height:30px;display:inline-flex}.editor-side-heading>span{margin-left:auto}.editor-page .editor-workspace,.player-workspace{flex-direction:column;height:calc(100dvh - 104px);min-height:460px;scroll-margin-top:90px;display:flex}.editor-workspace .editor-workspace-body{flex:1;min-height:0;overflow:auto}.editor-workspace .editor-score-workspace{flex-shrink:0;min-height:min-content}.editor-workspace .editor-transport{flex:none;position:relative;bottom:auto}.editor-workspace .score-cell,.editor-workspace input,.editor-workspace button{scroll-margin-block:20px}.editor-track-close{min-height:30px;display:inline-flex}.editor-workspace .editor-score-scroll{scroll-padding-block:20px}}.editor-import{margin-top:24px}.editor-import h2{margin:8px 0}.editor-import p{margin:0}.editor-import-actions{flex-wrap:wrap}.editor-import input{min-width:0}.editor-import summary{cursor:pointer;padding:8px 0}.editor-import .field{min-width:0}.editor-creation{max-width:1080px}.editor-creation-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.editor-creation-option{text-align:left;min-width:0;color:var(--color-text);font:inherit;cursor:pointer;grid-template-columns:1fr auto;align-content:start;gap:24px 12px;padding:24px;display:grid}.editor-creation-option>svg:first-child{width:28px;height:28px;color:var(--color-primary)}.editor-creation-option>svg:last-child{color:var(--color-muted);grid-area:1/2;align-self:center}.editor-creation-copy{grid-column:1/-1;gap:12px;display:grid}.editor-creation-copy strong{font:500 24px/1.2 var(--font-display);text-wrap:balance}.editor-creation-copy>span{color:var(--color-muted);max-width:34ch;font-size:14px;line-height:1.6}.editor-creation-option:hover,.editor-creation-option:active{background:var(--color-panel-raised);border-color:var(--color-primary)}.editor-creation-option:focus-visible,.editor-creation-back:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.editor-creation h2:focus{outline:2px solid var(--color-accent);outline-offset:6px}.editor-creation-note{max-width:75ch;margin:20px 0}.editor-creation-back{min-height:44px;margin-bottom:20px}.editor-creation .editor-import{margin-top:0}.editor-upload,.editor-creation .editor-import{max-width:720px}.editor-upload h2{margin:0 0 8px}.editor-upload p{margin:0}.editor-creation .field,.editor-creation input,.editor-creation select{min-width:0}.editor-creation .btn-primary{min-height:44px}@media (width<=900px){.editor-creation-options{grid-template-columns:1fr}.editor-creation-option{grid-template-columns:32px 1fr auto;align-items:center;gap:20px;padding:24px}.editor-creation-copy{grid-column:2;gap:8px}.editor-creation-option>svg:last-child{grid-column:3}.editor-creation-copy>span{max-width:60ch}}@media (width<=480px){.editor-creation-options{gap:12px}.editor-creation-option{grid-template-columns:24px minmax(0,1fr) 18px;gap:12px;padding:20px 16px}.editor-creation-option>svg:first-child{width:24px;height:24px}.editor-creation-copy strong{font-size:22px}.editor-creation-copy>span{font-size:13px}.editor-creation .editor-import .btn,.editor-creation .editor-upload .btn{white-space:normal}.editor-creation-note{font-size:12px;line-height:1.6}}.editor-title{min-width:0}.editor-title h1{margin:0}.editor-title-button{max-width:100%;color:inherit;text-align:left;font:inherit;cursor:text;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.editor-title-button span{overflow-wrap:anywhere}.editor-title-button svg{color:#aab1bb;opacity:.7;flex:none;width:20px;height:20px}.editor-title-button:hover svg,.editor-title-button:focus-visible svg{opacity:1;color:#f0f2f5}.editor-title-form{flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;display:flex}.editor-title-form input{box-sizing:border-box;width:min(560px,100%);min-width:0;font:inherit;font-family:var(--font-display);flex:160px;padding:4px 8px;font-size:clamp(24px,3vw,36px);line-height:1.2}.editor-title-error{color:#ffb7ad;flex-basis:100%;font-size:12px}.editor-workspace .editor-transport{grid-template-columns:auto minmax(0,1fr) auto;justify-content:normal;align-items:center;gap:20px;min-height:116px;padding:16px 20px;display:grid}.editor-workspace .editor-transport-position{gap:10px;min-width:0}.editor-workspace .editor-transport-position>.editor-tool{width:36px;min-width:36px;min-height:44px;padding:8px}.editor-workspace .editor-play{width:44px;height:44px}.editor-workspace .editor-transport-position>div{gap:4px;min-width:88px}.editor-workspace .editor-transport-position strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.editor-workspace .editor-transport-position small{white-space:nowrap;font-size:10px}.editor-workspace .editor-transport-middle{grid-area:auto;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.editor-workspace .editor-transport-toggle{min-width:44px;min-height:44px;color:var(--color-muted);white-space:nowrap;border:1px solid #0000;border-radius:6px;flex-direction:row;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:11px;line-height:16px;display:flex}.editor-workspace .editor-transport-toggle svg{width:18px;height:18px}.editor-workspace .editor-transport-toggle:hover{background:#ffffff08}.editor-workspace .editor-transport-toggle[aria-pressed=true]{color:var(--editor-accent);background:#ffaaa00b;border-color:#ffaaa033}.editor-workspace .editor-transport-audio{border-left:1px solid var(--editor-line);grid-area:auto;gap:10px;min-height:44px;padding-left:16px}.editor-workspace .editor-transport-audio>svg{width:18px;height:18px;display:block}.editor-workspace .editor-transport-audio>input{width:64px;min-height:44px;display:block}.editor-workspace .editor-transport-audio>.btn{white-space:nowrap;gap:7px;min-height:44px;padding:8px 12px;font-size:11px}@media (width<=1400px){.editor-workspace .editor-transport{grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;padding:14px 18px}.editor-workspace .editor-transport-middle{border-top:1px solid var(--editor-line);grid-area:2/1/auto/-1;padding-top:12px}.editor-workspace .editor-transport-audio{border-left:0;grid-area:1/2;padding-left:0}.editor-workspace .editor-transport-audio>input{width:80px}}@media (width<=1000px){.editor-workspace .editor-transport-middle{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:normal;gap:8px;width:100%;display:grid}.editor-workspace .editor-transport-middle>.tempo-control{border:0;grid-area:1/1/auto/-1;grid-template-columns:minmax(0,1fr) 88px;justify-self:center;width:min(100%,320px);padding:0}.editor-workspace .editor-transport-middle>.editor-transport-toggle{grid-row:2;width:100%;padding:8px 4px}}@media (width<=760px){.editor-workspace .editor-transport{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:0;padding:12px}.editor-workspace .editor-transport-position{gap:6px}.editor-workspace .editor-transport-position>.editor-tool{width:28px;min-width:28px;padding:4px}.editor-workspace .editor-transport-position>div{min-width:0}.editor-workspace .editor-transport-position strong{font-size:11px}.editor-workspace .editor-transport-position strong span,.editor-workspace .editor-transport-position small{font-size:9px}.editor-workspace .editor-transport-middle{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:normal;gap:8px;width:100%;padding-top:12px;display:grid}.editor-workspace .editor-transport-middle>.editor-transport-toggle{grid-row:2;gap:5px;width:100%;padding:8px 4px;font-size:10px}.editor-workspace .editor-transport-audio{gap:0}.editor-workspace .editor-transport-audio>svg,.editor-workspace .editor-transport-audio>input{display:none}.editor-workspace .editor-transport-audio>.btn{padding:8px 10px;font-size:11px}}.editor-workspace .editor-play.is-loading{border-color:var(--editor-line);width:154px;min-width:0;color:var(--color-muted);font:500 11px/1.3 var(--font-body);white-space:nowrap;opacity:1;cursor:wait;background:#ffffff0b;border-radius:8px;justify-content:center;gap:8px;padding:0 10px;display:flex}.editor-play-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.9s linear infinite editor-play-loading}.editor-workspace .editor-transport-position>div[hidden]{display:none}@keyframes editor-play-loading{to{transform:rotate(360deg)}}@media (width<=370px){.editor-transport-position:has(.editor-play.is-loading)>.editor-tool{display:none}}@media (prefers-reduced-motion:reduce){.editor-play-spinner{animation:none}}.player-workspace{--editor-bg:#1b1e22;--editor-line:#ffffff17;--editor-muted:#a3a7ae;--editor-accent:#ffaaa0;min-width:0}.player-workspace .editor-workspace-body{min-height:420px}.player-workspace .player-full-score{background:var(--editor-bg);flex:1;width:100%;min-height:360px;max-height:65vh;padding:10px 12px 24px}.player-workspace .editor-mode-switch button[aria-current=page]{color:var(--color-text);border-bottom-color:var(--color-primary)}.player-editor-link{color:#9ba3af;align-items:center;gap:8px;padding:14px 0;font-size:12px;display:flex}.player-editor-link:hover{color:var(--color-text)}.player-assignment-note{color:var(--color-muted);background:#1c1f23;border-top:1px solid #ffffff17;margin:0;padding:12px 20px;font-size:11px}.player-workspace .editor-track-select:disabled{cursor:default;opacity:.5}.player-workspace .editor-track-select:disabled+div{opacity:1}.player-workspace .editor-selection-status a{text-underline-offset:3px;text-decoration:underline}.player-workspace .editor-map-bars button:disabled{opacity:.3;cursor:default}.practice-layout>aside{grid-template-columns:minmax(0,1fr) 270px;gap:24px;margin-top:24px;display:grid}.material-workspace-details{margin-top:24px}.material-workspace-details>section{min-width:0}.player-workspace .editor-track-panel{min-height:420px}.player-workspace .editor-transport{margin-top:0}.player-workspace svg{vertical-align:middle;flex:none}.player-workspace input[type=range]{min-height:22px;accent-color:var(--color-primary)}@media (width<=760px){.player-workspace .player-full-score{min-height:280px;max-height:58vh;padding:8px 0 18px}.player-workspace .editor-workspace-body,.player-workspace .editor-track-panel{min-height:330px}.player-assignment-note{padding:12px;font-size:10px}.player-editor-link{gap:5px;font-size:11px}.practice-layout>aside{grid-template-columns:minmax(0,1fr)}.player-workspace .editor-mode-switch{gap:16px}.player-workspace .editor-view-actions select{min-height:32px}.player-workspace .editor-score-meta>div{max-width:50%}.player-workspace .editor-transport-position small{white-space:nowrap}}@media (width>=761px){.player-workspace .editor-track-close{display:none}}.tempo-control{border-inline:1px solid var(--editor-line,#ffffff29);grid-template-columns:146px 82px;gap:6px 12px;min-width:0;padding-inline:16px;display:grid}.tempo-field{grid-template-rows:14px 44px;align-content:start;gap:6px;min-width:0;display:grid}.tempo-field>span{color:var(--color-muted,#b0b7c1);white-space:nowrap;font-size:11px;line-height:14px}.tempo-control .tempo-field input,.tempo-control .tempo-field select{box-sizing:border-box;width:100%;min-width:0;height:44px;min-height:44px;color:var(--color-text,#f2f3f4);font:500 14px/1.2 var(--font-body);background:#1c2025;border:1px solid #ffffff2c;border-radius:6px;margin:0;padding:8px 10px}.tempo-original{color:var(--color-muted,#b0b7c1);white-space:nowrap;grid-column:1/-1;font-size:11px;line-height:14px}.tempo-error{max-width:240px;color:var(--color-negative,#ffb7ad);grid-column:1/-1;font-size:11px;line-height:1.5}.tempo-control input[aria-invalid=true]{border-color:var(--color-accent,#ffaaa0)}@media (width<=760px){.editor-transport-middle .tempo-control{border:0;grid-area:1/1/auto/-1;grid-template-columns:minmax(0,1fr) 88px;width:100%;padding:0}.tempo-field>span,.tempo-original{font-size:10px}.tempo-control .tempo-field input,.tempo-control .tempo-field select{font-size:16px}.tempo-error{max-width:none}}.sp-profile{max-width:1350px;margin-inline:auto}.sp-heading{align-items:center;gap:18px;margin:4px 0 22px;display:flex}.sp-heading>.avatar{border:1px solid var(--color-line);background:linear-gradient(135deg,#56565b,#2a2a2e);flex:none;width:64px;height:64px;font-size:19px}.sp-heading h1{font-size:34px}.sp-heading p{overflow-wrap:anywhere;margin-top:7px}.sp-heading-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.sp-summary{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:20px;padding-bottom:20px;font-size:12px;display:flex}.sp-summary>span{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.sp-summary strong{color:var(--color-text);font-weight:500}.sp-tag{border:1px solid var(--color-line);color:var(--color-muted);overflow-wrap:anywhere;border-radius:6px;align-items:center;gap:6px;max-width:100%;padding:4px 9px;font-size:11px;line-height:1.5;display:inline-flex}.sp-tag svg{flex:none;width:13px;height:13px}.sp-tag-positive{color:var(--color-positive);background:#a9dfc008;border-color:#a9dfc030}.sp-tag-shared{color:#ffc5bc;background:#ffaaa008;border-color:#ffaaa028}.sp-tabs{border-bottom:1px solid var(--color-line);gap:26px;min-width:0;margin-bottom:26px;display:flex}.sp-tabs button{min-height:50px;color:var(--color-muted);text-align:left;background:0 0;border:0;border-bottom:2px solid #0000;min-width:0;padding:8px 0 14px;font-size:13px}.sp-tabs button[aria-selected=true]{color:var(--color-text);border-bottom-color:var(--color-primary)}.sp-tab-count{color:var(--color-muted);margin-left:7px;font-size:11px}.sp-layout{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);align-items:start;gap:24px;display:grid}.sp-layout>*{min-width:0}.sp-profile .panel{border-color:#ffffff29}.sp-profile .section-title{gap:10px;margin-bottom:18px}.sp-profile .section-title>.small{font-size:11px}.sp-focus{border-left:3px solid var(--color-accent);background:#ffaaa007;border-radius:0 10px 10px 0;margin-bottom:20px;padding:16px 18px}.sp-focus h3{color:#ffd2cb;margin-bottom:7px}.sp-focus p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.sp-compose{border-bottom:1px solid var(--color-line);padding-bottom:20px}.sp-compose textarea{min-height:96px;font-size:13px;line-height:1.7}.sp-visibility{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.sp-visibility .btn{color:var(--color-muted);background:0 0;border-color:#0000;padding:8px 12px;font-size:12px}.sp-visibility .btn[aria-pressed=true]{color:var(--color-text);background:#ffffff0d;border-color:#ffffff25}.sp-compose-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.sp-compose-bottom .check{font-size:11px}.sp-compose-bottom .btn{margin-left:auto}.sp-note{border-bottom:1px solid var(--color-line);padding:20px 0}.sp-note:last-child{border-bottom:0;padding-bottom:0}.sp-note-top{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:9px;display:flex}.sp-note-top time{color:var(--color-muted);margin-left:auto;font-size:11px}.sp-note>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.sp-note-meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.sp-note-meta>.btn{margin-left:auto;padding:6px 8px;font-size:11px}.sp-note-meta svg{width:13px;height:13px}.sp-label{color:var(--color-muted);margin-bottom:8px;font-size:12px;display:block}.sp-profile-row{border-bottom:1px solid var(--color-line);min-width:0;padding:16px 0}.sp-profile-row:last-child{border:0;padding-bottom:0}.sp-profile-row p{overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;line-height:1.8}.sp-profile-row select{font-size:13px}.sp-chips{flex-wrap:wrap;gap:7px;display:flex}.sp-balance{flex-wrap:wrap;align-items:baseline;gap:8px;margin:14px 0 4px;display:flex}.sp-balance strong{font:400 38px/1.3 var(--font-display)}.sp-balance span{color:var(--color-muted);font-size:12px}.sp-progress{gap:5px;height:7px;margin:18px 0 12px;display:flex}.sp-progress span{background:#ffffff18;border-radius:3px;min-width:0;height:100%}.sp-progress .sp-progress-used{background:#9ea6b3}.sp-progress .sp-progress-reserved{background:#edd2a3}.sp-mini-stats{color:var(--color-muted);flex-wrap:wrap;gap:12px;font-size:11px;display:flex}.sp-mini-stats span:before{content:"";background:#9ea6b3;border-radius:2px;width:6px;height:6px;margin-right:5px;display:inline-block}.sp-mini-stats span:nth-child(2):before{background:#edd2a3}.sp-mini-stats span:nth-child(3):before{background:#ffffff25}.sp-panel-footer{border-top:1px solid var(--color-line);color:var(--color-muted);margin-top:20px;padding-top:16px;font-size:12px;line-height:1.7}.sp-next{align-items:flex-start;gap:12px;display:flex}.sp-next>svg{flex:none;margin-top:4px}.sp-next strong{font-weight:500}.sp-next p{overflow-wrap:anywhere;font-size:11px}.sp-finance-link{text-align:left;max-width:100%;margin-top:8px;padding:12px 0 0;font-size:12px}.sp-empty{color:var(--color-muted);padding:26px 0;font-size:13px;line-height:1.8}.sp-empty h3{color:var(--color-text);margin-bottom:8px}.sp-empty p{max-width:60ch}.sp-exercise{border-bottom:1px solid var(--color-line);align-items:center;gap:16px;padding:20px 0;display:flex}.sp-exercise:last-child{border:0;padding-bottom:0}.sp-cover{border:1px solid var(--color-line);background-position:50%;background-size:cover;border-radius:8px;flex:none;width:64px;height:74px}.sp-exercise h3{overflow-wrap:anywhere;margin:5px 0;font-size:16px}.sp-exercise p{overflow-wrap:anywhere}.sp-tempo{margin:9px 0;font-size:12px}.sp-tempo strong{font-size:14px;font-weight:500}.sp-exercise-actions{flex:none;gap:7px;max-width:100%;display:grid}.sp-exercise-actions .btn{padding-inline:10px;font-size:12px}.sp-subhead{margin:30px 0 14px}.sp-history-row{border-bottom:1px solid var(--color-line);grid-template-columns:90px minmax(0,1fr) auto;align-items:start;gap:16px;min-width:0;padding:17px 0;font-size:12px;display:grid}.sp-history-row:first-child{padding-top:0}.sp-history-row:last-child{border:0;padding-bottom:0}.sp-history-row p{color:var(--color-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:7px}.sp-history-row h3{overflow-wrap:anywhere;font-size:14px}.sp-history-row time{color:var(--color-muted);padding-top:3px;font-size:11px}.sp-history-row .sp-result{color:var(--color-text);text-align:right;font-size:23px}.sp-result{font:400 27px/1.5 var(--font-display);color:var(--color-text)}.sp-result small{font:400 11px var(--font-body);color:var(--color-muted);margin-left:5px}.sp-finance-grid{grid-template-columns:minmax(280px,350px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.sp-finance-grid>*{min-width:0}.sp-payment-row{border-bottom:1px solid var(--color-line);justify-content:space-between;gap:18px;padding:20px 0;font-size:12px;display:flex}.sp-payment-row:first-child{padding-top:0}.sp-payment-row:last-child{border:0;padding-bottom:0}.sp-payment-row>div{min-width:0}.sp-payment-row h3{overflow-wrap:anywhere;margin:7px 0}.sp-payment-row p{overflow-wrap:anywhere}.sp-payment-row time{color:var(--color-muted);font-size:11px}.sp-payment-amount{font-variant-numeric:tabular-nums;flex:none;align-content:start;justify-items:end;gap:8px;display:grid}.sp-payment-amount strong{font-size:16px;font-weight:500}.sp-dialog-actions{flex-wrap:wrap;gap:10px;display:flex}.sp-dialog-actions>.btn{flex:1}.sp-shared-note{border-left:2px solid var(--color-accent);background:#ffffff05;margin-top:16px;padding:14px 17px}.sp-shared-note>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.sp-feedback-title{align-items:center;gap:8px;margin-bottom:16px;display:flex}.sp-demo-payment{border-top:1px solid var(--color-line);padding-top:20px}.sp-demo-payment p{overflow-wrap:anywhere}.sp-student-feedback .sp-history-row:first-child{padding-top:18px}@media (width<=1250px){.sp-layout{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr);gap:18px}.sp-profile .pad{padding:20px}.sp-heading{flex-wrap:wrap}.sp-heading-actions{width:100%;margin-left:82px}.sp-exercise{flex-wrap:wrap}.sp-exercise-actions{flex-wrap:wrap;justify-content:flex-end;width:100%;display:flex}.sp-finance-grid{grid-template-columns:300px minmax(0,1fr)}.sp-payment-row{flex-wrap:wrap}.sp-payment-amount{justify-content:space-between;align-items:center;width:100%;display:flex}}@media (width<=1050px){.sp-layout{grid-template-columns:1fr}.sp-layout>aside.stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sp-finance-grid{grid-template-columns:1fr}.sp-heading-actions{margin-left:0}.sp-tabs{gap:20px}.sp-tab-count{display:none}.sp-payment-row{flex-wrap:nowrap}.sp-payment-amount{justify-content:normal;width:auto;display:grid}}@media (width<=760px){.sp-heading{gap:14px;margin-bottom:18px}.sp-heading>.avatar{width:52px;height:52px;font-size:16px}.sp-heading h1{font-size:30px}.sp-heading>.grow{flex-basis:calc(100% - 70px)}.sp-heading p{font-size:11px}.sp-heading-actions>.btn{flex:1;padding-inline:10px;font-size:11px}.sp-heading-actions{gap:8px}.sp-summary{gap:12px;padding-bottom:16px;font-size:11px}.sp-tabs{gap:14px;margin-bottom:18px}.sp-tabs button{max-width:36%;min-height:60px;font-size:11px;line-height:1.6}.sp-profile .pad{padding:18px}.sp-layout>aside.stack{grid-template-columns:1fr}.sp-profile .section-title>.small{width:100%}.sp-focus{padding:14px}.sp-focus p,.sp-note>p{font-size:12px}.sp-compose textarea{font-size:16px}.sp-visibility .btn{padding:8px 10px;font-size:11px}.sp-compose-bottom>.btn{width:100%}.sp-note-top time{margin-left:0}.sp-note-meta>.btn{font-size:10px}.sp-history-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.sp-history-row time{grid-column:1/-1}.sp-history-row h3{font-size:13px}.sp-history-row .small{font-size:11px}.sp-exercise{align-items:flex-start;gap:12px}.sp-cover{width:52px;height:64px}.sp-exercise h3{font-size:14px}.sp-exercise>.grow{flex-basis:calc(100% - 64px)}.sp-exercise-actions>.btn{flex:1}.sp-exercise-actions .btn-quiet{flex-basis:100%}.sp-payment-row{flex-wrap:wrap;gap:12px}.sp-payment-amount{justify-content:space-between;align-items:center;width:100%;display:flex}.sp-profile-row select{font-size:16px}.sp-mini-stats{gap:10px}.sp-student-feedback .sp-history-row{grid-template-columns:minmax(0,1fr) auto}.sp-balance strong{font-size:34px}}.mvp .main{min-height:calc(100svh - 112px)}.mvp h1{overflow-wrap:anywhere}.mvp .main h1:focus{outline:none}.mvp .sidebar{height:calc(100svh - 40px);position:sticky;top:0}.mvp .topbar{z-index:12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#191a1de8;position:sticky;top:0}.mvp .topbar .account-link{flex-wrap:nowrap}.mvp .heading{margin-top:0}.eyebrow{letter-spacing:.15em;color:var(--color-muted);font-size:11px;font-weight:500}.text-link{text-underline-offset:4px;text-decoration:underline}.breadcrumb{color:var(--color-muted);margin-bottom:18px;font-size:12px;display:inline-block}.mvp-footer{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:28px;padding-top:40px;font-size:11px;display:flex}.notice{border:1px solid var(--color-line);background:var(--color-panel);border-radius:10px;margin-bottom:18px;padding:14px 18px}.notice-error{color:var(--color-negative);background:#311c20b0;border-color:#ffb7b755}.notice.success{color:var(--color-positive)}.notice ul{margin-bottom:0}.notice a{text-decoration:underline}.field{gap:7px;min-width:0;display:grid}.field>span{color:var(--color-muted);font-size:12px}input,select,textarea{min-width:0}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;max-width:100%;min-height:44px}input[type=file]{padding:10px;overflow:hidden}textarea{resize:vertical}.btn,.btn-sm{min-height:44px}.check{align-items:center;gap:10px;min-height:44px;display:flex}.check input{accent-color:var(--color-primary);flex:none;width:18px;height:18px}.empty-real{align-content:center;justify-items:start;gap:14px;min-height:240px;display:grid}.empty-real>svg{width:28px;height:28px;color:var(--color-muted)}.empty-real p{max-width:60ch}.teacher-intro{justify-content:space-between;align-items:center;gap:24px;display:flex}.teacher-intro h2{margin:10px 0}.metric-number{font:400 52px/1.4 var(--font-display);margin:12px 0}.practice-tip>svg{color:var(--color-accent);margin-bottom:12px}.practice-tip h3{margin-bottom:8px}.real-plan-list{gap:12px;display:grid}.real-plan-item{border:1px solid var(--color-line);background:linear-gradient(110deg,#f5f7fa0c,#d5dce705);border-radius:14px;align-items:center;gap:16px;min-width:0;padding:16px;display:flex}.plan-thumb{border:1px solid var(--color-line);border-radius:10px;flex:none;width:72px;height:78px}.real-plan-item h3{margin:5px 0}.assignment-note{max-width:65ch;margin:10px 0;font-size:12px}.plan-item-actions{gap:6px}.material-grid,.student-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.material-tile{flex-direction:column;display:flex;overflow:hidden}.material-tile .pad{flex:1;align-content:start}.material-tile .pad>.btn{align-self:end}.material-art{justify-content:space-between;align-items:start;height:180px;padding:16px;display:flex;position:relative}.material-art:after{content:"";background:linear-gradient(#0c0e1010,#0c0e104d);position:absolute;inset:0}.material-art .chip,.material-play{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#18191bc9}.material-play{border:1px solid #ffffff50;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.library-filter{grid-template-columns:minmax(0,1fr) 220px auto;align-items:end;gap:16px;display:grid}.mvp-dialog{width:min(580px,100vw - 32px);max-height:calc(100svh - 32px);color:var(--color-text);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#29292cf5,#1a1a1df8);border:1px solid #eceff550;border-radius:20px;padding:24px;overflow:auto;box-shadow:0 30px 90px #0008}.mvp-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08090bc9}.mvp-dialog>form{margin-top:18px}.metadata-grid{grid-template-columns:1fr 1fr;gap:18px;font-size:12px;display:grid}.metadata-grid dt{color:var(--color-muted);margin-bottom:4px}.metadata-grid dd{overflow-wrap:anywhere;margin:0}.metadata-grid .full{grid-column:1/-1}.hash{letter-spacing:.01em;overflow-wrap:anywhere;font-size:11px}.score-scroll{scrollbar-color:#858990 #1c2125;background:#1c2125;min-height:220px;max-height:560px;position:relative;overflow:auto}.tab-player{overflow:hidden}.player-head{border-bottom:1px solid var(--color-line);padding:14px 18px;font-size:12px}#real-score{width:100%;min-width:0}.at-surface svg{max-width:100%}.at-cursor-bar{background:#ffaaa00d}.at-cursor-beat{background:#d6dce53d;width:3px}.at-highlight *{fill:#ffaaa0}.at-selection div{background:#d6dce522}.player-controls{border-top:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:12px;padding:18px;display:flex}.sound-controls{border-top:1px solid var(--color-line);padding:8px 18px 18px}.sound-controls>p{flex-basis:100%}.tempo-goal{justify-content:space-between;align-items:center;gap:22px;padding:14px 0;display:flex}.tempo-goal>span{font:400 36px/1.4 var(--font-display)}.tempo-goal small{font:400 11px/1.5 var(--font-body);color:var(--color-muted);display:block}.practice-photo{border:1px solid var(--color-line);border-radius:20px;height:210px}.student-context{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.student-context>.avatar{width:58px;height:58px;font-size:18px}.student-context .field{width:220px}.profile-form{max-width:720px}.loading-screen{place-content:center;gap:20px;min-height:100svh;display:grid}.skip-link{z-index:100;background:var(--color-primary);color:var(--color-on-primary);padding:12px;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}@media (width>=1620px){.mvp .shell{margin-inline:auto}}@media (width<=1250px){.material-grid,.student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mvp .main-side{grid-template-columns:minmax(0,1fr) 260px}.real-plan-item{align-items:start}.plan-thumb{width:56px;height:66px}.plan-item-actions{align-self:center}.player-settings .cols-3{grid-template-columns:1fr 1fr}.player-settings .cols-3>.grid{grid-column:1/-1}}@media (width<=1000px){.mvp .main-side{grid-template-columns:minmax(0,1fr)}.mvp .main-side>aside{grid-template-columns:1fr 1fr}.library-filter{grid-template-columns:minmax(0,1fr) 180px auto}.real-plan-item{align-items:center}}@media (width<=760px){.mvp .sidebar{display:none}.mvp .shell{border-radius:18px;grid-template-columns:minmax(0,1fr);min-height:calc(100svh - 16px);margin:8px}.mvp .mobile-menu{display:inline-flex}.mvp .topbar{padding:12px 16px}.mvp .topbar-right{gap:8px}.mvp .account-name{display:none}.mvp .role-chip{font-size:11px}.mvp .main{padding:24px 16px}.mvp h1{font-size:32px}.mvp .heading{flex-wrap:wrap}.mvp .hero{background-position:65%;grid-template-columns:1fr;min-height:300px;padding:24px}.mvp .hero h2{font-size:34px}.mvp .hero-tag{justify-self:start;width:auto;min-width:0;display:none}.mvp .hero p{max-width:35ch}.mvp .main-side>aside{grid-template-columns:1fr}.library-filter{grid-template-columns:1fr 1fr;gap:12px;padding:16px}.library-filter>.field:first-child{grid-column:1/-1}.material-grid,.student-grid{grid-template-columns:1fr 1fr;gap:16px}.material-art{height:150px}.material-tile .pad{padding:16px}.real-plan-item{flex-wrap:wrap;gap:12px;padding:14px}.real-plan-item>.grow{flex-basis:calc(100% - 80px)}.plan-item-actions{flex-wrap:wrap;justify-content:flex-end;width:100%;display:flex}.plan-item-actions>.btn{flex:1}.teacher-intro{padding:20px;display:grid}.teacher-intro .btn{justify-self:start}.student-context .field{width:100%}.student-context>.grow{flex-basis:calc(100% - 90px)}.mvp-dialog{padding:20px}.player-settings,.player-controls{padding:16px}.metadata-grid{grid-template-columns:1fr}.metadata-grid .full{grid-column:auto}.mvp-footer{padding-top:24px}.practice-photo{height:180px}input,select,textarea{font-size:16px}.score-scroll{max-height:460px}}@media (width<=450px){.material-grid,.student-grid{grid-template-columns:1fr}.material-art{height:180px}.mvp .topbar>.row>.small{display:none}.real-plan-item .plan-thumb{width:54px;height:64px}.mvp .heading>.btn{width:100%}.player-settings .cols-3{grid-template-columns:1fr}.player-settings .cols-3>.grid{grid-column:auto}.library-filter{grid-template-columns:1fr}.library-filter>.field:first-child{grid-column:auto}.section-title{flex-wrap:wrap}.mvp .hero{padding:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.teacher-card{min-width:0}.teacher-card h2{overflow-wrap:anywhere;font-size:20px}.teacher-card p{overflow-wrap:anywhere}.teacher-card>.btn{white-space:normal;text-align:center;margin-top:auto}body:has(.auth-shell){background-color:var(--color-bg);background-image:radial-gradient(at 94% 18%,#75352c26,#0000 44%),radial-gradient(at 7% 90%,#7a859714,#0000 48%),linear-gradient(125deg,#151719,#1a1719);background-size:auto;background-attachment:fixed}.auth-shell{grid-template-columns:minmax(0,512px) minmax(0,480px);place-content:center;align-items:center;gap:64px;width:100%;max-width:1120px;min-height:100svh;margin:auto;padding:48px 32px;display:grid}.auth-shell>*{min-width:0}.auth-art{isolation:isolate;max-width:512px;height:min(768px,100svh - 96px);min-height:620px;box-shadow:var(--shadow-glass);background:#151719;border:1px solid #edeff43d;border-radius:24px;flex-direction:column;justify-content:space-between;gap:32px;padding:32px;display:flex;position:relative;overflow:hidden}.auth-visual{z-index:-2;position:absolute;inset:0}.auth-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.auth-art:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#090b0d7a,#090b0d14 78%),linear-gradient(#0a0c0e47,#0000 20% 76%,#0a0c0eb3);position:absolute;inset:0}.auth-art .brand{padding:0}.auth-art .brand-caption{font-size:12px}.auth-copy{max-width:390px;margin-top:28px}.auth-copy .eyebrow{color:var(--color-primary)}.auth-shell .eyebrow{letter-spacing:.12em;font-size:12px}.auth-title{font:400 50px/1.1 var(--font-display);text-wrap:balance;margin:16px 0 20px}.auth-title>span{display:block}.auth-description{max-width:31ch;color:var(--color-text);font-size:14px;line-height:1.75}.auth-caption{color:var(--color-muted);font-size:12px}.auth-form{background:linear-gradient(135deg,#f1f4f916,#d5dce709);justify-self:center;width:100%;max-width:480px;padding:36px}.auth-form h1{font:400 34px/1.2 var(--font-display);text-wrap:balance;margin-top:12px}.auth-intro{margin:12px 0 28px;line-height:1.65}.auth-form .field>span{color:var(--color-text);font-size:13px}.auth-form form.stack{gap:18px}.auth-form input{min-height:48px}.auth-form form>.btn{min-height:48px;margin-top:6px}.auth-password-hint{font-size:12px;line-height:1.6}.auth-help{border-top:1px solid var(--color-line);color:var(--color-muted);margin-top:28px;padding-top:20px;font-size:13px;line-height:1.7}.auth-help>details{margin-top:8px}.auth-help summary{cursor:pointer;min-height:44px;color:var(--color-text);padding:10px 0;display:list-item}.auth-help summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px;border-radius:4px}.auth-support{gap:12px;padding:4px 0;display:grid}.auth-support>a{align-items:center;width:fit-content;min-height:44px;display:inline-flex}.auth-phone{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:16px}.auth-help a:hover{color:var(--color-text)}@media (width<=1150px){.auth-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:32px}.auth-art{height:min(768px,100svh - 64px);padding:28px}.auth-title{font-size:48px}.auth-form{padding:30px}}@media (width<=960px){.auth-shell{grid-template-columns:minmax(0,1fr);gap:24px;max-width:536px;padding:32px 24px}.auth-art{width:100%;max-width:none;height:auto;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;overflow:visible}.auth-visual,.auth-art:after,.auth-copy,.auth-caption{display:none}.auth-art .brand{gap:12px;width:fit-content}.auth-art .brand-name{font-size:30px}.auth-form{max-width:none;padding:30px}.auth-form h1{font-size:32px}}@media (width<=450px){.auth-shell{gap:24px;padding:24px 16px}.auth-art .brand{padding-left:4px}.auth-art .brand-caption{font-size:12px}.auth-form{padding:24px 22px}.auth-form h1{font-size:30px}.auth-intro{margin-bottom:24px;font-size:14px}.auth-help{margin-top:24px;padding-top:18px}.auth-form input{font-size:16px}}.school-brand{justify-items:start;gap:8px;min-width:0;display:grid}.school-brand-logo{width:150px;max-width:100%;height:auto;display:block}.school-brand-caption{color:var(--color-muted);font:400 10px/1.5 var(--font-body)}.auth-art .school-brand-logo{width:176px}.auth-art .school-brand-caption{font-size:12px}.loading-screen .school-brand{justify-items:center}