:root{--room: #4d545b;--room-2: #363c42;--paper: #f2f1ec;--ink: #24262a;--ink-soft: #6f7278;--accent: #3f7cad;--sticky: #fdf3a8;--sans: Arial, Helvetica, system-ui, sans-serif;--controls-w: 207px;--ctl-icon: 42px;--marker: "Permanent Marker", "Bradley Hand", "Segoe Print", cursive;--marker-ink: #23303a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--room);color:var(--paper);font-family:var(--sans);font-size:15px;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.door{height:100%;display:grid;place-content:center;text-align:center;gap:12px;padding:24px}.door h1{font:700 clamp(34px,6vw,60px)/1 var(--sans);margin:0;letter-spacing:.02em;text-transform:uppercase}.door-hint{color:#b6bcc2;margin:0 0 16px}.door-form{display:flex;gap:8px;justify-content:center}.door input{background:var(--room-2);border:1px solid #4a5158;color:var(--paper);padding:12px 16px;border-radius:3px;width:240px}.door input::placeholder{color:#868d94}.door button,.controls button,.upload{background:var(--paper);color:var(--ink);border:0;padding:12px 20px;border-radius:3px;font-weight:700}.door button:disabled{opacity:.6;cursor:default}.door-error{color:#e9a58f;margin:0}.room{position:relative;height:100vh;height:100dvh;overflow:hidden;background:#14161a}.backdrop,.backdrop-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.backdrop-fill{object-fit:cover;filter:blur(30px) brightness(.5) saturate(.8);transform:scale(1.1)}.backdrop{object-fit:contain}.seat{position:absolute;transform:translate(-50%,-50%);transition:left .42s cubic-bezier(.2,.8,.2,1),top .42s cubic-bezier(.2,.8,.2,1),width .42s cubic-bezier(.2,.8,.2,1),height .42s cubic-bezier(.2,.8,.2,1)}.portrait{width:100%;height:100%;border-radius:6px;overflow:hidden;background:#2b3138;border:2px solid rgba(12,14,16,.85);display:grid;place-items:center;box-shadow:0 10px 24px #00000073,0 2px 6px #00000059;transition:border-color .15s,box-shadow .15s}.portrait video{width:100%;height:100%;object-fit:cover}.seat.me .portrait video{transform:scaleX(-1)}.seat.speaking .portrait{border-color:var(--accent);box-shadow:0 0 0 3px #3f7cad8c,0 10px 24px #00000073}.initial{font:700 calc(var(--tile) * .4)/1 var(--sans);color:#9aa2aa}.nameplate{position:absolute;top:100%;left:50%;transform:translate(-50%,5px);max-width:150%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9px,calc(var(--tile) * .115),13px);letter-spacing:.05em;text-transform:uppercase;color:var(--ink);background:var(--paper);padding:2px 8px;border-radius:2px;box-shadow:0 2px 5px #00000073}.board{position:absolute;left:0;top:0;z-index:5;transform-origin:0 0;background:#f7f8f6;box-shadow:inset 0 0 0 3px #d5d8da;color:var(--ink);cursor:pointer;transition:transform .52s cubic-bezier(.32,.9,.3,1),box-shadow .3s}.board.open{z-index:3000;cursor:default;box-shadow:inset 0 0 0 3px #d5d8da,0 40px 90px #0000008c}.board-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2500;background:#0a0c0e9e;animation:board-fade .26s ease}@keyframes board-fade{0%{opacity:0}to{opacity:1}}.board-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;margin:0;text-align:center;font-size:44px;color:#a9adb2;pointer-events:none}.scribble{position:absolute;cursor:default;touch-action:none;padding:42px 14px 14px}.board.open .scribble:hover,.board.open .scribble:focus-within{outline:2px dashed rgba(63,124,173,.55);outline-offset:-2px}.board.inking .scribble{pointer-events:none}.rt{width:100%;height:100%;font:1em/1.3 var(--marker);overflow:hidden;outline:none;cursor:text;white-space:pre-wrap;word-break:break-word}.rt.empty:before{content:attr(data-placeholder);color:#b9bdc1;pointer-events:none}.board:not(.open) .rt.empty:before{content:""}.board:not(.open) .scribble{pointer-events:none}.rt ul,.rt ol{margin:0;padding-left:1.1em}.rt li{margin:0 0 .15em}.rt u{text-underline-offset:.12em}.scribble-move{position:absolute;top:0;left:0;right:0;height:36px;border-radius:4px 4px 0 0;cursor:move;opacity:.4;background:radial-gradient(circle at center,rgba(35,48,58,.55) 1.6px,transparent 1.7px) 0 0 / 9px 9px,#3f7cad38;transition:opacity .12s}.scribble:hover .scribble-move,.scribble:focus-within .scribble-move{opacity:1}.scribble-move:active{cursor:grabbing}.scribble-x,.scribble-grip{position:absolute;opacity:0;transition:opacity .12s}.scribble:hover .scribble-x,.scribble:focus-within .scribble-x,.scribble:hover .scribble-grip,.scribble:focus-within .scribble-grip{opacity:1}.scribble-x{top:-14px;right:-14px;width:30px;height:30px;border:0;border-radius:50%;background:#22262ad1;color:#fff;font-size:20px;line-height:1}.scribble-grip{right:-9px;bottom:-9px;width:20px;height:20px;border-radius:3px;background:var(--paper);border:3px solid var(--accent);cursor:nwse-resize}.board-ink{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.board.inking{cursor:crosshair}.board.erasing{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Ccircle cx='15' cy='15' r='12' fill='rgba(255,255,255,0.55)' stroke='%23303a44' stroke-width='2'/%3E%3C/svg%3E") 15 15,cell}.board.inking .rt.empty:before{content:""}.board-tools .rubber{display:block;border-radius:3px;background:var(--paper);box-shadow:inset 0 0 0 2px #6f7a85}.board-tools{position:absolute;z-index:3100;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:8px;border-radius:8px;background:#181b1ff2;box-shadow:0 14px 40px #0000008c}.tool-group{display:flex;gap:4px;align-items:center}.tool-group+.tool-group{border-left:1px solid #454c53;padding-left:14px}.board-tools button{min-width:38px;height:38px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:#dbe1e7;font-size:15px;display:grid;place-items:center}.board-tools button:hover:not(.swatch){background:#3a4148}.board-tools button.on:not(.swatch){background:var(--paper);color:var(--ink)}.board-tools .nib{border-radius:50%;background:currentColor;display:block}.board-tools .swatch{min-width:30px;width:30px;height:30px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 2px #ffffff2e}.board-tools .swatch:hover{box-shadow:inset 0 0 0 2px #ffffff80}.board-tools .swatch.on{box-shadow:0 0 0 3px var(--paper)}.tool-done{background:var(--paper)!important;color:var(--ink)!important;font-weight:700;padding:0 16px!important}.controls{position:absolute;z-index:3;width:var(--controls-w);bottom:20px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:var(--ctl-icon) var(--ctl-icon) 1fr;gap:6px;padding:6px;border-radius:13px;background:#1013179e;backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 44px #00000080,inset 0 1px #ffffff12}.controls.at-seat{bottom:auto;top:var(--me-y);left:clamp(calc(var(--controls-w) / 2 + 10px),var(--me-x),calc(100% - var(--controls-w) / 2 - 10px))}.controls button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 5px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:#ffffff0e;color:#e2e8ee;font-size:11px;font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:background .14s,border-color .14s,color .14s,transform 90ms}.controls button:hover{background:#ffffff21;border-color:#ffffff4d}.controls button:active{transform:translateY(1px)}.controls button:disabled{opacity:.55}.ico{width:13px;height:13px;flex:none}.controls .coffee{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;font-size:14px;gap:8px;letter-spacing:.015em}.controls .coffee .ico{width:17px;height:17px}.ico .slash{opacity:0;transition:opacity .14s}.controls button[aria-pressed=false] .ico .slash{opacity:1}.controls button[aria-pressed=false]:not(.coffee){color:#ffb3a4;border-color:#e87a646b;background:#c4443029}.controls button[aria-pressed=false]:not(.coffee):hover{background:#ce4a3447;border-color:#e87a64a6}.coffee.on{color:#2b1e0d;background:#cfa969;border-color:#e6c48f}.coffee.on:hover{background:#dcb676;border-color:#f0d3a4}.controls .lk-disconnect-button{color:#ff9d8a;border-color:#ff9d8a52;background:#ba3a2a24}.controls .lk-disconnect-button:hover{background:#d644304d;border-color:#ff9d8a99}.drawer{position:absolute;z-index:3;left:20px;bottom:20px;width:260px}.drawer-tab{background:var(--room-2);color:#c3c9cf;border:0;padding:10px 16px;border-radius:3px;font-size:14px}.drawer.open .drawer-tab{border-radius:3px 3px 0 0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.drawer-x{font-size:18px;line-height:1;opacity:.7}.drawer-tab:hover .drawer-x{opacity:1}.drawer-body{background:var(--room-2);border-radius:0 0 3px 3px;padding:12px;max-height:40vh;overflow:auto}.upload{display:inline-block;padding:8px 14px;font-size:14px;margin-bottom:8px;cursor:pointer}.drawer-empty{color:#868d94;margin:8px 0 0;font-size:14px}.drawer ul{list-style:none;margin:0;padding:0}.drawer li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid #474e55;font-size:14px}.drawer li a{color:var(--paper);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer li span{color:#868d94;flex-shrink:0}@media (prefers-reduced-motion: reduce){.seat,.portrait{transition:none}}@media (max-width: 720px){.drawer{width:200px}}.arrange{cursor:default}.ghost{position:absolute;transform:translate(-50%,-50%);border:2px solid var(--accent);border-radius:6px;background:#3f7cad4d;box-shadow:0 6px 18px #00000073;cursor:grab;touch-action:none;display:grid;place-items:center}.ghost.held{cursor:grabbing;background:#3f7cad80;border-color:#9ad8ff}.ghost-n{font:700 clamp(16px,34%,46px)/1 var(--sans);color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6)}.ghost-tag{position:absolute;top:3px;left:5px;font:700 11px/1 var(--sans);color:#dceeff;opacity:.85}.ghost-grip{position:absolute;right:-6px;bottom:-6px;width:15px;height:15px;border-radius:3px;background:var(--paper);border:2px solid var(--accent);cursor:ns-resize}.arrange-panel{position:absolute;z-index:4000;right:16px;top:16px;width:330px;max-height:calc(100% - 32px);overflow:auto;padding:12px;border-radius:6px;background:#181b1ff0;box-shadow:0 10px 30px #00000080}.arrange-help{margin:0 0 10px;font-size:13px;line-height:1.45;color:#c3c9cf}.arrange-panel pre{margin:0;font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;color:#e8eef4;white-space:pre;overflow-x:auto}.arrange-actions{display:flex;gap:8px;margin-top:10px}.arrange-actions button{background:var(--paper);color:var(--ink);border:0;border-radius:3px;padding:7px 14px;font-size:13px;font-weight:700}.projector{position:absolute;transform:translate(-50%,-100%);border:0;padding:0;background:none;line-height:0;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5));transition:filter .2s,transform .2s}.projector:hover{transform:translate(-50%,-100%) scale(1.05)}.projector img{width:100%;height:100%;display:block;object-fit:contain}.projector.bare:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;background:linear-gradient(#4c5359,#2c3238 60%,#23282d);box-shadow:inset 0 1px #ffffff2e}.projector img{position:relative}.projector-beam{position:absolute;left:41%;top:35%;width:11%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:transparent;box-shadow:none;transition:background .3s,box-shadow .3s}.projector.lit{filter:drop-shadow(0 0 16px rgba(255,236,190,.55))}.projector.lit .projector-beam{background:#fff6de;box-shadow:0 0 16px 6px #fff0c8e6}.projection{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;background:#05070ad9;overflow:hidden;animation:projection-in .26s ease}@keyframes projection-in{0%{opacity:0}to{opacity:1}}.projection video{width:85%;height:85%;object-fit:contain;background:#05070a;box-shadow:0 0 90px 24px #96b4dc24,0 28px 70px #000000a6}.controls,.drawer{z-index:2100}.projection-bar{position:absolute;z-index:2100;left:50%;top:22px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:999px;background:#14171beb;box-shadow:0 12px 34px #0009;animation:bar-drop .32s cubic-bezier(.2,.9,.3,1)}@keyframes bar-drop{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.projection-who{font-size:14px;color:#cfd6dd;white-space:nowrap}.projection-bar button{border:0;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;background:var(--paper);color:var(--ink)}.projection-bar button:disabled{opacity:.6;cursor:default}.projection-bar kbd{font:11px/1 var(--sans);letter-spacing:.04em;color:#949ca4;border:1px solid #4b535b;border-radius:4px;padding:4px 6px}.coffee.on{background:#caa46a;color:#2a1d0c}.mug .steam{opacity:.7}.seat.away .portrait{background:#2a2f34;border-color:#caa46a8c}.seat.away .mug{width:46%;height:46%;color:#caa46a;stroke-width:1.5}.seat.away .mug .steam{animation:steam 2.6s ease-in-out infinite}@keyframes steam{0%,to{opacity:.15;transform:translateY(1px)}50%{opacity:.8;transform:translateY(-1px)}}.seat.away .nameplate{color:#7d6a4c}.cork{position:absolute;left:0;top:0;z-index:4;transform-origin:0 0;background:#b07a42;background-image:radial-gradient(circle at 30% 30%,rgba(255,240,210,.16) 1px,transparent 1.6px) 0 0 / 11px 11px,radial-gradient(circle at 70% 60%,rgba(90,50,15,.18) 1.2px,transparent 1.8px) 5px 7px / 13px 13px;box-shadow:inset 0 0 0 10px #7d5427,inset 0 0 34px #46260a73;color:#4a2f14;cursor:pointer;transition:transform .52s cubic-bezier(.32,.9,.3,1),box-shadow .3s}.cork.open{z-index:3000;cursor:default;box-shadow:inset 0 0 0 14px #7d5427,inset 0 0 60px #46260a73,0 40px 90px #0000008c}.cork-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;margin:0;font:700 30px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#4a2f146b;pointer-events:none}.pin{position:absolute;transform:rotate(var(--tilt));padding:26px 14px 12px;box-shadow:0 5px 12px #321a066b;cursor:default;touch-action:none}.cork.open .pin:hover,.cork.open .pin:focus-within{outline:2px dashed rgba(74,47,20,.55);outline-offset:-2px}.cork:not(.open) .pin{pointer-events:none}.pin textarea{display:block;width:100%;height:100%;resize:none;border:0;padding:0;background:transparent;font:1em/1.3 var(--marker);color:#3a2c18;overflow:hidden;cursor:text}.pin textarea:focus{outline:none}.cork:not(.open) .pin textarea::placeholder{color:transparent}.pin-tack{position:absolute;top:7px;left:50%;width:13px;height:13px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#f08a7a,#b4372a 65%,#7d2318);box-shadow:0 1px 3px #00000073}.pin-move{position:absolute;top:0;left:0;right:0;height:24px;cursor:move;opacity:0}.cork.open .pin:hover .pin-move{opacity:1}.pin-x,.pin-grip{position:absolute;opacity:0;transition:opacity .12s}.pin:hover .pin-x,.pin:focus-within .pin-x,.pin:hover .pin-grip,.pin:focus-within .pin-grip{opacity:1}.pin-x{top:-12px;right:-12px;width:26px;height:26px;border:0;border-radius:50%;background:#281a0ad9;color:#fff;font-size:17px;line-height:1}.pin-grip{right:-8px;bottom:-8px;width:17px;height:17px;border-radius:3px;background:var(--paper);border:3px solid #7d5427;cursor:nwse-resize}.cork-tools{position:absolute;z-index:3100;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:8px 8px 8px 16px;border-radius:8px;background:#181b1ff2;box-shadow:0 14px 40px #0000008c}.cork-hint{font-size:14px;color:#c3c9cf;white-space:nowrap}.cork-tools .swatch{min-width:30px;width:30px;height:30px;border:0;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 2px #ffffff2e}.cork-tools .swatch:hover{box-shadow:inset 0 0 0 2px #ffffff80}.cork-tools .swatch.on{box-shadow:0 0 0 3px var(--paper)}.cork-tools .tool-done{border:0;border-radius:4px;height:38px}