.rb-board{border-bottom:1px solid var(--line);background:#141414;flex:none}.rb-head{display:flex;align-items:center;gap:6px;padding:6px 10px 6px 8px}.rb-toggle{flex:1;min-width:0;min-height:32px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--text);font:inherit;font-size:13px;padding:4px;cursor:pointer;text-align:left;border-radius:8px}.rb-toggle svg{color:var(--yellow)}.rb-toggle:hover b{color:var(--yellow)}.rb-count{color:var(--yellow);font-weight:800;font-size:12px}.rb-chev{margin-left:auto;color:var(--muted);display:inline-flex;transition:transform .15s}.rb-chev.up{transform:rotate(180deg)}.rb-chev svg{color:var(--muted)}.rb-add{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:0 10px;border-radius:999px;background:#232323;border:1px solid #3a3a3a;color:#f2f2f2;font-weight:600;font-size:12.5px;cursor:pointer}.rb-add:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.rb-body{max-height:min(34vh,300px);overflow-y:auto;overflow-x:hidden;padding:0 10px 10px;display:grid;gap:8px}.rb-empty{margin:0;font-size:12.5px;color:var(--muted)}.rb-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.rb-pin{display:flex;gap:6px;align-items:flex-start;padding:7px 8px;border-radius:10px;background:#1b1b1b;border:1px solid var(--line);min-width:0}.rb-pin.top{border-color:#ffcb008c;background:#1e1b10}.rb-main{flex:1;min-width:0;display:grid;gap:2px}.rb-link{display:flex;align-items:center;gap:6px;color:#fff;text-decoration:none;min-width:0;font-size:13px}.rb-link:hover .rb-title{color:var(--yellow);text-decoration:underline}.rb-link .rb-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.rb-host{color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none;max-width:40%}.rb-fav{width:16px;height:16px;border-radius:3px;flex:none;background:#fff;object-fit:contain}.rb-fav-none{display:inline-grid;place-items:center;background:#2a2a2a;color:var(--yellow)}.rb-note{display:grid;gap:1px;font-size:13px;min-width:0}.rb-note .rb-title{color:#fff}.rb-text{color:#dcdcdc;white-space:pre-wrap;overflow-wrap:anywhere}.rb-meta{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rb-top{display:inline-flex;align-items:center;gap:3px;color:var(--yellow);font-weight:700}.rb-actions{display:flex;gap:2px;flex:none}.rb-icon{width:26px;height:26px;display:inline-grid;place-items:center;border-radius:7px;background:none;border:1px solid transparent;color:var(--muted);cursor:pointer}.rb-icon:hover{color:#fff;border-color:var(--line-2)}.rb-icon.on{color:var(--yellow)}.rb-form{display:grid;gap:6px;padding:8px;border-radius:10px;border:1px solid var(--line-2);background:#191919}.rb-form input,.rb-form textarea,.rb-sched input,.rb-sched select{width:100%;min-height:36px;padding:7px 10px;border-radius:9px;border:1px solid var(--line-2);background:#101010;color:var(--text);font:inherit;font-size:13px}.rb-form textarea{resize:vertical;min-height:64px}.rb-form input:focus,.rb-form textarea:focus,.rb-sched input:focus,.rb-sched select:focus{outline:2px solid var(--yellow);outline-offset:0;border-color:transparent}.rb-note-wrap{position:relative}.rb-left{position:absolute;right:8px;bottom:6px;font-size:11px;color:var(--muted);pointer-events:none}.rb-kind,.rb-durs{display:flex;gap:6px;flex-wrap:wrap}.rb-kind button,.rb-durs button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 12px;border-radius:999px;background:#232323;border:1px solid #3a3a3a;color:#f2f2f2;font-weight:600;font-size:12.5px;cursor:pointer}.rb-kind button.on,.rb-durs button.on{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.rb-form-actions{display:flex;justify-content:flex-end;gap:6px}.rb-today{width:360px;display:grid;gap:10px;align-content:start}.rb-today .pop-title{margin-bottom:0;flex-wrap:wrap}.rb-today .pop-title svg{color:var(--yellow)}.rb-x{margin-left:auto;width:30px;height:30px}.rb-none{margin:0}.rb-sub{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.rb-meetups{list-style:none;margin:0;padding:0;display:grid;gap:6px}.rb-meetup{padding:8px 10px;border-radius:10px;background:#181818;border:1px solid var(--line);display:grid;gap:2px;min-width:0}.rb-meetup.live{border-color:var(--green);background:#34d37814}.rb-m-top{display:flex;align-items:center;gap:8px;min-width:0}.rb-m-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.rb-m-time{margin-left:auto;color:var(--yellow);font-weight:700;font-size:12.5px;white-space:nowrap}.rb-m-foot{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.rb-m-count{font-size:12px;color:var(--muted)}.rb-m-actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.rb-m-actions .btn{min-height:30px;gap:4px}.btn.rb-going{border-color:var(--green);color:var(--green)}.btn.rb-cancel{color:var(--muted)}.btn.rb-cancel:hover:not(:disabled){color:var(--red);border-color:var(--red)}.rb-heads{display:inline-flex;align-items:center}.rb-face{width:22px;height:22px;border-radius:50%;border:2px solid #181818;margin-left:-6px;object-fit:cover;display:inline-grid;place-items:center;background:#3a3a3a;color:#fff;font-size:9px;font-weight:800}.rb-face:first-child{margin-left:0}.rb-face.more{background:#2a2a2a;color:var(--yellow)}.rb-sched{display:grid;gap:8px}.rb-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rb-sched select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.live-chip.rb-chip svg{color:var(--yellow)}.live-chip.rb-chip.hot{border-color:var(--green)}.rb-conf{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:8px}.rb-conf-head{display:flex;align-items:center;gap:6px;font-size:13px}.rb-conf-head svg{color:var(--yellow)}.rb-conf-head .link-btn{margin-left:auto;font-size:12px}.rb-conf p{margin:0}.rb-meetups.compact .rb-meetup{padding:6px 8px}.rb-toasts{position:absolute;bottom:140px;left:50%;transform:translate(-50%);z-index:41;display:grid;gap:8px;width:min(520px,calc(100% - 24px))}.rb-toast{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:14px;background:#111111f5;border:1px solid var(--yellow);box-shadow:var(--shadow);font-size:13.5px}.rb-toast>svg{color:var(--yellow);flex:none}.rb-toast span{flex:1;min-width:0;overflow-wrap:anywhere}.rb-toast .btn{flex:none;gap:4px}.rb-toast .icon-btn{width:30px;height:30px;flex:none}.office.phone .rb-today{max-height:70vh}.office.phone .rb-toasts{bottom:auto;top:70px}.office.phone .rb-toast{flex-wrap:wrap}.office.phone .rb-body{max-height:26vh}.office.phone .rb-icon{width:36px;height:36px}.pwa-steps{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}.pwa-steps li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:8px;border-radius:10px;background:#161616;line-height:1.45}.pwa-n{width:24px;height:24px;border-radius:999px;background:var(--yellow);color:var(--ink);font-weight:800;font-size:13px;display:grid;place-items:center}.pwa-ico{display:inline-block;vertical-align:-3px;color:var(--yellow)}.recap-pop{z-index:36;width:380px;top:74px;right:12px;max-height:min(80vh,640px)}.recap-hello{margin:0 2px 10px;font-size:15px;line-height:1.45;color:#e6e6e6}.recap-hello b{color:var(--yellow)}.recap-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.recap-tile{background:#161616;border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:2px;align-content:start;min-width:0}.recap-tile.wide{grid-column:1 / -1}.recap-tile .ic{color:var(--yellow);display:flex}.recap-num{font-size:28px;font-weight:800;line-height:1.05;color:var(--white)}.recap-num small{font-size:13px;font-weight:600;color:var(--muted);margin-left:4px}.recap-label{font-size:12.5px;color:#d0d0d0}.recap-sub{font-size:11.5px;color:var(--muted)}.recap-faces{display:flex;align-items:center;margin-top:6px}.recap-face{width:34px;height:34px;border-radius:999px;border:2px solid #161616;margin-left:-8px;overflow:hidden;background:var(--yellow);color:var(--ink);font-weight:800;font-size:14px;display:grid;place-items:center;flex:none}.recap-face:first-child{margin-left:0}.recap-face img{width:100%;height:100%;object-fit:cover;display:block}.recap-more{margin-left:8px;font-size:12px;color:var(--muted)}.recap-foot{margin:6px 2px 10px;font-size:12px;color:var(--muted)}.recap-empty{background:#161616;border-radius:12px;padding:14px;color:#d6d6d6;line-height:1.5;margin-bottom:10px}.office.phone .recap-num{font-size:24px}.wb-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;align-items:center;justify-content:center;background:#08080a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:84px 24px 24px}.wb-panel{position:relative;display:flex;flex-direction:column;gap:10px;outline:none;width:min(1180px,100%);height:min(860px,100%);background:#151517;border:1px solid #2e2e2e;border-radius:18px;box-shadow:0 18px 60px #0000008c;padding:12px 14px 14px}.wb-head{display:flex;align-items:center;gap:12px;min-height:30px}.wb-title{font-weight:800;font-size:16px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-here{color:#a6a6a6;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.wb-x{width:34px;height:34px;border-radius:10px;border:1px solid #333;background:#1d1d20;color:#eee;font-size:15px;flex:none}.wb-x:hover{border-color:#ffcb00;color:#ffcb00}.wb-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.wb-group{display:flex;align-items:center;gap:6px}.wb-right{margin-left:auto}.wb-label{color:#a6a6a6;font-size:12px;margin-right:2px}.wb-swatch{width:28px;height:28px;border-radius:50%;border:2px solid #3a3a3a;padding:0;box-shadow:inset 0 0 0 2px #00000040;transition:transform .12s}.wb-swatch.on{border-color:#ffcb00;transform:scale(1.12);box-shadow:0 0 0 3px #ffcb0040}.wb-size{width:32px;height:32px;border-radius:9px;border:1px solid #333;background:#1d1d20;display:grid;place-items:center;padding:0}.wb-size i{display:block;border-radius:50%;background:#eee}.wb-size.on{border-color:#ffcb00}.wb-size.on i{background:#ffcb00}.wb-btn{height:32px;padding:0 12px;border-radius:9px;border:1px solid #333;background:#1d1d20;color:#eee;font-weight:600;font-size:13px}.wb-btn:hover{border-color:#555}.wb-btn.on{border-color:#ffcb00;color:#ffcb00;background:#2a2410}.wb-danger{color:#ff8a80}.wb-danger:hover{border-color:#ff6b5e}.wb-primary{background:#ffcb00;color:#111;border-color:#ffcb00}.wb-note-add{width:30px;height:30px;border-radius:7px;border:1px solid rgba(0,0,0,.3);color:#111;font-weight:800;font-size:16px;line-height:1;padding:0;transform:rotate(-3deg)}.wb-note-add:hover{transform:rotate(0) scale(1.08)}.wb-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.wb-stage{position:relative;border-radius:10px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;background:#f5f5f1;box-shadow:inset 0 0 0 6px #b9bdc4,inset 0 0 0 7px #8e939b,0 6px 22px #0006}.wb-canvas{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;touch-action:none}.wb-canvas.erasing{cursor:cell}.wb-note{position:absolute;box-sizing:border-box;padding:.55em .6em 1.4em;color:#1b1b1b;line-height:1.25;box-shadow:0 3px 8px #00000038;border-radius:3px;cursor:grab;touch-action:none;overflow:hidden;word-break:break-word;white-space:pre-wrap}.wb-note:active{cursor:grabbing}.wb-note:focus-visible{outline:2px solid #111;outline-offset:1px}.wb-note-y{background:#ffd84d}.wb-note-w{background:#fff}.wb-note-b{background:#bfdbff}.wb-note-text{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.wb-note.mine .wb-note-text:empty:before{content:""}.wb-note-by{position:absolute;left:.6em;bottom:.35em;font-size:.72em;font-weight:700;opacity:.55}.wb-confirm{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#111;border:1px solid #ff6b5e;border-radius:12px;padding:10px 12px;box-shadow:0 8px 24px #00000080;color:#fff;font-weight:600;z-index:2;max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center}.wb-editor-back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;background:#00000059;border-radius:18px}.wb-editor{width:min(420px,calc(100% - 32px));min-height:260px;display:flex;flex-direction:column;gap:10px;padding:16px;color:#1b1b1b;border-radius:6px;box-shadow:0 16px 40px #00000080;transform:rotate(-.6deg)}.wb-editor textarea,.wb-editor-text{flex:1;min-height:170px;border:none;outline:none;resize:none;background:transparent;color:#1b1b1b;font-size:22px;line-height:1.3;font-weight:500;white-space:pre-wrap;word-break:break-word}.wb-editor textarea::placeholder{color:#0006}.wb-editor-bar{display:flex;align-items:center;gap:8px}.wb-editor-by{flex:1;font-size:13px;font-weight:600;opacity:.65}.wb-editor .wb-btn:not(.wb-primary){background:#00000014;border-color:#00000026;color:#1b1b1b}.wb-editor .wb-danger{color:#b3261e}.wb-backdrop.wb-phone{padding:0;background:#111;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:39}.wb-phone .wb-panel{width:100%;height:100%;border-radius:0;border:none;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.wb-phone .wb-here{display:none}.wb-phone .wb-x{margin-left:auto}.wb-phone .wb-tools{order:3;justify-content:center;gap:10px 12px;padding:4px 2px 2px}.wb-phone .wb-group{flex:none}.wb-phone .wb-right{margin-left:0}.wb-phone .wb-swatch,.wb-phone .wb-size,.wb-phone .wb-note-add{width:36px;height:36px}.wb-phone .wb-btn{height:36px}.wb-phone .wb-editor-back{border-radius:0}.wb-open-btn{position:absolute;left:12px;bottom:64px;z-index:6;height:34px;padding:0 14px;border-radius:999px;border:1px solid #3a3a3a;background:#111111eb;color:#f2f2f2;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:7px;box-shadow:0 6px 18px #00000059}.wb-open-btn span{color:#ffcb00;font-size:15px}.wb-open-btn:hover{border-color:#ffcb00}.wb-open-btn.has:after{content:"";width:7px;height:7px;border-radius:50%;background:#ffcb00;margin-left:2px}.wb-open-btn.phone{bottom:120px;left:8px}: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}canvas.map{filter:brightness(1.14)}.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)}.mention-wrap{position:relative;flex:1;min-width:0;display:flex}.mention-wrap>input{flex:1;min-width:0;width:100%}.mention-list{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:30;display:grid;padding:4px;background:var(--ink);border:1px solid var(--line-2);border-top:2px solid var(--yellow);border-radius:12px;box-shadow:var(--shadow)}.mention-list button{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;font-weight:600;font-size:13px}.mention-list button.on{background:#1f1f1f;color:var(--yellow)}.mention-list img,.mention-dot{width:22px;height:22px;border-radius:50%;flex:none;object-fit:cover}.mention-dot{display:inline-grid;place-items:center;background:#2a2a2a;color:var(--yellow);font-size:10px;font-weight:800}.mention{color:var(--yellow);font-weight:700}.mention.me{background:var(--yellow);color:var(--ink);border-radius:6px;padding:0 4px}.chat-msg.mine .mention{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.chat-msg.mine .mention.me{background:var(--ink);color:var(--yellow);text-decoration:none}.social-stack{position:absolute;left:16px;top:80px;z-index:41;width:min(340px,calc(100% - 32px));display:grid;gap:8px;pointer-events:none}.social-card{pointer-events:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 6px 10px 12px;background:#111111f7;border:1px solid var(--line);border-left:4px solid var(--yellow);border-radius:14px;box-shadow:var(--shadow);animation:socialin .28s ease-out}.social-card.knock{grid-template-columns:auto minmax(0,1fr);padding-right:12px;border-color:var(--yellow)}.social-glyph{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--yellow);color:var(--ink)}.social-glyph.knocking{animation:knockknock 1.2s ease-in-out 2}.social-title{font-size:13.5px;color:#fff;line-height:1.3;padding-top:6px}.social-title b{font-weight:700}.social-text{font-size:13px;color:#d6d6d6;margin-top:3px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.social-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.social-actions .btn{min-height:32px;padding:0 9px;gap:4px;font-size:12.5px}.social-actions .btn:disabled{opacity:1}.social-actions .btn.pressed{transform:scale(.94);box-shadow:0 0 0 3px #ffcb0059}.social-card .icon-btn{width:30px;height:30px}@keyframes socialin{0%{transform:translateY(-6px);opacity:0}to{transform:none;opacity:1}}@keyframes knockknock{0%,30%,60%,to{transform:none}15%,45%{transform:translate(-3px) rotate(-8deg)}}.announce-banner{position:absolute;left:50%;top:76px;transform:translate(-50%);z-index:42;display:flex;align-items:center;gap:10px;width:min(640px,calc(100% - 32px));padding:8px 6px 8px 8px;background:var(--ink);color:#fff;border:1px solid var(--yellow);border-radius:999px;box-shadow:var(--shadow);animation:announcein .4s ease-out}.announce-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--yellow);color:var(--ink);flex:none}.announce-text{flex:1;min-width:0;font-size:14px;overflow-wrap:anywhere}.announce-text b{color:var(--yellow);margin-right:4px}.announce-banner .icon-btn{width:30px;height:30px;flex:none}@keyframes announcein{0%{transform:translate(-50%,-10px);opacity:0}to{transform:translate(-50%);opacity:1}}.announce-pop{position:absolute;left:50%;top:80px;transform:translate(-50%);z-index:43;display:flex;align-items:center;gap:8px;width:min(560px,calc(100% - 24px));padding:8px 8px 8px 14px;background:#111111fa;border:1px solid var(--line);border-left:4px solid var(--yellow);border-radius:14px;box-shadow:var(--shadow)}.announce-pop svg{color:var(--yellow);flex:none}.announce-pop input{flex:1;min-width:0;min-height:36px;background:#1b1b1b;border:1px solid #333;border-radius:10px;color:#fff;padding:0 10px}.announce-count{font-size:12px;color:var(--muted);min-width:24px;text-align:right}.follow-chip{position:absolute;left:50%;bottom:136px;transform:translate(-50%);z-index:9;display:flex;align-items:center;gap:8px;padding:5px 5px 5px 14px;background:#111111f5;border:1px solid var(--yellow);border-radius:999px;box-shadow:var(--shadow);font-size:13px;color:#fff;white-space:nowrap}.follow-chip svg{color:var(--yellow)}.follow-chip b{color:var(--yellow)}.follow-chip .btn{min-height:30px;border-radius:999px}.gear-btn{min-width:36px;padding:0 8px}.tb-btn.gear-btn.on{background:var(--yellow-soft);border-color:var(--yellow);color:var(--yellow)}.audio-pop{width:340px;display:grid;gap:10px}.audio-pop .pop-title{margin-bottom:0}.audio-pop p{margin:0}.dev-row{display:grid;gap:4px;font-size:12px;color:var(--muted);font-weight:600}.dev-row select{min-height:38px;background:#1b1b1b;border:1px solid #333;border-radius:10px;color:#fff;padding:0 8px;font:inherit;font-size:13px}.dev-row select:focus{outline:2px solid var(--yellow);outline-offset:0}.level{height:8px;border-radius:999px;background:#222;overflow:hidden}.level-fill{height:100%;width:100%;transform-origin:left center;background:linear-gradient(90deg,var(--green),var(--yellow));transition:transform 60ms linear}.dev-test{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.office:not(.phone) .toast,.office:not(.phone) .social-stack{top:132px}.office:not(.phone) .toast+.net-banner{top:184px}.office.phone .social-stack{left:8px;right:8px;top:112px;width:auto}.office.phone .announce-banner{top:66px;width:calc(100% - 16px);border-radius:16px}.office.phone .announce-pop{top:66px}.office.phone .follow-chip{bottom:236px}.office.phone .audio-pop{width:auto}@media (prefers-reduced-motion: reduce){.social-card,.announce-banner,.social-glyph.knocking{animation:none}}.row-between{justify-content:space-between}.pop-profile{width:360px;max-height:min(84vh,720px);z-index:32}.profile-form{display:grid;gap:14px}.profile-photo{display:flex;gap:14px;align-items:center}.profile-head{flex:none;width:84px;height:84px;display:grid;place-items:center;border-radius:50%;background:#1a1a1a;border:1px solid var(--line-2)}.profile-photo-actions{display:grid;gap:6px;justify-items:start;min-width:0}.profile-photo-actions .btn{min-height:36px}.field small{font-size:12px;line-height:1.35}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid var(--line-2);padding:0;box-shadow:inset 0 0 0 2px #00000040}.swatch.on{border-color:var(--yellow);box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--yellow)}.swatch:disabled{opacity:.45;cursor:default}.avatar-grid.compact{gap:6px}.avatar-grid.compact .avatar-opt{min-height:48px}.cropper{display:grid;gap:10px;justify-items:center}.crop-stage{position:relative;border-radius:12px;overflow:hidden;background:#0d0d0d;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.crop-stage:active{cursor:grabbing}.crop-stage canvas{display:block}.crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 999px #0009;outline:2px solid var(--yellow);outline-offset:-2px;pointer-events:none}.crop-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted)}.crop-zoom{display:flex;align-items:center;gap:8px;width:100%;max-width:260px;color:var(--muted)}.crop-zoom input{flex:1;accent-color:var(--yellow);min-height:32px}.crop-hint{margin:0!important}.crop-actions{display:flex;gap:8px;justify-content:flex-end;width:100%}.sheet-pop{position:fixed!important;top:auto!important;bottom:0;left:0!important;right:0!important;width:auto!important;max-height:88vh;border-radius:18px 18px 0 0;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.tour-dim{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.tour-ring{fill:none;stroke:var(--yellow);stroke-width:3;animation:tour-pulse 1.6s ease-in-out infinite}@keyframes tour-pulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.45}}.tour-card{position:absolute;background:var(--ink);border:1px solid var(--line);border-top:3px solid var(--yellow);border-radius:var(--radius);box-shadow:0 14px 40px #0000008c;padding:14px 14px 12px;transition:left .25s ease,top .25s ease}.tour-head{display:flex;align-items:center;gap:10px}.tour-head b{font-size:16px}.tour-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--yellow);color:var(--ink);flex:none}.tour-count{margin-left:auto;color:var(--muted);font-size:12px}.tour-card p{margin:10px 0 12px;color:#e6e6e6;line-height:1.45}.tour-dots{display:flex;gap:6px;margin-bottom:12px}.tour-dots i{width:7px;height:7px;border-radius:50%;background:#3a3a3a}.tour-dots i.done{background:#7a6a2a}.tour-dots i.on{background:var(--yellow);width:18px;border-radius:4px}.tour-actions{display:flex;align-items:center;gap:8px}.tour-actions .grow{flex:1}.tour-actions .btn{min-height:40px;min-width:64px}.tour-actions .link-btn{min-height:40px;color:#c8c8c8}@media (prefers-reduced-motion: reduce){.tour-ring{animation:none}.tour-card{transition:none}}.help-scrim{z-index:34;background:#00000059}.pop-help{z-index:35;width:380px;top:auto;bottom:64px;right:12px}.help-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:4px}.help-list li{display:grid;grid-template-columns:30px minmax(92px,auto) 1fr;align-items:center;gap:10px;padding:7px 6px;border-radius:10px;background:#161616}.help-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--yellow-soft);color:var(--yellow)}.help-keys{display:flex;flex-wrap:wrap;gap:4px}.help-keys kbd{font-size:12px;padding:2px 7px}.help-text{color:#e6e6e6;font-size:13px}.net-banner{position:absolute;top:76px;left:50%;transform:translate(-50%);z-index:41;display:flex;align-items:center;gap:10px;background:#1c1c1c;color:#fff;border:1px solid var(--line-2);border-left:3px solid var(--yellow);padding:9px 14px;border-radius:12px;box-shadow:var(--shadow);max-width:calc(100% - 32px);font-weight:600}.net-spin{width:14px;height:14px;border-radius:50%;border:2px solid #555;border-top-color:var(--yellow);animation:net-spin .9s linear infinite;flex:none}@keyframes net-spin{to{transform:rotate(360deg)}}.office.phone .net-banner{top:66px;font-size:13px}.toast+.net-banner{top:128px}.map-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:12px;background:#0b0b0b}.map-loading .logo-mark{width:44px;height:44px;font-size:13px}canvas.map.hidden{opacity:0}canvas.map.shown{opacity:1;transition:opacity .35s ease}@media (prefers-reduced-motion: reduce){canvas.map.shown{transition:none}}.where .bad[role=alert]{flex-basis:100%;white-space:normal;line-height:1.35}.where .bad[role=alert]:before{content:none}.where:has(.bad[role=alert]){border-radius:16px}.office:not(.phone):has(.drawer.open) .hud{max-width:calc(100% - 672px)}.office:not(.phone):not(:has(.drawer.open)) .hud{max-width:calc(100% - 320px)}.btn.gold:focus-visible,.tb-btn.on:focus-visible,.tb-btn.live:focus-visible{outline-color:#fff;box-shadow:0 0 0 4px var(--ink)}.pop-menu button:focus-visible,.pop-people li button:focus-visible,.avatar-opt:focus-visible,.swatch:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.link-btn:focus-visible{outline-offset:3px;border-radius:4px}.office.phone .pop-menu button{min-height:44px}.office.phone .controls .tb-btn{min-width:44px}.office.phone .icon-btn{width:44px;height:44px}.office.phone .btn.small{min-height:40px}.office.phone .help-list li{grid-template-columns:30px minmax(78px,auto) 1fr}.office.phone .profile-head{width:72px;height:72px}.office.phone .swatches{display:grid;grid-template-columns:repeat(4,44px);gap:10px 14px}.office.phone .swatch{width:44px;height:44px}@media (max-width: 420px){.office.phone .topbar{gap:4px;padding:0 4px 0 6px}.office.phone .controls{gap:2px}.office.phone .controls .tb-btn{min-width:44px;padding:0 2px}.office.phone .logo-mark{width:32px;height:32px}}.mod-menu{display:contents}.mod-badge{margin-left:auto}.tb-btn:has(.mod-dot){position:relative}.mod-dot{position:absolute;top:5px;right:5px;width:9px;height:9px;border-radius:50%;background:var(--red);border:2px solid var(--ink)}.mod-pills{position:absolute;top:76px;left:12px;z-index:21;display:flex;flex-direction:column;gap:6px;align-items:flex-start;pointer-events:none}.mod-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#111111f2;border:1px solid var(--yellow);color:var(--text);font-size:12px;font-weight:600;box-shadow:var(--shadow)}.mod-pill svg{color:var(--yellow)}.mod-pill u{color:var(--muted);font-weight:500;margin-left:4px}.mod-pill:hover u{color:var(--yellow)}.mod-muted-pill{position:absolute;top:76px;left:50%;transform:translate(-50%);z-index:21;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--ink);border:1px solid var(--red);color:var(--text);font-size:13px;font-weight:600;box-shadow:var(--shadow)}.mod-muted-pill svg{color:var(--red)}.mod-chips{display:flex;flex-wrap:wrap;gap:4px}.mod-chips:empty{display:none}.chip.mod-dnd,.chip.mod-inv{background:#26231a;color:var(--yellow);border:1px solid rgba(255,203,0,.45)}.chip.mod-muted{background:#2a1a18;color:var(--red);border:1px solid rgba(255,107,94,.5)}.person-card .mod-actions{flex-wrap:wrap;align-items:center;padding-top:8px;border-top:1px dashed var(--line)}.person-card .mod-actions .btn{flex:1 1 auto;min-height:34px}.person-card .mod-actions .mod-label{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--yellow);text-transform:uppercase;letter-spacing:.04em}.person-card .mod-actions.remove input{flex:2 1 160px;min-width:0;height:34px;padding:6px 10px}.btn.danger{border-color:#ff6b5e99;color:var(--red)}.btn.danger:hover:not(:disabled){background:var(--red);border-color:var(--red);color:var(--ink)}.report-btn{align-self:center;flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--muted);cursor:pointer;opacity:0;transition:opacity .15s}.chat-row:hover .report-btn,.msg:hover .report-btn,.report-btn:focus-visible{opacity:1}.report-btn:hover{color:var(--red);border-color:var(--line-2)}.msg{position:relative}.msg .report-btn{position:absolute;right:4px;bottom:4px}@media (hover: none){.report-btn{opacity:.55}}.mod-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0000008c;display:grid;place-items:center;padding:16px}.mod-dialog{width:min(420px,100%);max-height:calc(100vh - 32px);overflow:auto;display:grid;gap:10px;padding:16px;background:var(--ink);border:1px solid var(--yellow);border-radius:var(--radius);box-shadow:var(--shadow)}.mod-dialog.reports{width:min(560px,100%)}.mod-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px}.mod-title svg{color:var(--yellow)}.mod-title .icon-btn{margin-left:auto}.mod-quote{margin:0;padding:8px 10px;border-left:3px solid var(--line-2);background:#1a1a1a;border-radius:6px;font-size:13px;color:#d6d6d6;overflow-wrap:anywhere}.mod-reasons{display:grid;gap:6px}.mod-reasons label{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line-2);border-radius:10px;cursor:pointer;font-size:14px}.mod-reasons label.on{border-color:var(--yellow);color:var(--yellow)}.mod-reasons input{accent-color:#ffcb00}.mod-dialog textarea{width:100%;resize:vertical;padding:8px 10px;border-radius:10px;background:#1a1a1a;border:1px solid var(--line-2)}.mod-row{display:flex;align-items:center;justify-content:flex-end;gap:8px}.mod-row .muted{margin-right:auto}.mod-tabs{display:inline-flex;gap:4px;margin-left:12px}.mod-tabs button{padding:3px 10px;border-radius:999px;border:1px solid var(--line-2);background:transparent;font-size:12px;font-weight:600;cursor:pointer}.mod-tabs button.on{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.mod-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.mod-list li{display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#151515}.mod-list li.resolved{opacity:.6}.mod-row-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip.mod-reason{background:#2a2a2e;color:var(--text)}.chip.mod-reason.spam{background:#3a3218;color:var(--yellow)}.chip.mod-reason.rude{background:#3a1e1b;color:var(--red)}.mod-empty{text-align:center;padding:18px 0}.office.phone .mod-pills{top:68px;left:8px}.office.phone .mod-muted-pill{top:112px}.pop-builder{display:grid;gap:12px}.cb-preview{width:100%;height:170px;display:block;border-radius:12px;border:1px solid var(--line-2);background:radial-gradient(ellipse at 50% 92%,#3a3a40,#26262b 45%,#1c1c20)}.cb-tabs button{min-height:34px}.cb-panel{display:grid;gap:10px}.cb-styles{display:flex;flex-wrap:wrap;gap:6px}.cb-style{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2);background:#1a1a1a;color:#eee;font-weight:600;font-size:13px}.cb-style.on{border-color:var(--yellow);background:var(--yellow);color:var(--ink)}.cb-swatches .swatch{width:30px;height:30px}.cb-actions{display:flex;gap:8px;align-items:center}.cb-actions .grow{flex:1}.cb-open{justify-content:center}