/* Testra 1.9 native education, visual rhythm, and percussion training workspaces. */
.education-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.education-command-card{display:grid;align-content:start;min-height:142px;padding:1rem;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.education-command-card.accent{background:color-mix(in srgb,var(--brand-accent) 10%,var(--surface-2));border-color:color-mix(in srgb,var(--brand-accent) 35%,var(--line))}.education-command-card>b{margin:.2rem 0;font-size:2rem;line-height:1}.education-command-card>span{font-weight:700}.education-command-card>small{margin-top:auto;padding-top:.7rem;color:var(--muted);line-height:1.35}.education-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.8fr);gap:1rem;align-items:start}.education-pathways,.education-evidence{grid-column:1}.education-assignments,.education-actions{grid-column:2}.education-path-list,.education-assignment-list,.education-session-list{display:grid;gap:.35rem}.education-path-list>button,.education-assignment-list>button{display:grid;grid-template-columns:minmax(68px,.34fr) minmax(0,1fr) auto;gap:.75rem;align-items:center;width:100%;min-height:58px;padding:.65rem;border:1px solid transparent;border-radius:12px;color:var(--text);text-align:left}.education-assignment-list>button{grid-template-columns:auto minmax(0,1fr) auto}.education-path-list>button:hover,.education-assignment-list>button:hover{background:var(--surface-3);border-color:var(--line)}.education-path-list small,.education-assignment-list small,.education-session-list small{display:block;margin-top:.16rem;color:var(--muted)}.education-path-list em{font-style:normal;font-weight:800}.path-meter{display:block;height:7px;border-radius:99px;background:var(--surface-3);overflow:hidden}.path-meter i{display:block;height:100%;border-radius:inherit;background:var(--brand-accent)}.education-session-list>div{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:center;padding:.62rem 0;border-bottom:1px solid var(--line)}.education-score{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--surface-3);font-weight:900}.education-actions{display:grid;gap:.55rem}.education-launch{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:center;width:100%;padding:.8rem;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);color:var(--text);text-align:left}.education-launch:hover{background:var(--surface-3)}.education-launch>svg{width:24px;height:24px;color:var(--brand-accent)}.education-launch small{display:block;margin-top:.15rem;color:var(--muted);line-height:1.35}.education-empty{display:grid;gap:.25rem;padding:1rem;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.education-empty b{color:var(--text)}
.education-tabs{display:flex;gap:.35rem;margin-bottom:1rem;padding:.3rem;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);overflow:auto}.education-tabs button{min-height:40px;padding:.45rem .75rem;border-radius:9px;color:var(--muted);white-space:nowrap}.education-tabs button.active{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.rhythm-dojo-layout{display:grid;grid-template-columns:minmax(220px,.66fr) minmax(0,1.6fr) minmax(280px,.75fr);gap:1rem;align-items:start}.rhythm-browser,.rhythm-control{position:sticky;top:86px;display:grid;gap:.7rem;max-height:calc(100vh - 110px)}.rhythm-browser{padding:.75rem;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.rhythm-browser-filters{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.rhythm-browser-filters label{display:grid;gap:.25rem;font-size:.72rem;color:var(--muted)}.rhythm-browser-filters select{min-height:38px}.rhythm-pattern-list{display:grid;gap:.2rem;overflow:auto}.rhythm-pattern-list button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center;padding:.6rem;border:1px solid transparent;border-radius:10px;color:var(--text);text-align:left}.rhythm-pattern-list button:hover,.rhythm-pattern-list button.active{background:var(--surface-3);border-color:var(--line)}.rhythm-pattern-list small{display:block;margin-top:.12rem;color:var(--muted)}.rhythm-pattern-list em{font-style:normal;color:var(--muted)}.rhythm-stage{min-height:650px;padding:1rem;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-accent) 4%,var(--surface-2)),var(--surface-2))}.rhythm-stage>header{display:flex;justify-content:space-between;gap:1rem}.rhythm-stage>header h2{margin:.2rem 0}.rhythm-stage>header p:last-child{margin:0;color:var(--muted)}.rhythm-timeline{display:grid;grid-template-columns:repeat(var(--rhythm-cells),minmax(9px,1fr));gap:4px;min-height:170px;margin:2rem 0 .55rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:filter .2s,opacity .2s}.rhythm-timeline.hidden-pattern{filter:blur(10px);opacity:.28}.rhythm-timeline i{position:relative;align-self:end;min-height:24px;border-radius:6px;background:var(--surface-3);transition:transform .08s,background .08s}.rhythm-timeline i.hit{min-height:86px;background:color-mix(in srgb,var(--brand-accent) 58%,var(--surface-3))}.rhythm-timeline i.accent{min-height:132px;background:var(--brand-accent)}.rhythm-timeline i.rest{opacity:.34}.rhythm-timeline i.performed{transform:translateY(-8px);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-accent) 70%,white)}.rhythm-timeline i span{position:absolute;inset:auto 0 6px;text-align:center;font-size:.68rem;font-style:normal;font-weight:900;color:var(--text)}.rhythm-playhead{position:relative;height:3px;margin:0 1rem;background:var(--line)}.rhythm-playhead i{position:absolute;top:-8px;left:0;width:16px;height:16px;border-radius:50%;background:var(--brand-accent);transform:translateX(0)}.rhythm-readout{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin:1.5rem 0}.rhythm-readout span{display:grid;gap:.12rem;padding:.7rem;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.rhythm-readout small{color:var(--muted)}.rhythm-pads{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:.65rem}.rhythm-pads button{display:grid;place-items:center;min-height:132px;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--surface-3);color:var(--text);touch-action:manipulation;user-select:none}.rhythm-pads button b{font-size:2rem}.rhythm-pads button span{color:var(--muted)}.rhythm-pads button.active{transform:translateY(2px);background:color-mix(in srgb,var(--brand-accent) 24%,var(--surface-3));box-shadow:inset 0 0 0 2px var(--brand-accent)}.rhythm-instruction{margin:1rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}.rhythm-control{overflow:auto}.rhythm-result-score{display:flex;align-items:baseline;gap:.6rem;margin:.5rem 0 1rem}.rhythm-result-score b{font-size:3rem}.rhythm-result-score span{font-weight:800}.rhythm-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.rhythm-result-grid span{display:grid;padding:.55rem;border-radius:9px;background:var(--surface-3)}.rhythm-result-grid small{color:var(--muted)}.mini-session-list{display:grid;gap:.3rem}.mini-session-list>div{display:grid;grid-template-columns:38px 1fr;gap:.55rem;align-items:center;padding:.45rem 0;border-bottom:1px solid var(--line)}.mini-session-list>div>b{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--surface-3)}.mini-session-list small{display:block;color:var(--muted)}
.rudiment-layout{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.45fr) minmax(270px,.72fr);gap:1rem;align-items:start}.rudiment-list-panel,.rudiment-controls{position:sticky;top:86px;max-height:calc(100vh - 110px);overflow:auto}.rudiment-list-panel{display:grid;gap:.55rem;padding:.75rem;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.rudiment-list{display:grid;gap:.2rem}.rudiment-list button{display:grid;grid-template-columns:34px minmax(0,1fr);gap:.55rem;align-items:center;padding:.55rem;border:1px solid transparent;border-radius:10px;color:var(--text);text-align:left}.rudiment-list button:hover,.rudiment-list button.active{background:var(--surface-3);border-color:var(--line)}.rudiment-list em{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--surface);font-style:normal;font-weight:900}.rudiment-list small{display:block;color:var(--muted)}.rudiment-stage{min-height:600px;padding:1.2rem;border:1px solid var(--line);border-radius:17px;background:var(--surface-2)}.rudiment-stage>header{display:flex;justify-content:space-between;gap:1rem}.rudiment-stage h2{margin:.2rem 0}.sticking-display{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;min-height:170px;margin:1.5rem 0;padding:1.4rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);align-content:center}.sticking-token{display:grid;place-items:center;min-width:44px;height:58px;padding:.3rem;border-radius:11px;background:var(--surface-3);font:800 1.15rem ui-monospace,SFMono-Regular,Menlo,monospace}.sticking-token.right{box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--brand-accent) 75%,transparent)}.sticking-token.left{box-shadow:inset 0 3px 0 color-mix(in srgb,var(--brand-accent) 60%,transparent)}.sticking-token.grace{font-size:.88rem;opacity:.82}.rudiment-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.rudiment-focus-grid article{display:grid;gap:.2rem;padding:.8rem;border:1px solid var(--line);border-radius:12px}.rudiment-focus-grid small{color:var(--muted)}.rudiment-teaching-sequence{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin:1rem 0}.rudiment-teaching-sequence span{display:grid;grid-template-columns:auto 1fr;gap:.4rem;align-items:start;padding:.65rem;border-radius:10px;background:var(--surface-3);font-size:.78rem}.rudiment-teaching-sequence i,.exercise-process i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--brand-accent);color:white;font-style:normal;font-weight:900}.rudiment-application{display:flex;flex-wrap:wrap;gap:.4rem}.rudiment-application h3{width:100%}.rudiment-application button{min-height:36px;padding:.35rem .6rem;border:1px solid var(--line);border-radius:9px;color:var(--muted)}.rudiment-application button.active{background:var(--surface-3);color:var(--text);border-color:var(--brand-accent)}.rudiment-controls{display:grid;gap:.7rem}.tempo-levels{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin:.7rem 0}.tempo-levels button{display:grid;padding:.55rem;border:1px solid var(--line);border-radius:10px;color:var(--text)}.tempo-levels button.active{border-color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 10%,var(--surface-3))}.tempo-levels small{color:var(--muted)}
.drum-training-layout{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.35fr) minmax(260px,.65fr);gap:1rem;align-items:start}.drum-training-filter{display:grid;gap:.55rem;position:sticky;top:86px;max-height:calc(100vh - 110px);padding:.75rem;border:1px solid var(--line);border-radius:15px;background:var(--surface-2);overflow:auto}.drum-training-list{display:grid;gap:.2rem}.drum-training-list button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;padding:.6rem;border:1px solid transparent;border-radius:10px;color:var(--text);text-align:left}.drum-training-list button:hover,.drum-training-list button.active{background:var(--surface-3);border-color:var(--line)}.drum-training-list small{display:block;color:var(--muted)}.drum-training-list em{font-style:normal;color:var(--muted)}.drum-exercise-stage{min-height:560px;padding:1.2rem;border:1px solid var(--line);border-radius:17px;background:var(--surface-2)}.drum-exercise-stage>p:not(.label){max-width:760px;color:var(--muted);line-height:1.55}.exercise-process{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0}.exercise-process section{padding:1rem;border:1px solid var(--line);border-radius:13px}.exercise-process span{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center;padding:.45rem 0;border-bottom:1px solid var(--line)}.assessment-rubric{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.assessment-rubric span{display:grid;place-items:center;padding:.7rem;border-radius:11px;background:var(--surface-3);text-align:center}.assessment-rubric b{font-size:1.35rem}.assessment-rubric small{color:var(--muted);text-transform:capitalize}.workout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem}.workout-grid>article{display:grid;gap:.7rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.workout-grid header,.workout-grid footer{display:flex;justify-content:space-between;gap:.5rem}.workout-grid ol{margin:0;padding-left:1.2rem;color:var(--muted)}
@media(max-width:1220px){.education-command-grid{grid-template-columns:1fr 1fr}.rhythm-dojo-layout,.rudiment-layout,.drum-training-layout{grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr)}.rhythm-control,.rudiment-controls{position:static;grid-column:1/-1;grid-template-columns:repeat(3,1fr);max-height:none}.drum-training-layout>.rudiment-controls{grid-template-columns:1fr;grid-column:1/-1}.rhythm-browser,.rudiment-list-panel,.drum-training-filter{top:78px}.rudiment-teaching-sequence{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.education-command-grid,.education-layout,.rhythm-dojo-layout,.rudiment-layout,.drum-training-layout{grid-template-columns:1fr}.education-pathways,.education-evidence,.education-assignments,.education-actions{grid-column:auto}.rhythm-browser,.rhythm-control,.rudiment-list-panel,.rudiment-controls,.drum-training-filter{position:static;max-height:none}.rhythm-pattern-list,.rudiment-list,.drum-training-list{max-height:330px}.rhythm-control,.rudiment-controls{display:grid;grid-template-columns:1fr}.rhythm-stage,.rudiment-stage,.drum-exercise-stage{min-height:0}.rhythm-readout{grid-template-columns:1fr 1fr}.rhythm-pads{grid-template-columns:1fr 1fr}.rhythm-pads #rhythmCenterPad{grid-column:1/-1;grid-row:1}.rhythm-pads button{min-height:104px}.rudiment-teaching-sequence{grid-template-columns:1fr 1fr}.exercise-process{grid-template-columns:1fr}.assessment-rubric{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.education-command-grid{grid-template-columns:1fr}.education-path-list>button{grid-template-columns:1fr auto}.path-meter{grid-column:1/-1}.rhythm-browser-filters,.rhythm-readout,.rudiment-focus-grid,.tempo-levels{grid-template-columns:1fr}.rhythm-timeline{gap:2px;min-height:130px;padding:.6rem}.rhythm-pads{grid-template-columns:1fr}.rhythm-pads #rhythmCenterPad{grid-column:auto}.rudiment-teaching-sequence,.assessment-rubric{grid-template-columns:1fr 1fr}.sticking-token{min-width:38px;height:50px}.education-tabs{margin-inline:-.25rem}}