.lobby{grid-template-columns:1.15fr 1fr;align-items:start;gap:2rem;max-width:1180px;margin:0 auto;padding:1rem 1.5rem 3rem;display:grid}.board-wrap{position:sticky;top:1.5rem}.board{min-height:420px;color:var(--chalk);border:12px solid var(--frame);background:radial-gradient(ellipse 60% 40% at 22% 28%, #ffffff0f, transparent 70%), radial-gradient(ellipse 50% 35% at 78% 72%, #ffffff0b, transparent 70%), radial-gradient(ellipse 30% 20% at 60% 15%, #ffffff09, transparent 70%), var(--board);border-radius:8px;flex-direction:column;padding:2.5rem 2.75rem 3rem;display:flex;position:relative;box-shadow:inset 0 0 60px #00000059,0 18px 40px -22px #1e281e99}.board-date{color:var(--chalk-dim);margin:0;font-size:1rem}.board-title{font-family:var(--display);letter-spacing:-.02em;text-shadow:0 0 1px #eef2ea99,0 0 14px #eef2ea1f;margin:.6rem 0 1.4rem;font-size:clamp(2.6rem,5.5vw,4.4rem);font-weight:800;line-height:1.02}.board-title.writing{animation:.7s cubic-bezier(.3,.7,.3,1) both chalk-in}@keyframes chalk-in{0%{clip-path:inset(0 100% 0 0);opacity:.4}to{clip-path:inset(0);opacity:1}}.board-topic{max-width:34ch;margin:0;font-size:1.3rem;line-height:1.45}.board-topic.empty{color:var(--chalk-dim);font-style:italic}.board-foot{color:var(--chalk-dim);flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:auto;padding-top:2rem;font-size:.95rem;display:flex}.ledge{background:linear-gradient(#7a5038,#5a3a27);border-radius:0 0 6px 6px;height:14px;margin:0 6px;position:relative;box-shadow:0 6px 12px -6px #00000080}.ledge .chalk{background:#f6f6f0;border-radius:3px;width:38px;height:9px;position:absolute;top:-7px;right:18%;transform:rotate(-4deg);box-shadow:0 1px 2px #00000059}.ledge .eraser{background:linear-gradient(#3d4c66 0 45%,#d9d5c8 45%);border-radius:3px;width:64px;height:14px;position:absolute;top:-12px;left:12%;box-shadow:0 1px 2px #00000059}.desk{background:linear-gradient(90deg, transparent 52px, var(--margin) 52px, var(--margin) 54px, transparent 54px), repeating-linear-gradient(var(--paper) 0 35px, var(--rule) 35px 36px);background-color:var(--paper);border-radius:var(--radius-sm);padding:2rem 2rem 2rem 78px;position:relative;box-shadow:0 1px #0000000a,0 20px 40px -28px #1e281e8c}.desk h2{font-family:var(--display);letter-spacing:-.01em;margin:0 0 .35rem;font-size:1.6rem;font-weight:700;line-height:1.2}.desk .lede{color:var(--ink-soft);max-width:42ch;margin:0 0 1.5rem}fieldset{border:0;margin:0 0 1.4rem;padding:0}legend,.field label{margin-bottom:.4rem;font-weight:700;display:block}.hint{color:var(--ink-soft);font-size:.92rem;font-weight:400;display:block}.classes{gap:.5rem;display:grid}.class-option{cursor:pointer;display:block;position:relative}.class-option input{opacity:0;cursor:pointer;position:absolute;inset:0}.class-option .box{border-radius:var(--radius-sm);background:#fff;border:1.5px solid #cfd8df;padding:.7rem .9rem;transition:border-color .15s;display:block}.class-option .name{font-family:var(--display);padding:0 .15em;font-size:1.12rem;font-weight:700}.class-option .detail{color:var(--ink-soft);font-size:.93rem;display:block}.class-option input:checked+.box{border-color:var(--ink)}.class-option input:checked+.box .name{background:linear-gradient(transparent 52%, var(--highlight) 52% 92%, transparent 92%)}.class-option input:focus-visible+.box{outline-offset:2px;outline:3px solid #2f6fd6}.class-option:hover .box{border-color:#8d9aa4}.field{margin-bottom:1.1rem}.field input[type=text],.field input[type=password]{border-radius:var(--radius-sm);background:#fff;border:1.5px solid #cfd8df;width:100%;padding:.7rem .85rem}.field input:focus{border-color:var(--ink)}.check{cursor:pointer;align-items:flex-start;gap:.6rem;margin:.2rem 0 1.5rem;display:flex}.check input{width:1.15rem;height:1.15rem;accent-color:var(--board);margin-top:.2rem}#joinForm .btn-primary{width:100%}.error{border-left:4px solid var(--danger);color:#6e1f19;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#fbecea;margin:1rem 0 0;padding:.7rem .9rem}.invite{border-top:2px dashed #cfd8df;margin-top:1.8rem;padding-top:1.4rem}.invite h3{font-family:var(--display);margin:0 0 .3rem;font-size:1.15rem}.invite p{color:var(--ink-soft);margin:0 0 .8rem;font-size:.95rem}.invite-row{gap:.5rem;display:flex}.invite-row input{border-radius:var(--radius-sm);min-width:0;color:var(--ink-soft);background:#fff;border:1.5px solid #cfd8df;flex:1;padding:.6rem .75rem;font-size:.92rem}.classroom{background:var(--board-deep);flex-direction:column;height:100%;display:flex}.class-bar{background:var(--board);color:var(--chalk);border-bottom:4px solid var(--frame);flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:.7rem 1.1rem;display:flex}.class-id{flex:280px;align-items:center;gap:.8rem;min-width:0;display:flex}.live{color:var(--chalk-dim);background:#ffffff1a;border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:.15rem .6rem;font-size:.85rem;font-weight:700;display:inline-flex}.live:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.live.on{background:var(--margin);color:#fff}.class-id h1{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.25rem;font-weight:800;line-height:1.2;overflow:hidden}.class-id .topic{color:var(--chalk-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.stats{color:var(--chalk-dim);font-variant-numeric:tabular-nums;gap:1.2rem;font-size:.95rem;display:flex}.stats strong{color:var(--chalk)}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn-bar{color:var(--chalk);background:#ffffff14;border:1.5px solid #eef2ea40;padding:.5rem .85rem;font-size:.95rem}.btn-bar:hover{background:#ffffff29}.btn-bar[aria-pressed=true]{background:var(--chalk);color:var(--board-deep);border-color:var(--chalk)}.btn-end{background:var(--danger);color:#fff;padding:.5rem .85rem;font-size:.95rem}.btn-end:hover{background:#9c2f27}#meet{flex:1;min-height:0}#meet iframe{border:0;display:block}dialog{border-radius:var(--radius-lg);border:0;max-width:26rem;padding:1.6rem;box-shadow:0 30px 60px -20px #00000080}dialog::backdrop{background:#0f1e198c}dialog h2{font-family:var(--display);margin:0 0 .5rem;font-size:1.35rem}dialog p{color:var(--ink-soft);margin:0 0 1.3rem}.dialog-actions{justify-content:flex-end;gap:.6rem;display:flex}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;border-radius:999px;padding:.65rem 1.1rem;font-size:.95rem;transition:opacity .2s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #00000080}.toast.show{opacity:1}@media (width<=880px){.lobby{grid-template-columns:1fr;gap:1.5rem}.board-wrap{position:static}.board{border-width:9px;min-height:0;padding:1.8rem 1.6rem 2.2rem}}@media (width<=520px){.lobby{padding:.75rem 1rem 2rem}.desk{background:linear-gradient(90deg, transparent 26px, var(--margin) 26px, var(--margin) 28px, transparent 28px), repeating-linear-gradient(var(--paper) 0 35px, var(--rule) 35px 36px);padding:1.5rem 1.1rem 1.5rem 44px}.invite-row{flex-direction:column}.stats{width:100%}}@media (prefers-reduced-motion:reduce){.board-title.writing{animation:none}.toast{transition:none}}