: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;min-width:0;overflow-y:auto;overflow-x:hidden;padding:10px;display:flex;flex-direction:column;gap:8px}.today-q{display:grid;gap:8px;justify-items:start;padding:14px;border-radius:12px;background:#181818;border:1px solid var(--line);border-left:4px solid var(--yellow)}.today-q-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--yellow)}.today-q p{margin:0}.today-q>p:first-of-type{font-size:15px;font-weight:600;color:#fff;line-height:1.4}.thread-row{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;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;min-width:0}.thread-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.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:3px}.office.phone .controls .tb-btn{min-width:41px;padding:0 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:112px;font-size:12.5px;padding:8px 8px 8px 12px;gap:8px;width:calc(100% - 16px)}.office.phone .hint.demo-hint{top:112px}.hint.demo-hint{top:auto;bottom:76px}.office.phone .hint.demo-hint{top:112px;bottom:auto}.join-btn{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;text-decoration:none;white-space:nowrap}a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.now-pill{position:absolute;left:8px;top:68px;z-index:6;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;background:#111111eb;border:1px solid var(--line);color:#fff;font-size:13px;font-weight:600;box-shadow:var(--shadow)}.pop-people li.away,.here-person.away{opacity:.55}.chip.away{background:#2a2a2e;color:#b8b8b8}.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}.hint.checkin{flex-wrap:wrap;justify-content:flex-start;padding:8px 8px 8px 16px}.checkin-chips{display:flex;flex-wrap:wrap;gap:6px}.chip-btn{min-height:32px;padding:0 12px;border-radius:999px;background:#232323;border:1px solid #3a3a3a;color:#f2f2f2;font-weight:600;font-size:13px}.chip-btn:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.chip-btn.other{background:transparent;color:var(--muted)}.office.phone .hint.checkin{top:112px}.focus-btn{gap:6px;margin-left:4px}.focus-live{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:600}.focus-live svg{color:var(--yellow)}.link-btn{background:none;border:0;padding:0 2px;color:var(--muted);text-decoration:underline;font:inherit;font-weight:500;cursor:pointer}.live-chip.focus-chip{cursor:default;color:#fff}.live-chip.focus-chip svg{color:var(--yellow)}.win-banner{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;background:var(--yellow);color:var(--ink);font-weight:600;max-width:420px;overflow:hidden;white-space:nowrap;animation:winin .35s ease-out}.win-banner span{overflow:hidden;text-overflow:ellipsis;font-weight:500}.win-banner.phone{position:absolute;left:8px;right:8px;top:112px;z-index:8;max-width:none;box-shadow:var(--shadow)}@keyframes winin{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}.win-pop{position:absolute;left:50%;bottom:76px;transform:translate(-50%);z-index:9;display:flex;align-items:center;gap:8px;width:min(520px,calc(100% - 24px));padding:8px 8px 8px 14px;background:#111111f7;border:1px solid var(--line);border-left:4px solid var(--yellow);border-radius:14px;box-shadow:var(--shadow)}.win-pop svg{color:var(--yellow);flex:none}.win-pop input{flex:1;min-width:0;min-height:36px;background:#1b1b1b;border:1px solid #333;border-radius:10px;color:#fff;padding:0 10px;font:inherit}.office.phone .win-pop{bottom:auto;top:112px}.react-btn.bell{color:var(--yellow)}.chat-win{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:4px 0;padding:8px 10px;border-radius:12px;background:#ffcb001f;border:1px solid rgba(255,203,0,.45);color:#fff;font-size:13px}.chat-win svg{color:var(--yellow)}.person-card{position:absolute;left:50%;bottom:76px;transform:translate(-50%);z-index:9;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:min(420px,calc(100% - 16px));padding:10px 10px 10px 12px;background:#111111f7;border:1px solid var(--yellow);border-radius:14px;box-shadow:var(--shadow)}.person-card .who{min-width:0}.person-card .name{font-weight:700;display:flex;gap:6px;align-items:center}.person-card .what{font-size:13px;color:#d6d6d6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-card .card-actions{grid-column:1 / -1;display:flex;gap:8px}.person-card .card-actions .btn{flex:1;gap:6px;min-height:40px}.person-card .card-close{grid-row:1;grid-column:3;align-self:start}.today-q-row{display:flex;gap:8px}.fps-overlay{position:fixed;left:8px;bottom:8px;z-index:50;padding:4px 8px;border-radius:6px;pointer-events:none;background:#000000bf;color:#9ef0b8;font:600 11px ui-monospace,Consolas,monospace}.clock-tag{position:absolute;left:16px;top:80px;z-index:6;padding:6px 12px;border-radius:10px;pointer-events:none;background:#111111e0;border:1px solid var(--line);color:#fff;box-shadow:var(--shadow);font:700 15px Inter,system-ui,sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums}.call-strip{position:absolute;top:128px;z-index:7;width:340px;max-height:calc(100% - 210px);overflow:auto;background:#111111f0;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);transition:right .22s ease,width .22s ease}.call-strip:has(.big){width:min(620px,calc(100% - 440px))}.call-head{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;background:none;border:0;color:#fff;font:600 12.5px Inter,system-ui,sans-serif;text-align:left}.call-head svg:last-child{margin-left:auto;transition:transform .2s ease}.call-strip.closed .call-head svg:last-child{transform:rotate(-90deg)}.call-body{display:grid;gap:8px;padding:0 8px 8px}.call-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.call-tile,.call-share{position:relative;aspect-ratio:16 / 9;width:100%;padding:0;overflow:hidden;border-radius:12px;background:#0d0d0f;border:2px solid #2a2a2e;cursor:pointer}.call-tile.talking{border-color:var(--green);box-shadow:0 0 0 2px #34d37859}.call-tile.big{grid-column:1 / -1}.call-share{border-color:#ffcb0099}.call-tile video,.call-share video{width:100%;height:100%;object-fit:cover;display:block}.call-share video{object-fit:contain;background:#000}video.mirror{transform:scaleX(-1)}.call-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:12px;overflow:hidden}.call-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;animation:kenburns 9s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1) translate(0)}to{transform:scale(1.07) translate(-1.5%,1%)}}.call-name{position:absolute;left:6px;bottom:6px;display:inline-flex;align-items:center;gap:4px;max-width:calc(100% - 12px);padding:2px 8px;border-radius:999px;background:#0000009e;color:#fff;font:600 11px Inter,system-ui,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-strip.phone{left:8px;right:8px;top:112px;width:auto;max-height:none}.call-strip.phone .call-body{grid-auto-flow:column;grid-auto-columns:140px;overflow-x:auto;display:grid}.call-strip.phone .call-tiles{display:contents}.call-strip.phone .call-share{width:220px}.call-strip.phone .call-tile.big,.call-strip.phone .call-share.big{width:calc(100vw - 40px)}.conf-panel{position:absolute;left:16px;top:128px;z-index:7;width:320px;display:grid;gap:10px;padding:14px;background:#111111f5;border:1px solid var(--yellow);border-radius:16px;box-shadow:var(--shadow)}.office.phone .conf-panel{left:8px;right:8px;top:auto;width:auto;max-height:52vh;overflow:auto}.conf-head{display:flex;align-items:center;gap:8px;font-size:15px}.conf-head svg{color:var(--yellow)}.conf-panel p{margin:0}.conf-join{min-height:48px;font-size:15px;gap:8px}.conf-soon{min-height:44px;display:grid;place-items:center;border-radius:12px;border:1px dashed #444;color:var(--muted);font-weight:600}.conf-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.conf-list li{padding:8px 10px;border-radius:10px;background:#181818;border:1px solid var(--line)}.conf-list li.next{border-color:#ffcb008c}.conf-list li.live{border-color:var(--green);background:#34d37814}.conf-row{display:flex;align-items:center;gap:8px}.live-badge,.next-badge{margin-left:auto;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700}.live-badge{background:var(--green);color:var(--ink)}.next-badge{background:var(--yellow);color:var(--ink)}.conf-people{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.conf-people .small{margin-left:4px}.sit-chip{position:absolute;left:50%;bottom:76px;transform:translate(-50%);z-index:8;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;background:#111111f2;border:1px solid var(--yellow);color:#fff;font-weight:600;box-shadow:var(--shadow)}.sit-chip svg{color:var(--yellow)}