:root{font-family:Segoe UI,system-ui,sans-serif;color:#20392f;background:#f2f0e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 4vw;background:#173c32;color:#fff}header a{color:#fff}header span{font-size:.75rem;letter-spacing:.15em}a{color:#175d49}main{max-width:1600px;margin:auto;padding:32px 4vw}h1{font-size:clamp(1.8rem,3vw,3rem);margin:5px 0}h2{font-size:1.2rem}p{line-height:1.6}.eyebrow{font-size:.7rem;letter-spacing:.17em;font-weight:700;color:#64796f}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.room{padding:24px;border:1px solid #d5cbb9;border-radius:18px;background:repeating-linear-gradient(0deg,#e9e0ce 0,#e9e0ce 58px,#dfd4bf 59px,#e9e0ce 60px);min-width:0}.chalkboard{background:#173f35;color:#fff;border:9px solid #b48a56;box-shadow:0 5px 15px #0002;padding:24px;border-radius:8px;min-height:200px}.chalkboard>span{font-size:.75rem;color:#bddecf}.chalkboard h2{font-size:1.65rem;font-weight:500}.board-copy,.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.teacher-area{display:flex;justify-content:center;padding:24px}.desk{position:relative;background:linear-gradient(165deg,#e5b979,#c98f50);border:1px solid #af793d;border-bottom:9px solid #986337;border-radius:12px 12px 5px 5px;padding:18px 12px;text-align:center;box-shadow:0 7px 0 #0001;min-height:100px;overflow-wrap:anywhere}.desk::after{content:'';display:block;background:#72543c;width:45%;height:7px;border-radius:8px;margin:12px auto -29px}.desk strong{display:block;font-size:.95rem}.desk small,.desk-label{display:block;font-size:.7rem;margin:5px 0}.teacher-desk{width:300px}.desk.online{outline:2px solid #4a8a66;outline-offset:3px}.desk.waving{outline:3px solid #db9b13;outline-offset:3px}.desk.speaking{outline:3px solid #2589b4;outline-offset:3px}.wave{font-size:1.5rem;display:inline-block;animation:wave 1s ease-in-out infinite alternate}@keyframes wave{to{transform:rotate(25deg)}}.desks{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:26px 18px;padding:10px 0 25px}.seating-heading{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.seating-heading span{font-size:.8rem}.controls{display:flex;gap:8px;flex-wrap:wrap}.floor{font-weight:600;padding:12px;background:#fff9;border-radius:8px}.media-stage{max-width:700px;margin:auto}.media-stage video{width:100%;max-height:350px;background:#112a23;border-radius:10px}#localVideo{max-width:220px}aside{display:flex;flex-direction:column;gap:20px}aside section{padding:22px;background:#fff;border:1px solid #dedfd6;border-radius:14px}button{border:0;background:#215b47;color:white;font:inherit;font-size:.85rem;border-radius:7px;padding:11px 14px;cursor:pointer}button:hover{background:#153c2f}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #da9c27;outline-offset:3px}label{display:block;margin:16px 0 7px;font-size:.82rem;font-weight:600}input,textarea{width:100%;border:1px solid #cbd5cc;border-radius:7px;padding:11px;font:inherit;margin-bottom:9px;resize:vertical}.work-card,.hand-card{border-top:1px solid #ddd;padding:12px 0}.work-card p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem}.hand-card{display:flex;justify-content:space-between;gap:8px;align-items:center}#status{font-size:.9rem;max-width:700px}#status.error{color:#a12720}[hidden]{display:none!important}@media(max-width:950px){.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media(max-width:550px){header span{display:none}main{padding:20px 12px}.room{padding:14px}.heading{align-items:flex-start}.desks{grid-template-columns:repeat(2,minmax(0,1fr))}.chalkboard{padding:15px}.controls button{flex:1 1 42%}}@media(prefers-reduced-motion:reduce){.wave{animation:none}}