:root{--ink: #111111;--ink-2: #181818;--ink-3: #202020;--line: #2e2e2e;--line-2: #3a3a3a;--yellow: #ffcb00;--yellow-soft: #2a2410;--white: #ffffff;--text: #f2f2f2;--muted: #a6a6a6;--green: #34d378;--red: #ff6b5e;--radius: 14px;--shadow: 0 8px 24px rgba(0, 0, 0, .38);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#0b0b0b;color:var(--text);font:14px/1.4 Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:12px}.center{min-height:100%;display:grid;place-items:center}.error,.bad{color:var(--red)}.ok{color:var(--green)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 14px;border-radius:10px;background:var(--ink-3);border:1px solid var(--line-2);color:var(--text);font-weight:600}.btn:hover:not(:disabled){border-color:var(--yellow)}.btn.gold{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.btn.gold:hover:not(:disabled){background:#ffd633}.btn.small{min-height:32px;font-size:13px}.btn.block{width:100%}.btn:disabled{opacity:.45;cursor:default}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--text)}.icon-btn:hover{border-color:var(--line-2)}.link{background:none;border:0;color:var(--yellow);font-weight:600;padding:4px;text-decoration:underline}.field{display:grid;gap:6px}.field>span{font-size:12px;color:var(--muted);font-weight:600}.field input,.field textarea,.composer input,.status input{width:100%;background:#1a1a1a;border:1px solid var(--line-2);border-radius:10px;padding:10px 12px;color:var(--white);font-size:14px}.field textarea{resize:vertical;min-height:84px}.field input:focus,.field textarea:focus,.composer input:focus,.status input:focus{outline:2px solid var(--yellow);outline-offset:0;border-color:transparent}.stack{display:grid;gap:12px}.logo{display:flex;align-items:center;gap:10px;font-weight:600;white-space:nowrap;font-size:15px}.logo b{color:var(--yellow)}.logo-mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--yellow);color:var(--ink);font:10px "Press Start 2P",monospace;letter-spacing:-1px;box-shadow:inset 0 -3px #0000002e}.logo.big{font-size:20px}.logo.big .logo-mark{width:44px;height:44px;font-size:13px}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background-color:#0b0c10}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:#0b0c10;background-size:cover;background-position:center}.backdrop canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:0;transition:opacity .8s ease;filter:brightness(.62) saturate(.9) blur(1px)}.backdrop canvas.on{opacity:1}.backdrop .vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#08090c40,#08090c8c 55%,#06070aeb)}.online-now{display:flex;align-items:center;gap:8px;color:#cfcfcf;font-size:13px}.login-card{position:relative;z-index:1;width:min(400px,100%);display:grid;gap:14px;background:var(--ink);border:1px solid var(--line);border-top:4px solid var(--yellow);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.login-card p{margin:0}.login-card .guest{border-top:1px dashed var(--line-2);padding-top:14px}.office{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}canvas.map{position:absolute;top:0;right:0;bottom:0;left:0;display:block;image-rendering:pixelated;touch-action:none;z-index:0}.topbar{position:absolute;top:10px;left:10px;right:10px;z-index:20;height:56px;display:flex;align-items:center;gap:12px;padding:0 8px 0 12px;background:#111111f2;border:1px solid var(--line);border-bottom:2px solid var(--yellow);border-radius:var(--radius);box-shadow:var(--shadow)}.status{flex:1;max-width:460px;display:flex;align-items:center;gap:8px;color:var(--yellow)}.status input{padding:8px 12px;height:38px}.controls{margin-left:auto;display:flex;align-items:center;gap:6px}.tb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;min-width:40px;padding:0 10px;border-radius:10px;background:var(--ink-3);border:1px solid var(--line-2);color:var(--text);font-weight:600;font-size:13px;white-space:nowrap}.tb-btn:hover:not(:disabled){border-color:var(--yellow)}.tb-btn:disabled{opacity:.4;cursor:default}.tb-btn.live{background:var(--green);border-color:var(--green);color:var(--ink)}.tb-btn.closed{background:var(--yellow-soft);border-color:var(--yellow);color:var(--yellow)}.tb-btn .count{color:var(--yellow);font-weight:700}.avatar-btn{padding:0 5px}.avatar-btn canvas{display:block}.pop-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25}.pop{position:absolute;top:74px;right:10px;z-index:30;width:320px;max-height:min(70vh,560px);overflow:auto;background:var(--ink);border:1px solid var(--line);border-top:3px solid var(--yellow);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;overflow-x:hidden}.pop-title{font-weight:700;margin:2px 2px 10px;display:flex;gap:8px;align-items:center}.pop-title .count{color:var(--yellow)}.pop p{margin:8px 2px 0}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.avatar-opt{display:grid;place-items:center;aspect-ratio:1;border-radius:12px;background:#1c1c1c;border:2px solid var(--line);padding:0;min-width:0;overflow:hidden}.avatar-opt.on{border-color:var(--yellow);background:var(--yellow-soft)}.avatar-opt:hover{border-color:var(--yellow)}.pop-people ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.pop-people li button{width:100%;display:flex;gap:10px;align-items:flex-start;text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;padding:8px}.pop-people li button:hover{background:#1a1a1a;border-color:var(--line-2)}.who{min-width:0;flex:1}.who .name{font-weight:600;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.who .what{color:#d6d6d6;font-size:13px;overflow-wrap:anywhere}.who .what i{color:var(--muted)}.where-chip{display:inline-block;margin-top:4px;font-size:11px;font-weight:600;color:var(--yellow)}.chip{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:999px;background:var(--green);color:var(--ink);font-size:10px;font-weight:700}.chip.team{background:var(--yellow)}.pop-menu{width:230px;padding:6px;display:grid}.pop-menu button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;background:transparent;border:0;border-radius:10px;text-align:left;font-weight:600}.pop-menu button:hover{background:#1c1c1c;color:var(--yellow)}.pop-status{width:340px}.pop-status form{display:grid;gap:10px}.hud{position:absolute;left:12px;bottom:12px;z-index:5;display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:calc(100% - 440px)}.where{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#111111f0;border:1px solid var(--line);border-radius:999px;padding:9px 16px;box-shadow:var(--shadow);font-size:13px}.where svg{color:var(--yellow)}.where b{color:var(--white)}.where>span:before{content:"·";margin-right:8px;color:#555}.btn.sound{border-radius:999px;box-shadow:var(--shadow);animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{50%{transform:translateY(-2px)}}.zoom{position:absolute;right:12px;bottom:12px;z-index:5;display:flex;gap:6px;transition:right .22s ease}.office.phone .zoom{flex-direction:column}.zoom .tb-btn{background:#111111f0;box-shadow:var(--shadow)}.drawer-fabs{position:absolute;right:12px;top:84px;z-index:10;display:grid;gap:10px}.fab{position:relative;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--ink);color:var(--yellow);border:2px solid var(--yellow);box-shadow:var(--shadow)}.badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--yellow);color:var(--ink);font-size:11px;font-weight:800}.fab .badge{position:absolute;top:-6px;right:-6px;border:2px solid var(--ink)}.drawer{position:absolute;top:76px;right:10px;bottom:10px;width:330px;z-index:10;display:flex;flex-direction:column;min-height:0;background:#111111f7;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transform:translate(calc(100% + 24px));transition:transform .22s ease;visibility:hidden}.drawer.open{transform:none;visibility:visible}.tabs{display:flex;align-items:center;gap:4px;padding:6px;border-bottom:1px solid var(--line)}.tabs [role=tab]{flex:1;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:0;border-radius:10px;color:var(--muted);font-weight:600}.tabs [role=tab].on{color:var(--ink);background:var(--yellow)}.tabs [role=tab].on .badge{background:var(--ink);color:var(--yellow)}.tabs .close{flex:none}.room-chat,.disc{flex:1;min-height:0;display:flex;flex-direction:column}.chat-head{padding:10px 14px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}.chat-head b{color:var(--yellow)}.chat-list{flex:1;min-height:0;overflow:auto;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.chat-msg{background:#1b1b1b;border-radius:12px;padding:7px 11px;max-width:92%;overflow-wrap:anywhere}.chat-msg.mine{align-self:flex-end;background:var(--yellow);color:var(--ink)}.chat-name{display:block;font-size:11px;font-weight:700;color:var(--yellow)}.chat-msg.mine .chat-name{color:#0009}.composer{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.composer .btn{min-width:44px;padding:0 12px}.empty{margin:auto;text-align:center;color:var(--muted);padding:24px 12px;display:grid;justify-items:center;gap:6px}.empty svg{color:var(--yellow)}.empty p{margin:0}.disc-top{padding:10px;display:grid;gap:8px;border-bottom:1px solid var(--line)}.seg{display:flex;background:#1a1a1a;border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}.seg button{flex:1;min-height:36px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.seg button.on{background:var(--yellow);color:var(--ink)}.disc-list{flex:1;min-height:0;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.thread-row{display:grid;gap:4px;width:100%;text-align:left;padding:10px 12px;background:#181818;border:1px solid var(--line);border-radius:12px}.thread-row:hover{border-color:var(--yellow)}.thread-title{display:flex;gap:8px;align-items:center}.thread-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vis{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;flex:none;background:#262626;color:var(--muted)}.vis.private{background:var(--yellow-soft);color:var(--yellow)}.thread-last{font-size:13px;color:#cfcfcf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-last span{color:var(--muted)}.thread-meta{font-size:11px;color:var(--muted)}.disc-head{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--line);min-width:0}.disc-body{flex:1;min-height:0;overflow:auto;padding:12px;display:grid;gap:14px;align-content:start}.disc-foot{padding:10px;border-top:1px solid var(--line)}.vis-note{margin:0;font-size:12px;padding:8px 10px;border-radius:8px;display:block}.vis-note svg{vertical-align:-2px;margin-right:3px}.vis-note .link{margin-left:6px;font-size:12px}.vis-note.private{background:var(--yellow-soft);color:#ffe17a;border-left:3px solid var(--yellow)}.vis-note.open{background:#1c1c1c;color:#d8d8d8;border-left:3px solid #555}.thread .vis-note{margin:8px 10px 0}.picker{display:grid;gap:2px;max-height:180px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:4px}.picker.add{margin:8px 10px 0;max-height:140px}.pick{display:flex;gap:10px;align-items:center;min-height:40px;padding:0 8px;border-radius:8px}.pick:hover{background:#1c1c1c}.pick input{width:18px;height:18px;accent-color:var(--yellow)}.pick-btn{display:flex;gap:6px;align-items:center;min-height:40px;background:transparent;border:0;text-align:left;border-radius:8px;padding:0 8px}.pick-btn:hover{background:#1c1c1c;color:var(--yellow)}.msgs{flex:1;min-height:0;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.msg{background:#1a1a1a;border-radius:12px;padding:9px 12px;border-left:3px solid transparent}.msg.first{background:#222;border-left-color:#555}.msg.mine{border-left-color:var(--yellow)}.msg-head{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:2px}.msg-head span{color:var(--muted)}.msg-body{white-space:pre-wrap;overflow-wrap:anywhere}.toast{position:absolute;top:80px;left:50%;transform:translate(-50%);z-index:40;background:var(--yellow);color:var(--ink);font-weight:600;padding:10px 18px;border-radius:999px;box-shadow:var(--shadow);max-width:calc(100% - 32px);text-align:center}.office.phone .topbar{top:6px;left:6px;right:6px;height:54px;gap:6px;padding:0 6px 0 8px}.office.phone .controls{gap:4px}.office.phone .tb-btn{min-height:44px;min-width:44px;padding:0 8px}.office.phone .avatar-btn{padding:0 6px}.office.phone .pop{top:66px;left:6px;right:6px;width:auto}.office.phone .hud{left:8px;right:8px;max-width:none;transition:bottom .22s ease}.office.phone .where{border-radius:14px;padding:8px 12px}.office.phone .toast{top:68px}.drawer.sheet{top:auto;left:0;right:0;bottom:0;width:auto;height:62px;border-radius:18px 18px 0 0;transform:none;visibility:visible;transition:height .22s ease;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}.drawer.sheet.open{height:62vh}.drawer.sheet .tabs{border-bottom:0}.drawer.sheet.open .tabs{border-bottom:1px solid var(--line)}.tb-btn.on{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.react-dock{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:6;background:#111111f0;border:1px solid var(--line);border-radius:999px;padding:5px;box-shadow:var(--shadow)}.reactions{display:flex;gap:4px}.react-btn{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;background:#232323;border:1px solid #3a3a3a;color:#f2f2f2;transition:transform .12s ease,background .12s ease}.react-btn:hover{transform:translateY(-2px) scale(1.06);background:var(--yellow);border-color:var(--yellow);color:#111}.react-btn:active{transform:scale(.92)}.react-row{padding:8px 10px 0;display:flex;justify-content:center;border-top:1px solid var(--line)}.react-row .react-btn{width:44px;height:44px}.hint{position:absolute;left:50%;top:124px;transform:translate(-50%);z-index:7;display:flex;align-items:center;gap:12px;flex-wrap:nowrap;justify-content:center;max-width:min(760px,calc(100% - 24px));padding:8px 8px 8px 16px;background:#111111f5;border:1px solid var(--line);border-left:4px solid var(--yellow);border-radius:14px;box-shadow:var(--shadow);font-size:13px}.hint b{color:var(--yellow)}kbd{font:600 11px Inter,system-ui,sans-serif;background:#262626;border:1px solid #3a3a3a;border-bottom-width:2px;border-radius:6px;padding:1px 6px;color:#fff}.here-strip{display:flex;gap:2px;overflow-x:auto;padding:8px 8px 6px;border-bottom:1px solid var(--line);scrollbar-width:thin}.here-person{flex:none;display:grid;justify-items:center;gap:2px;width:54px;padding:4px 2px;border-radius:10px;background:transparent;border:1px solid transparent;color:#d6d6d6;font-size:11px;font-weight:600}.here-person span{max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.here-person:hover{background:#1c1c1c;border-color:var(--line-2);color:#fff}.office.phone .hint{top:68px;font-size:12.5px;padding:8px 8px 8px 12px;gap:8px;width:calc(100% - 16px)}.hint .btn{flex:none}.office.phone .btn.sound{min-height:40px;padding:0 12px}.office.phone .zoom .tb-btn{min-width:44px;min-height:44px}.sheet-reacts{display:flex;justify-content:center;padding:8px 6px 0}.sheet-reacts .react-btn{width:44px;height:44px}.drawer.sheet:has(.sheet-reacts){height:116px}.drawer.sheet.open:has(.sheet-reacts){height:62vh}.hint span{line-height:1.6}.live-strip{position:absolute;left:50%;top:80px;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:6px;max-width:calc(100% - 420px);overflow-x:auto;white-space:nowrap;background:#111111eb;border:1px solid var(--line);border-radius:999px;padding:5px 6px 5px 12px;box-shadow:var(--shadow);font-size:13px;scrollbar-width:none}.live-strip b{color:#fff;margin-right:4px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 #34d37899;animation:livepulse 1.8s infinite}@keyframes livepulse{70%{box-shadow:0 0 0 7px #34d37800}to{box-shadow:0 0 #34d37800}}.live-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:999px;background:#1f1f1f;border:1px solid var(--line-2);color:#f2f2f2;font-weight:600;font-size:12.5px}.live-chip span{color:var(--yellow);font-weight:800}.live-chip.mine,.live-chip:hover{border-color:var(--yellow)}.mic-on{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block}.chat-row{display:flex;align-items:flex-end;gap:6px}.chat-row.mine{justify-content:flex-end}.chat-row canvas{flex:none;margin-bottom:2px}