:root{--bg: #f6f3ee;--desk: #e9e3da;--card: #fffdfa;--fg: #241f1a;--muted: #6b6259;--border: #ded5c9;--accent: #8c2f39;--accent-fg: #fff;--radius: 10px;--radius-lg: 16px;--seat-free: #d9d2c6;--seat-free-fg: #3a332c;--seat-held: #d8a13a;--seat-claimed: #7d5260;--seat-mine: #2f6b4f;--seat-blocked: #b3aca2;--table: #cbb894;--table-border: #8a7550;--area: #cfd6cd;--shadow: 0 2px 8px rgb(0 0 0 / .1);--tap: 44px}@media(prefers-color-scheme:dark){:root{--bg: #17140f;--desk: #0f0d0a;--card: #201c17;--fg: #ece5da;--muted: #a2988a;--border: #362f26;--accent: #c4636d;--seat-free: #3b342b;--seat-free-fg: #ded5c6;--seat-held: #b8862c;--seat-claimed: #8d5f6d;--seat-mine: #3d8a66;--seat-blocked: #2b2620;--table: #4a3d28;--table-border: #6d5a3c;--area: #262c26;--shadow: 0 2px 10px rgb(0 0 0 / .4)}}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.25rem}button,input,select,textarea{font:inherit;color:inherit}button{min-height:var(--tap);padding:0 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}input,select,textarea{min-height:var(--tap);width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}label{display:block;font-size:.875rem;color:var(--muted);margin-bottom:.25rem}.field{margin-bottom:1rem}.row{display:flex;gap:.75rem;align-items:center}.spread{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.stack>*+*{margin-top:.75rem}.muted{color:var(--muted)}.small{font-size:.875rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow)}.page{max-width:900px;margin:0 auto;padding:1.25rem}.banner{padding:.6rem 1rem;background:var(--seat-held);color:#241f1a;text-align:center;font-weight:600}.error{padding:.6rem .75rem;border-radius:var(--radius);border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);margin-bottom:.75rem}.canvas-shell{position:relative;flex:1;overflow:hidden;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);touch-action:none;-webkit-user-select:none;user-select:none}.world{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0}.element{position:absolute}.table-shape{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--table);border:2px solid var(--table-border);display:grid;place-items:center;font-weight:700;font-size:.9rem;color:var(--fg)}.table-shape.round{border-radius:50%}.table-shape.rect{border-radius:6px}.area-shape{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--area);border:2px dashed var(--table-border);border-radius:8px;display:grid;place-items:center;font-weight:600;color:var(--muted)}.seat{position:absolute;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:8px;border:1px solid rgb(0 0 0 / .25);display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--seat-free);color:var(--seat-free-fg);transition:transform .1s,filter .1s}.seat:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.seat.clickable{cursor:pointer}.seat.clickable:hover{filter:brightness(1.1);transform:scale(1.08)}.seat.held{background:var(--seat-held);color:#241f1a}.seat.claimed{background:var(--seat-claimed);color:#fff}.seat.mine{background:var(--seat-mine);color:#fff;box-shadow:0 0 0 3px var(--accent)}.seat.blocked{background:var(--seat-blocked);color:var(--muted);background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,rgb(0 0 0 / .18) 4px,rgb(0 0 0 / .18) 8px)}.seat.highlight{box-shadow:0 0 0 4px var(--seat-mine);z-index:5;animation:seat-pulse 1.4s ease-in-out infinite}.seat.dimmed{opacity:.22;filter:grayscale(.7);pointer-events:none}.element:has(.seat.dimmed) .table-shape{opacity:.45}@keyframes seat-pulse{0%,to{box-shadow:0 0 0 4px var(--seat-mine)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--seat-mine) 45%,transparent)}}.snap-guide{position:absolute;background:#e0632a;pointer-events:none;z-index:20}.zoom-pill{position:absolute;left:12px;bottom:12px;display:flex;gap:4px;padding:4px;background:var(--card);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow);z-index:10}.zoom-pill button{min-height:36px;width:36px;padding:0;border-radius:50%}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));box-shadow:0 -4px 24px #00000040;max-height:85vh;overflow-y:auto}.sheet-handle{width:90px;height:5px;border-radius:999px;background:var(--border);margin:0 auto .75rem}.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--border)}.countdown{font-variant-numeric:tabular-nums;font-weight:700}.legend{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--card)}.swatch{width:12px;height:12px;border-radius:3px}.table-card{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;background:var(--card)}.table-card summary{padding:.75rem 1rem;cursor:pointer;font-weight:600;min-height:var(--tap);display:flex;align-items:center;justify-content:space-between}.seat-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1rem 1rem}.seat-chip{min-height:var(--tap);min-width:var(--tap);padding:0 .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--seat-free);color:var(--seat-free-fg);font-weight:600}.seat-chip.claimed{background:var(--seat-claimed);color:#fff}.seat-chip.mine{background:var(--seat-mine);color:#fff}.seat-chip.blocked{background:var(--seat-blocked);color:var(--muted)}.seat-chip.held{background:var(--seat-held);color:#241f1a}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap;padding:.5rem .75rem;border-bottom:1px solid var(--border);background:var(--card)}.designer{display:flex;flex-direction:column;height:100%}.workspace{flex:1;display:flex;padding:.75rem;gap:.75rem;background:var(--desk);min-height:0}.footer-stats{display:flex;gap:1rem;padding:.4rem .9rem;border-top:1px solid var(--border);background:var(--card);font-size:.8rem}.footer-stats b{font-variant-numeric:tabular-nums}.student-page{display:flex;flex-direction:column;min-height:100%;padding-bottom:calc(48px + env(safe-area-inset-bottom))}.canvas-wrap{display:flex;padding:0 .75rem .75rem;height:min(70vh,620px);min-height:320px}.list-wrap{flex:1;width:100%}.plus-one-strip{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.plus-one-strip.on{border-color:var(--seat-mine);background:color-mix(in srgb,var(--seat-mine) 12%,var(--card))}.plus-one-strip>span{flex:1 1 190px}.plus-one-strip button{min-height:38px;white-space:nowrap;flex:0 0 auto}@media(max-width:420px){.plus-one-strip button{width:100%}}