.classroom-demo-module__W4yHvW__shell{--ink:#271d40;--subtle:#625b73;--accent:#6047b5;--stroke:#ded8ee;--paper:#f7f6fc;min-height:100svh;color:var(--ink);background:var(--paper);grid-template-columns:14rem minmax(0,1fr);font-family:Segoe UI,system-ui,sans-serif;display:grid}.classroom-demo-module__W4yHvW__shell button,.classroom-demo-module__W4yHvW__shell a{cursor:pointer}.classroom-demo-module__W4yHvW__shell button:disabled{cursor:default;opacity:.5}.classroom-demo-module__W4yHvW__shell :is(button,a):focus-visible{outline-offset:3px;outline:3px solid #845ff4}.classroom-demo-module__W4yHvW__sidebar{border-inline-end:1px solid var(--stroke);background:#fff;padding:2rem 1rem}.classroom-demo-module__W4yHvW__sidebar>a:first-child{width:fit-content;margin:0 .5rem 1.4rem;display:block}.classroom-demo-module__W4yHvW__workspace{color:var(--subtle);margin:0 .5rem 1rem;font-size:.85rem;font-weight:650}.classroom-demo-module__W4yHvW__sidebar nav{gap:.3rem;display:grid}.classroom-demo-module__W4yHvW__navItem,.classroom-demo-module__W4yHvW__sidebarLink{text-align:start;border-radius:.7rem;align-items:center;gap:.65rem;padding:.7rem .75rem;font-size:.9rem;font-weight:650;display:flex}.classroom-demo-module__W4yHvW__navItem[aria-current]{color:#4c3496;background:#ece7fb}.classroom-demo-module__W4yHvW__navItem:hover,.classroom-demo-module__W4yHvW__sidebarLink:hover{background:#f1edf9}.classroom-demo-module__W4yHvW__sidebarLink{border-top:1px solid var(--stroke);border-radius:0 0 .7rem .7rem;justify-content:space-between;margin-top:1.6rem}.classroom-demo-module__W4yHvW__main{width:min(100%,91rem);min-width:0;margin:0 auto;padding:clamp(1rem,3vw,2.75rem)}.classroom-demo-module__W4yHvW__pageTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.classroom-demo-module__W4yHvW__practice{color:#503988;align-items:center;gap:.45rem;font-size:.83rem;font-weight:700;display:inline-flex}.classroom-demo-module__W4yHvW__practice span{background:#ab8cea;border-radius:50%;width:.55rem;height:.55rem}.classroom-demo-module__W4yHvW__pageTop h1{letter-spacing:-.045em;margin-top:.4rem;font-size:clamp(2.3rem,5vw,4rem);font-weight:800;line-height:1.06}.classroom-demo-module__W4yHvW__hero{isolation:isolate;background:#fff5d8;border:1px solid #e8d9ad;border-radius:1.3rem;grid-template-columns:minmax(0,1fr) clamp(7rem,20vw,17rem);align-items:center;min-height:12rem;margin-bottom:1.35rem;padding:clamp(1rem,3vw,1.8rem);display:grid;position:relative;overflow:hidden}.classroom-demo-module__W4yHvW__hero:before{content:"";z-index:-1;opacity:.54;background-image:radial-gradient(#d4b970 1px,#0000 1px);background-size:17px 17px;position:absolute;inset:0 0 0 54%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 32%);mask-image:linear-gradient(90deg,#0000,#000 32%)}.classroom-demo-module__W4yHvW__hero h2{letter-spacing:-.025em;font-size:clamp(1.35rem,3vw,2rem);font-weight:800;line-height:1.08}.classroom-demo-module__W4yHvW__hero p{color:#5d4e39;max-width:36ch;margin:.6rem 0 1rem;font-size:.95rem;line-height:1.45}.classroom-demo-module__W4yHvW__heroPet{isolation:isolate;place-items:center;display:grid;position:relative}.classroom-demo-module__W4yHvW__heroPet:after{content:"";z-index:-1;opacity:.65;background:#ead59f;border-radius:50%;height:15%;position:absolute;inset:auto 10% 16%}.classroom-demo-module__W4yHvW__heroPet img{object-fit:contain;width:clamp(6rem,17vw,13rem);height:auto;transform:translateY(-.55rem)scale(1.55)}.classroom-demo-module__W4yHvW__primary,.classroom-demo-module__W4yHvW__secondary{border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.65rem;padding:.55rem .8rem;font-size:.88rem;font-weight:700;display:inline-flex}.classroom-demo-module__W4yHvW__primary{background:var(--accent);color:#fff}.classroom-demo-module__W4yHvW__primary:not(:disabled):hover{background:#4b3694}.classroom-demo-module__W4yHvW__secondary{border:1px solid var(--stroke);background:#fff}.classroom-demo-module__W4yHvW__secondary:not(:disabled):hover{background:#f1edf9;border-color:#ad97de}.classroom-demo-module__W4yHvW__board{grid-template-columns:minmax(0,1fr) minmax(13rem,15rem);align-items:start;gap:1.2rem;display:grid}.classroom-demo-module__W4yHvW__rosterHead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem;margin-bottom:.7rem;display:flex}.classroom-demo-module__W4yHvW__rosterHead h2,.classroom-demo-module__W4yHvW__activity h2{font-size:1.15rem;font-weight:800}.classroom-demo-module__W4yHvW__rosterHead h2 span{color:#4a3582;background:#e9e3f7;border-radius:1rem;margin-inline-start:.35rem;padding:.13rem .55rem;font-size:.83rem}.classroom-demo-module__W4yHvW__textButton{text-align:start;color:#503988;text-underline-offset:.2em;min-height:2.25rem;font-size:.86rem;font-weight:680;text-decoration:underline}.classroom-demo-module__W4yHvW__toolbar{flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:.8rem;display:flex}.classroom-demo-module__W4yHvW__toolbar>span{color:var(--subtle);font-size:.79rem}.classroom-demo-module__W4yHvW__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.classroom-demo-module__W4yHvW__card{border:1px solid var(--stroke);background:#fff;border-radius:1rem;min-width:0;padding:.45rem}.classroom-demo-module__W4yHvW__card[data-selected]{box-shadow:inset 0 0 0 1px var(--accent);border-color:var(--accent)}.classroom-demo-module__W4yHvW__art{background:#ede8fc;border-radius:.7rem;place-items:center;min-height:6rem;display:grid;position:relative}.classroom-demo-module__W4yHvW__art[data-tint=peach]{background:#fff0df}.classroom-demo-module__W4yHvW__art[data-tint=mint]{background:#e4f4ec}.classroom-demo-module__W4yHvW__art img{aspect-ratio:1;object-fit:contain;width:min(100%,7.25rem);height:auto;transform:translateY(-.15rem)scale(1.2)}.classroom-demo-module__W4yHvW__select{background:#fff;border:1px solid #b9a9d4;border-radius:.45rem;place-items:center;width:1.75rem;height:1.75rem;display:grid;position:absolute;inset:.38rem auto auto .38rem}.classroom-demo-module__W4yHvW__select[aria-pressed=true]{color:#fff;background:var(--accent);border-color:var(--accent)}.classroom-demo-module__W4yHvW__cardBody{justify-content:space-between;align-items:center;gap:.2rem;padding:.46rem .25rem .22rem;display:flex}.classroom-demo-module__W4yHvW__cardBody h3{overflow-wrap:anywhere;font-weight:780;line-height:1.15}.classroom-demo-module__W4yHvW__cardBody p{color:var(--subtle);margin-top:.13rem;font-size:.73rem}.classroom-demo-module__W4yHvW__add{color:#12643f;background:#e1f4e9;border-radius:.62rem;flex:none;place-items:center;width:2.2rem;height:2.2rem;display:grid}.classroom-demo-module__W4yHvW__add:hover{background:#c2e9d3}.classroom-demo-module__W4yHvW__progress{align-items:center;gap:.4rem;padding:.2rem .25rem .35rem;display:flex}.classroom-demo-module__W4yHvW__progress progress{appearance:none;color:#7855bd;background:#e9e2f7;border-radius:1rem;width:100%;min-width:0;height:.36rem;overflow:hidden}.classroom-demo-module__W4yHvW__progress progress::-webkit-progress-bar{background:#e9e2f7;border-radius:1rem}.classroom-demo-module__W4yHvW__progress progress::-webkit-progress-value{background:#7855bd;border-radius:1rem}.classroom-demo-module__W4yHvW__progress progress::-moz-progress-bar{background:#7855bd;border-radius:1rem}.classroom-demo-module__W4yHvW__progress span{color:var(--subtle);font-variant-numeric:tabular-nums;flex:none;font-size:.7rem}.classroom-demo-module__W4yHvW__activity{border:1px solid var(--stroke);background:#fff;border-radius:1rem;gap:1.15rem;margin-top:.25rem;padding:1rem;display:grid}.classroom-demo-module__W4yHvW__activity ol{margin-top:.7rem}.classroom-demo-module__W4yHvW__activity li{border-bottom:1px solid #eeeaf6;align-items:center;gap:.65rem;padding:.55rem 0;display:flex}.classroom-demo-module__W4yHvW__activity li>span{color:#12643f;background:#e1f4e9;border-radius:.4rem;padding:.27rem .48rem;font-size:.83rem;font-weight:750}.classroom-demo-module__W4yHvW__activity li strong,.classroom-demo-module__W4yHvW__activity li small{display:block}.classroom-demo-module__W4yHvW__activity li strong{font-size:.82rem}.classroom-demo-module__W4yHvW__activity li small,.classroom-demo-module__W4yHvW__empty,.classroom-demo-module__W4yHvW__footnote{color:var(--subtle);font-size:.82rem}.classroom-demo-module__W4yHvW__empty{margin-top:.55rem}.classroom-demo-module__W4yHvW__activityActions{gap:.45rem;display:grid}.classroom-demo-module__W4yHvW__footnote{margin:1.2rem 0 0}.classroom-demo-module__W4yHvW__footerLinks{flex-wrap:wrap;gap:.4rem 1rem;margin-block-start:.45rem;display:flex}.classroom-demo-module__W4yHvW__footerLinks a{min-block-size:2.75rem;color:var(--accent);text-underline-offset:.2em;align-items:center;font-weight:650;text-decoration:underline;display:inline-flex}.classroom-demo-module__W4yHvW__reveal{background:#ede4fb;border:1px solid #c1a8eb;border-radius:1rem;align-items:center;gap:.9rem;margin:0 0 1.15rem;padding:.75rem 1rem;animation:.26s ease-out both classroom-demo-module__W4yHvW__arrive;display:flex}.classroom-demo-module__W4yHvW__reveal strong,.classroom-demo-module__W4yHvW__reveal span{display:block}.classroom-demo-module__W4yHvW__reveal strong{font-size:clamp(1.15rem,3vw,1.85rem);font-weight:800}.classroom-demo-module__W4yHvW__reveal img{object-fit:contain;width:4.7rem;height:4.7rem}.classroom-demo-module__W4yHvW__shell[data-display]{grid-template-columns:1fr}.classroom-demo-module__W4yHvW__shell[data-display] .classroom-demo-module__W4yHvW__sidebar{display:none}.classroom-demo-module__W4yHvW__shell[data-display] .classroom-demo-module__W4yHvW__board{display:block}.classroom-demo-module__W4yHvW__shell[data-display] .classroom-demo-module__W4yHvW__art img{width:min(100%,10rem)}.classroom-demo-module__W4yHvW__shell[data-display] .classroom-demo-module__W4yHvW__reveal img{width:8rem;height:8rem}@keyframes classroom-demo-module__W4yHvW__arrive{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.classroom-demo-module__W4yHvW__reveal{animation:none}}@media (max-width:1040px){.classroom-demo-module__W4yHvW__shell{grid-template-columns:11rem minmax(0,1fr)}.classroom-demo-module__W4yHvW__board{grid-template-columns:1fr}.classroom-demo-module__W4yHvW__activity{grid-template-columns:minmax(0,1fr) auto}}@media (max-width:650px){.classroom-demo-module__W4yHvW__shell{grid-template-columns:1fr}.classroom-demo-module__W4yHvW__sidebar{border:0;border-bottom:1px solid var(--stroke);flex-wrap:wrap;align-items:center;gap:.35rem;padding:.45rem .65rem;display:flex}.classroom-demo-module__W4yHvW__sidebar>a:first-child{margin:0 .25rem 0 0}.classroom-demo-module__W4yHvW__workspace,.classroom-demo-module__W4yHvW__sidebarLink{display:none}.classroom-demo-module__W4yHvW__sidebar nav{display:flex}.classroom-demo-module__W4yHvW__navItem{padding:.48rem .5rem}.classroom-demo-module__W4yHvW__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.classroom-demo-module__W4yHvW__hero{grid-template-columns:minmax(0,1fr) 5.5rem}.classroom-demo-module__W4yHvW__heroPet img{width:5.5rem}.classroom-demo-module__W4yHvW__activity{grid-template-columns:1fr}}