.class-pet{aspect-ratio:12/13;background-image:var(--pet-sheet);background-repeat:no-repeat;background-position:var(--pet-column-position) var(--pet-row-position);transform-origin:50% 92%;will-change:background-position;background-size:800% 600%;flex:none;display:inline-block}.class-pet--sm{width:4.5rem}.class-pet--compact{width:4rem}.class-pet--md{width:6rem}.class-pet--lg{width:9rem}.seating-plan-grid{grid-template-columns:repeat(var(--seating-columns), minmax(2.75rem, 1fr));min-width:calc(var(--seating-columns) * 2.75rem)}@media (min-width:640px){.seating-plan-grid{grid-template-columns:repeat(var(--seating-columns), minmax(6.5rem, 1fr));min-width:max-content}}.classroom-room{border:1px solid var(--brand-soft-border);background:var(--surface-2);min-height:32rem;box-shadow:var(--shadow-card);border-radius:1rem;position:relative;overflow:clip}.classroom-room__front{border-bottom:1px solid var(--line-strong);background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--brand-soft) 72%, transparent), transparent 28%), var(--surface);min-height:12rem;padding:1rem;position:relative}.classroom-room__board{border:.5rem solid var(--frame-wood);background:var(--sidebar);width:min(78%,30rem);min-height:6.5rem;color:var(--sidebar-ink);text-align:center;box-shadow:inset 0 0 2rem color-mix(in srgb, var(--ink) 18%, transparent);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;margin-inline:auto;display:flex}.classroom-room__board span,.classroom-room__board small{color:var(--sidebar-muted);font-size:.75rem}.classroom-room__board strong{font-family:var(--font-fraunces), var(--font-inter), system-ui, sans-serif;margin-block:.25rem;font-size:1.25rem;font-weight:600}.classroom-room__teacher-desk{border:1px solid var(--line-strong);background:var(--manila);width:8rem;color:var(--ink-2);text-align:center;box-shadow:0 .25rem 0 var(--manila-edge), var(--shadow-card);border-radius:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.classroom-room__layout-switch{position:absolute;bottom:.75rem;right:.75rem}.classroom-room__floor{background-image:linear-gradient(90deg, color-mix(in srgb, var(--line) 52%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--line) 52%, transparent) 1px, transparent 1px);background-size:3rem 3rem;padding:2rem 1rem 2.5rem;position:relative}.classroom-room__floor:before{border:1px solid var(--brand-soft-border);background:color-mix(in srgb, var(--brand-soft) 76%, transparent);content:"";border-radius:50%;position:absolute;inset:8% 12% 10%}.classroom-room[data-class-decoration=nature] .classroom-room__front{background:radial-gradient(circle at 12% 20%,#86efac73,#0000 30%),radial-gradient(circle at 88% 12%,#fde68a61,#0000 26%),linear-gradient(145deg,#f0fdf4,#fefce8)}.classroom-room[data-class-decoration=nature] .classroom-room__floor{background-color:#f4f1e7;background-image:linear-gradient(90deg,#78716c1f 1px,#0000 1px),linear-gradient(#78716c1f 1px,#0000 1px)}.classroom-room[data-class-decoration=ocean] .classroom-room__front{background:radial-gradient(circle at 78% 14%,#7dd3fc8c,#0000 32%),linear-gradient(150deg,#eff6ff,#ecfeff)}.classroom-room[data-class-decoration=ocean] .classroom-room__floor{background-color:#e0f2fe;background-image:radial-gradient(at 50% 0,#fffc,#0000 48%),repeating-radial-gradient(at 50% 100%,#0000 0 2rem,#0ea5e91a 2.1rem 2.2rem)}.classroom-room[data-class-decoration=space]{background:#111827;border-color:#6366f1}.classroom-room[data-class-decoration=space] .classroom-room__front,.classroom-room[data-class-decoration=space] .classroom-room__floor{background-color:#111827;background-image:radial-gradient(circle at 18% 24%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 76% 64%,#a5b4fc 0 1px,#0000 1.5px),radial-gradient(circle at 48% 12%,#fde04738,#0000 18%);background-size:31px 31px,43px 43px,auto}.classroom-room[data-class-decoration=space] .classroom-room__floor:before{background:#4f46e533;border-color:#818cf873}.classroom-room[data-class-decoration=western] .classroom-room__front{background:radial-gradient(circle at 82% 24%,#fbbf24 0 2.6rem,#0000 2.7rem),linear-gradient(#fef3c7 0 58%,#fed7aa 58%)}.classroom-room[data-class-decoration=western] .classroom-room__floor{background-color:wheat;background-image:repeating-linear-gradient(90deg,#92400e1c 0 1px,#0000 1px 4.5rem)}.classroom-room[data-class-decoration=rainbow] .classroom-room__front{background:radial-gradient(circle at 8% 16%,#fb71853d,#0000 24%),radial-gradient(circle at 92% 18%,#38bdf83d,#0000 24%),linear-gradient(145deg,#fff1f2,#fefce8 45%,#eff6ff)}.classroom-room[data-class-decoration=rainbow] .classroom-room__floor{background:linear-gradient(90deg,#f43f5e14,#eab30814,#22c55e14,#0ea5e914,#a855f714),#fafafa}.classroom-room[data-class-decoration=lavender] .classroom-room__front{background:radial-gradient(circle at 82% 16%,#d8b4fe8c,#0000 28%),linear-gradient(145deg,#faf5ff,#f5f3ff)}.classroom-room[data-class-decoration=lavender] .classroom-room__floor{background-color:#f3e8ff;background-image:linear-gradient(90deg,#7e22ce14 1px,#0000 1px),linear-gradient(#7e22ce14 1px,#0000 1px)}.classroom-room[data-class-decoration=lavender] .classroom-room__floor:before{background:#e9d5ff9e;border-color:#9333ea38}.classroom-room[data-class-decoration=blush] .classroom-room__front{background:radial-gradient(circle at 12% 18%,#fbcfe8b3,#0000 30%),radial-gradient(circle at 88% 12%,#fed7aa7a,#0000 26%),linear-gradient(145deg,#fff1f2,#fff7ed)}.classroom-room[data-class-decoration=blush] .classroom-room__floor{background-color:#fff1f2;background-image:linear-gradient(90deg,#be185d12 1px,#0000 1px),linear-gradient(#be185d12 1px,#0000 1px)}.classroom-room[data-class-decoration=blush] .classroom-room__floor:before{background:#fecdd38a;border-color:#e11d482e}.classroom-room[data-class-decoration=sunny] .classroom-room__front{background:radial-gradient(circle at 84% 20%,#facc15a6 0 2.4rem,#0000 2.5rem),linear-gradient(145deg,#fffbeb,#fef3c7)}.classroom-room[data-class-decoration=sunny] .classroom-room__floor{background-color:#fefce8;background-image:linear-gradient(90deg,#ca8a0414 1px,#0000 1px),linear-gradient(#ca8a0414 1px,#0000 1px)}.classroom-room[data-class-decoration=sunny] .classroom-room__floor:before{background:#fef08a7a;border-color:#ca8a0433}.classroom-room__roster,.classroom-room__groups{gap:1rem .75rem;display:grid;position:relative}.classroom-room__roster{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom-room__groups{grid-template-columns:minmax(0,1fr)}.classroom-seat{cursor:pointer;width:100%;min-height:10rem;color:var(--ink);text-align:center;transition:transform var(--duration-hover) var(--ease-smooth), border-color var(--duration-hover) var(--ease-smooth), background-color var(--duration-hover) var(--ease-smooth), box-shadow var(--duration-hover) var(--ease-smooth);background:0 0;border:1px solid #0000;border-radius:1rem;flex-direction:column;justify-content:flex-end;align-items:center;padding:.25rem .5rem .75rem;display:flex;position:relative}.classroom-seat:before{z-index:0;border:1px solid var(--line-strong);background:linear-gradient(180deg, var(--manila), var(--manila-edge));height:3.5rem;box-shadow:0 .25rem 0 var(--frame-wood-light), var(--shadow-card);content:"";border-radius:.75rem .75rem .4rem .4rem;position:absolute;bottom:2.25rem;left:10%;right:10%}.classroom-seat:hover{border-color:var(--brand-soft-border);background:color-mix(in srgb, var(--surface) 72%, transparent);box-shadow:var(--shadow-pop);transform:translateY(-.125rem)}.classroom-seat--selected{border-color:var(--brand);background:color-mix(in srgb, var(--brand-soft) 88%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 24%, transparent)}.classroom-seat__pet,.classroom-seat__name,.classroom-seat__status{z-index:1;position:relative}.classroom-seat__pet{min-height:6rem;display:block}.classroom-seat__name{border:1px solid var(--line);background:var(--surface);max-width:100%;box-shadow:var(--shadow-card);border-radius:999px;padding:.25rem .75rem;display:block}.classroom-seat__status{margin-top:.25rem}@media (min-width:40rem){.classroom-room__roster{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.classroom-room__roster{grid-template-columns:repeat(4,minmax(0,1fr))}.classroom-room__groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:80rem){.classroom-room__roster{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:39.99rem){.classroom-room__front{min-height:11rem}.classroom-room__board{width:100%}.classroom-room__teacher-desk{left:.75rem;transform:none}}.class-pet--ambient:not(.class-pet--reduced){animation:1.1s step-end class-pet-idle}.class-pet--wave:not(.class-pet--reduced){animation:.7s step-end class-pet-wave}.class-pet--work:not(.class-pet--reduced){animation:.82s step-end forwards class-pet-work}.class-pet--review:not(.class-pet--reduced){animation:1.03s step-end forwards class-pet-review}.class-pet--celebrate:not(.class-pet--reduced){animation:.7s step-end class-pet-wave}@keyframes class-pet-idle{0%,25.44%{background-position:0% var(--pet-row-position)}25.45%,35.44%{background-position:14.2857% var(--pet-row-position)}35.45%,45.44%{background-position:28.5714% var(--pet-row-position)}45.45%,58.17%{background-position:42.8571% var(--pet-row-position)}58.18%,70.9%{background-position:57.1429% var(--pet-row-position)}70.91%,to{background-position:71.4286% var(--pet-row-position)}}@keyframes class-pet-wave{0%,19.99%{background-position:0% var(--pet-row-position)}20%,39.99%{background-position:14.2857% var(--pet-row-position)}40%,59.99%{background-position:28.5714% var(--pet-row-position)}60%,to{background-position:42.8571% var(--pet-row-position)}}@keyframes class-pet-work{0%,14.62%{background-position:0% var(--pet-row-position)}14.63%,29.25%{background-position:14.2857% var(--pet-row-position)}29.26%,43.89%{background-position:28.5714% var(--pet-row-position)}43.9%,58.52%{background-position:42.8571% var(--pet-row-position)}58.53%,73.16%{background-position:57.1429% var(--pet-row-position)}73.17%,to{background-position:71.4286% var(--pet-row-position)}}@keyframes class-pet-review{0%,14.55%{background-position:0% var(--pet-row-position)}14.56%,29.11%{background-position:14.2857% var(--pet-row-position)}29.12%,43.67%{background-position:28.5714% var(--pet-row-position)}43.68%,58.24%{background-position:42.8571% var(--pet-row-position)}58.25%,72.81%{background-position:57.1429% var(--pet-row-position)}72.82%,to{background-position:71.4286% var(--pet-row-position)}}@media (pointer:coarse){.classroom-seat:hover{transform:none}.classroom-seat:active{transform:scale(.98)}}@media (prefers-reduced-motion:reduce){.class-pet{will-change:auto;transition:none!important;animation:none!important}.classroom-seat{transition:none}}