:root{--font: "Sora", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--pad: var(--s5);--r-pill: 999px;--r-xl: 22px;--r-lg: 16px;--r-md: 12px;--r-sm: 8px;--bg: #fbfbfa;--panel: #f4f4f2;--surface: #ffffff;--elevated: #efefec;--hover: #e8e8e4;--border: #e5e4e0;--fg: #1a1917;--muted: #5c5852;--faint: #a3a09b;--accent: #f59e0b;--accent-fg: #1a1206;--accent-ink: #b45309;--danger: #dc2626;--online: #16a34a;--shadow: 0 1px 2px rgba(24, 22, 20, .05), 0 10px 28px rgba(24, 22, 20, .07);--shadow-lg: 0 2px 4px rgba(24, 22, 20, .06), 0 24px 56px rgba(24, 22, 20, .13);--t: .15s ease;color-scheme:light}.dark{--bg: #0a0a0c;--panel: #101013;--surface: #16161a;--elevated: #1e1e23;--hover: #26262c;--border: #23232a;--fg: #f4f4f5;--muted: #9c9ca5;--faint: #5e5e68;--accent: #f59e0b;--accent-fg: #17120a;--accent-ink: #fbbf24;--danger: #ef4444;--online: #22c55e;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .5), 0 28px 64px rgba(0, 0, 0, .6);color-scheme:dark}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{overflow:hidden;overflow-x:hidden;max-width:100vw}body{font-family:var(--font);font-size:14px;background:var(--bg);color:var(--fg);height:100vh;height:100dvh;width:100vw;max-width:100vw;overflow:hidden;overflow-x:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}#root{height:100dvh}img,video,iframe,canvas{max-width:100%}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-pill);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--faint);background-clip:content-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.loading{height:100dvh;display:grid;place-items:center;color:var(--muted)}.side-label,.panel h3,.search-group,.profile-label{font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.5}.mono{font-family:var(--font-mono);font-size:11.5px}.pad{padding:var(--s3)}.mrg{margin:var(--s2) var(--s1) 0}.mt{margin-top:var(--s2)}.clickable{cursor:pointer}.brand{display:flex;align-items:center;gap:var(--s2);font-size:17px;font-weight:700;letter-spacing:-.02em}.brand-mark{color:var(--accent-ink);font-size:14px}.btn{font:inherit;font-weight:600;border:1px solid transparent;border-radius:var(--r-pill);background:var(--elevated);color:var(--fg);cursor:pointer;padding:10px var(--s4);transition:background var(--t),color var(--t),border-color var(--t),opacity var(--t)}.btn:hover:not(:disabled){background:var(--hover)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.07)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger);filter:brightness(1.07)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--s2);background:transparent;border-color:var(--border);color:var(--fg)}.btn-google:hover:not(:disabled){background:var(--hover);border-color:var(--faint)}.btn-block{width:100%}.btn-link{background:none;border:none;color:var(--muted);font:inherit;cursor:pointer;padding:var(--s1)}.btn-link:hover{color:var(--accent-ink)}.btn-link.inline{display:inline;padding:0;color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px}.btn.chip{padding:5px var(--s3);font-size:12px;font-weight:500;background:var(--elevated)}.btn-icon{display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:var(--r-md);background:transparent;color:var(--muted);cursor:pointer;transition:background var(--t),color var(--t)}.btn-icon:hover:not(:disabled){background:var(--hover);color:var(--fg)}.btn-icon:disabled{opacity:.4;cursor:default}.icon-mini{border:none;background:transparent;color:var(--muted);cursor:pointer;padding:var(--s1);border-radius:var(--r-sm);display:inline-grid;place-items:center}.icon-mini:hover{background:var(--hover);color:var(--accent-ink)}.icon-mini.danger:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}input,textarea,select{font:inherit;width:100%;background:var(--elevated);border:1px solid transparent;border-radius:var(--r-lg);color:var(--fg);padding:11px var(--s4);outline:none;transition:border-color var(--t),box-shadow var(--t),background var(--t)}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}textarea{resize:vertical;line-height:1.5}.field{display:flex;flex-direction:column;gap:var(--s2)}.field span{font-size:12px;font-weight:500;color:var(--muted)}.input-prefix{display:flex;align-items:center;background:var(--elevated);border:1px solid transparent;border-radius:var(--r-lg);overflow:hidden;transition:border-color var(--t),box-shadow var(--t)}.input-prefix span{padding:0 var(--s1) 0 var(--s4);color:var(--faint);font-size:14px}.input-prefix input{border:none;background:transparent;padding-left:0}.input-prefix input:focus{box-shadow:none;border-color:transparent}.input-prefix:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.mini-select{width:auto;font-size:12px;padding:6px var(--s2);border-radius:var(--r-sm);background:var(--elevated)}.consent,.perm-row{display:flex;align-items:flex-start;gap:var(--s2);font-size:12.5px;line-height:1.45;color:var(--muted);cursor:pointer}.consent input,.perm-row input{width:auto;margin-top:2px;flex-shrink:0;accent-color:var(--accent);box-shadow:none}.perm-row{font-size:13px;color:var(--fg);align-items:center;padding:var(--s1) 0}.perm-row input{margin-top:0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:4px;border-radius:var(--r-pill);background:var(--border);outline:none;padding:0;border:none}input[type=range]:focus{box-shadow:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}input[type=range]::-moz-range-thumb{width:13px;height:13px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}.card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow)}.badge{flex-shrink:0;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--faint);color:var(--bg);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.badge.mention{background:var(--accent);color:var(--accent-fg)}.tag{font-size:10px;font-weight:600;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 15%,transparent);padding:2px 6px;border-radius:var(--r-pill)}.chip-toggle{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:var(--r-pill);padding:3px 10px;font:inherit;font-size:11px;cursor:pointer;transition:background var(--t),color var(--t),border-color var(--t)}.chip-toggle.on{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent-ink)}.role-chips{display:flex;gap:var(--s1);flex-wrap:wrap}.role-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.modal.chperms-modal{width:min(560px,100%)}.chperms-hint{margin:0 0 var(--s4)}.chperms-table{display:flex;flex-direction:column;gap:2px;overflow-x:auto}.chperms-row{display:grid;grid-template-columns:minmax(120px,1.3fr) repeat(3,84px);align-items:center;gap:var(--s2);padding:var(--s2) 0}.chperms-head{font-size:11px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--border);padding-bottom:var(--s2)}.chperms-role{display:flex;align-items:center;gap:var(--s2);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chperms-cell{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:var(--r-sm);padding:5px 0;font:inherit;font-size:12px;cursor:pointer;transition:background var(--t),color var(--t),border-color var(--t)}.chperms-cell.allow{background:color-mix(in srgb,var(--online) 16%,transparent);border-color:color-mix(in srgb,var(--online) 45%,transparent);color:var(--online)}.chperms-cell.deny{background:color-mix(in srgb,var(--danger) 16%,transparent);border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger)}.composer-blocked{padding:var(--s3) var(--pad);text-align:center}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.nav-item .dot{margin-left:auto}.alert{font-size:12.5px;line-height:1.45;color:var(--muted);background:var(--elevated);border-radius:var(--r-lg);padding:10px var(--s3)}.alert-error{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.avatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;letter-spacing:.02em;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:box-shadow .12s ease}.avatar.speaking{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--online),0 0 12px color-mix(in srgb,var(--online) 60%,transparent);animation:speak-pulse 1.4s ease-in-out infinite}@keyframes speak-pulse{50%{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--online),0 0 18px color-mix(in srgb,var(--online) 85%,transparent)}}.kv{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);font-size:13px}.kv span{color:var(--muted)}.kv b{font-weight:600;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.row-item{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-md);border:none;background:transparent;color:var(--fg);font:inherit;width:100%;text-align:left}.row-item.pick{cursor:pointer}.row-item.pick:hover{background:var(--hover)}.row-item.pick.active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--fg)}.row-name{flex:1;display:flex;align-items:center;gap:var(--s2);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll-list{overflow-y:auto;display:flex;flex-direction:column;gap:2px;max-height:260px}.scroll-list.tall{max-height:none}.chan-row{display:flex;flex-wrap:wrap;gap:var(--s2)}.shell{display:flex;height:100dvh;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app{flex:1;display:grid;grid-template-columns:var(--side-w, 248px) 1fr var(--mem-w, 224px);min-width:0;height:100dvh;overflow:hidden}.app.dm{grid-template-columns:var(--side-w, 248px) 1fr}.rail{width:72px;flex-shrink:0;background:var(--panel);display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s3) 0;overflow-y:auto;overscroll-behavior:contain}.rail::-webkit-scrollbar{width:0}.rail-item{position:relative;border:none;background:none;padding:0;cursor:pointer;border-radius:50%;opacity:.6;transition:opacity var(--t)}.rail-item:hover,.rail-item.active{opacity:1}.rail-item.active .avatar{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent)}.rail-home,.rail-add{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--r-lg);cursor:pointer;flex-shrink:0;transition:background var(--t),color var(--t),border-radius var(--t)}.rail-home{border:none;background:var(--elevated);color:var(--fg)}.rail-home:hover{border-radius:50%;color:var(--accent-ink)}.rail-home.active{border-radius:50%;background:var(--accent);color:var(--accent-fg)}.rail-add{border:1px dashed var(--border);background:transparent;color:var(--faint)}.rail-add:hover{color:var(--accent-ink);border-color:var(--accent-ink);border-style:solid}.rail-sep{width:24px;height:1px;background:var(--border);flex-shrink:0}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;gap:var(--s2);padding-top:var(--s2)}.rail-dot{position:absolute;right:0;top:0;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--panel)}.rail-home{position:relative}.side,.members{position:relative;background:var(--panel);display:flex;flex-direction:column;min-height:0;height:100dvh;overflow:hidden}.members{padding:var(--s3) var(--s2);overflow-y:auto;overscroll-behavior:contain;gap:2px}.main{background:var(--bg);display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.topbar{display:flex;align-items:center;gap:var(--s3);padding:0 var(--pad);height:58px;flex-shrink:0}.topbar-hash{color:var(--faint)}.topbar-title{font-weight:600;font-size:15px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-title{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{flex:1;display:grid;place-items:center;position:relative;padding:var(--s5);background:var(--bg)}.empty-card{width:min(380px,100%);padding:var(--s6);display:flex;flex-direction:column;gap:var(--s4)}.empty-logout{position:absolute;top:var(--s4);right:var(--s4)}.sforms{display:flex;flex-direction:column;gap:var(--s4)}.sform{display:flex;flex-direction:column;gap:var(--s3)}.sform-or{text-align:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.dir-list{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto;margin-top:var(--s2)}.dir-item{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);border-radius:var(--r-md)}.dir-item:hover{background:var(--hover)}.dir-name{flex:1;display:flex;align-items:center;gap:var(--s2);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-join{padding:5px var(--s3);font-size:12px;flex-shrink:0}.auth{height:100dvh;display:grid;place-items:center;position:relative;padding:var(--s6);background:var(--bg);overflow-y:auto}.auth-theme{position:absolute;top:var(--s5);right:var(--s5)}.auth-shell{display:grid;grid-template-columns:1.05fr 1fr;width:min(900px,100%);border-radius:var(--r-xl);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-lg)}.auth-aside{padding:var(--s7) var(--s6);display:flex;flex-direction:column;justify-content:center;gap:var(--s5);background:var(--panel)}.auth-aside .brand{font-size:21px}.auth-tag{font-size:15px;line-height:1.55;color:var(--muted);max-width:32ch}.auth-points{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s2)}.auth-point{display:flex;align-items:center;gap:var(--s3);font-size:13px;color:var(--muted)}.auth-point i{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-md);background:var(--elevated);color:var(--accent-ink);font-style:normal;font-size:14px;flex-shrink:0}.auth-card{padding:var(--s7) var(--s6);display:flex;flex-direction:column;gap:var(--s4);background:var(--surface)}.auth-sub{font-size:19px;font-weight:700;color:var(--fg);letter-spacing:-.02em}.side-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:var(--s4) var(--s3) var(--s3);flex-shrink:0}.head-actions{display:flex;gap:2px}.side-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--s2) var(--s2)}.side-label{padding:var(--s4) var(--s3) var(--s2)}.side-label.row{display:flex;align-items:center;justify-content:space-between}.label-add{display:grid;place-items:center;width:22px;height:22px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--faint);cursor:pointer;transition:background var(--t),color var(--t)}.label-add:hover{background:var(--hover);color:var(--accent-ink)}.new-channel{padding:0 var(--s1) var(--s2)}.new-channel input{padding:var(--s2) var(--s3);font-size:13px}.nav-item{position:relative;width:100%;display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border:none;border-radius:var(--r-md);background:transparent;color:var(--muted);font:inherit;font-weight:500;cursor:pointer;text-align:left;transition:background var(--t),color var(--t)}.nav-item:hover{background:var(--hover);color:var(--fg)}.nav-item.active{background:var(--elevated);color:var(--fg)}.nav-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--r-sm);background:var(--elevated);color:currentColor;flex-shrink:0}.nav-item.active .nav-ic{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-ink)}.nav-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-chev{color:var(--faint);flex-shrink:0}.nav-item.unread{color:var(--fg);font-weight:600}.vchan{display:flex;flex-direction:column}.vchan .voice-row{margin-left:var(--s5)}.side-foot{display:flex;align-items:center;gap:var(--s2);padding:var(--s3);flex-shrink:0}.foot-av{border:none;background:none;padding:0;cursor:pointer;border-radius:var(--r-pill);flex-shrink:0}.foot-id{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25;align-items:flex-start}.foot-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.foot-name.link{border:none;background:none;padding:0;cursor:pointer;font:inherit;font-weight:600;color:inherit;display:flex;align-items:center;gap:var(--s2)}.foot-av:hover+.foot-id .foot-name.link,.foot-name.link:hover{color:var(--accent-ink)}.foot-ver{font-size:10px;color:var(--faint);font-variant-numeric:tabular-nums}.voice{display:flex;flex-direction:column;gap:2px;padding:2px}.voice-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);border-radius:var(--r-md)}.voice-row:hover{background:var(--hover)}.voice-name{display:flex;align-items:center;gap:var(--s2);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-icons{display:flex;align-items:center;gap:var(--s2);color:var(--faint)}.ic-off{color:var(--danger)}.callbar{padding:var(--s3);flex-shrink:0;background:var(--surface);border-radius:var(--r-lg);margin:0 var(--s2) var(--s2);display:flex;flex-direction:column;gap:var(--s2)}.callbar-top{display:flex;align-items:center;gap:var(--s2)}.callbar-where{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s2);border:none;background:none;font:inherit;color:inherit;text-align:left;padding:var(--s1) var(--s2);margin:calc(var(--s1) * -1) calc(var(--s2) * -1);border-radius:var(--r-md);cursor:pointer}.callbar-where:hover{background:var(--hover)}.callbar-live{width:8px;height:8px;border-radius:50%;background:var(--online);flex-shrink:0;animation:callbar-pulse 2s ease-in-out infinite}@keyframes callbar-pulse{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--online) 25%,transparent)}}.callbar-text{min-width:0;display:flex;flex-direction:column;line-height:1.25}.callbar-state{font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--online)}.callbar-room{display:flex;align-items:center;gap:var(--s2);font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.callbar-count{color:var(--muted);font-weight:500;flex-shrink:0}.callbar-acts{display:flex;align-items:center;gap:var(--s1);flex-shrink:0}.callbar-act{display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:var(--r-md);background:none;color:var(--muted);cursor:pointer;transition:background var(--t),color var(--t)}.callbar-act:hover{background:var(--hover);color:var(--fg)}.callbar-act.leave{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.callbar-act.leave:hover{background:var(--danger);color:#fff}.callbar-controls{display:flex;align-items:center;gap:var(--s2)}.dock{display:flex;align-items:center;gap:var(--s1);flex:1;min-width:0}.dock-sep{width:1px;height:18px;background:var(--border);margin:0 var(--s1);flex-shrink:0}.dock-btn{flex:1;display:grid;place-items:center;height:34px;min-width:0;border:none;border-radius:var(--r-md);background:var(--elevated);color:var(--fg);cursor:pointer;transition:background var(--t),color var(--t)}.dock-btn:hover{background:var(--hover)}.dock-btn.active{background:var(--accent);color:var(--accent-fg)}.dock-btn.off{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.dock-btn.off:hover{background:color-mix(in srgb,var(--danger) 28%,transparent)}.dock-btn.danger{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.dock-btn.danger:hover{background:var(--danger);color:#fff}.stage-wrap{flex-shrink:0;display:flex;flex-direction:column;background:var(--panel);margin:0 var(--pad);border-radius:var(--r-lg);overflow:hidden}.stage-wrap:fullscreen{background:#000;margin:0;border-radius:0}.stage-bar{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);flex-shrink:0}.stage-wrap:fullscreen .stage-bar{position:absolute;top:0;left:0;right:0;z-index:2;padding:var(--s3) var(--s4);background:linear-gradient(rgba(0,0,0,.65),transparent);opacity:0;transition:opacity var(--t)}.stage-wrap:fullscreen:hover .stage-bar,.stage-wrap:fullscreen .stage-bar:focus-within{opacity:1}.stage-wrap:fullscreen .stage-title{color:#fff}.stage-wrap:fullscreen .stage-btn{color:#fff;background:#00000080}.stage-wrap:fullscreen .stage-btn:hover{background:var(--accent);color:var(--accent-fg)}.stage-title{flex:1;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.stage-btn{display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--muted);cursor:pointer;transition:background var(--t),color var(--t)}.stage-btn:hover{background:var(--hover);color:var(--fg)}.stage-btn .rot{transform:rotate(-90deg)}.stage-body{min-height:0;overflow:hidden;padding:0 var(--s3) var(--s3)}.stage-wrap:fullscreen .stage-body{flex:1;height:auto!important;padding:var(--s3)}.stage-grid{height:100%;display:grid;gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-content:center}.stage-grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}.stage-grid .vtile{height:100%}.stage-spot{height:100%;display:flex;flex-direction:column;gap:var(--s2);min-height:0}.stage-spot>.vtile{flex:1;min-height:0}.stage-strip{display:flex;gap:var(--s2);height:84px;flex-shrink:0;overflow-x:auto}.stage-strip .vtile{height:100%;aspect-ratio:16 / 10;flex-shrink:0}.stage-resize{height:8px;cursor:row-resize;flex-shrink:0;position:relative}.stage-resize:after{content:"";position:absolute;left:50%;top:2px;transform:translate(-50%);width:40px;height:3px;border-radius:var(--r-pill);background:var(--border);transition:background var(--t)}.stage-resize:hover:after{background:var(--accent)}.vtile{position:relative;min-width:0;min-height:0;background:#000;border-radius:var(--r-md);overflow:hidden}.vtile.speaking{box-shadow:0 0 0 2px var(--accent)}.vtile video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.vtile:fullscreen video{object-fit:contain}.vtile video.mirrored{transform:scaleX(-1)}.vtile-label{position:absolute;left:var(--s2);bottom:var(--s2);display:flex;align-items:center;gap:var(--s1);font-size:11px;font-weight:600;color:#fff;background:#0009;padding:3px var(--s2);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vtile-actions{position:absolute;top:var(--s2);right:var(--s2);display:none;gap:var(--s1)}.vtile:hover .vtile-actions{display:flex}.vtile-actions button{display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:var(--r-sm);background:#0009;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vtile-actions button:hover{background:var(--accent);color:var(--accent-fg)}.vtile-vol{position:relative}.vtile-vol-pop{position:absolute;top:34px;right:0;display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-md);background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.vtile-vol-pop span{color:#fff;font-size:.75rem;min-width:1.8em}.messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--s3) var(--pad) var(--s2);display:flex;flex-direction:column;gap:1px}.msg{position:relative;display:flex;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--r-md)}@media (hover: hover){.msg:hover{background:var(--surface)}}.msg.grouped{padding:1px var(--s3) 1px 63px}.msg-main{min-width:0;flex:1}.msg-head{display:flex;align-items:baseline;gap:var(--s2)}.msg-author{font-weight:600}.msg-author[data-me=true]{color:var(--accent-ink)}.msg-time{font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}.msg-body{color:var(--fg);white-space:pre-wrap;word-break:break-word;line-height:1.5}.edited{font-size:10px;color:var(--faint);margin-left:var(--s2)}.msg-link{color:var(--accent-ink);text-decoration:none;word-break:break-all}.msg-link:hover{text-decoration:underline}.mention{color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 14%,transparent);border-radius:var(--r-sm);padding:0 4px;font-weight:600}.mention.me{background:color-mix(in srgb,var(--accent) 26%,transparent)}.msg.mentions-me{background:color-mix(in srgb,var(--accent) 10%,transparent)}.msg.fresh{background:color-mix(in srgb,var(--danger) 4%,transparent)}.day-sep{display:flex;align-items:center;gap:var(--s2);margin:var(--s4) var(--s3) var(--s2);color:var(--muted);font-size:11px;font-weight:600}.day-sep:before,.day-sep:after{content:"";flex:1;height:1px;background:var(--border)}.day-sep span{flex-shrink:0}.jump-bottom{position:sticky;bottom:var(--s2);align-self:center;border:none;border-radius:var(--r-pill);background:var(--fg);color:var(--bg);font:inherit;font-size:12px;font-weight:600;padding:var(--s2) var(--s4);cursor:pointer;box-shadow:var(--shadow-lg);z-index:5}.empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);color:var(--muted);text-align:center;padding:var(--s6)}.empty-chat b{color:var(--fg)}.unread-line{display:flex;align-items:center;gap:var(--s2);margin:var(--s2) var(--s3);color:var(--danger);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.unread-line:before,.unread-line:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--danger) 45%,transparent)}.unread-line span{flex-shrink:0}.msg-actions{position:absolute;top:-12px;right:var(--s3);display:none;gap:2px;background:var(--surface);border-radius:var(--r-md);padding:3px;box-shadow:var(--shadow);z-index:2}.msg:hover .msg-actions{display:flex}.msg-actions button{display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--muted);cursor:pointer;transition:background var(--t),color var(--t)}.msg-actions button:hover{background:var(--hover);color:var(--fg)}.msg-actions button.danger:hover,.msg-actions button:last-child:hover{color:var(--danger)}.msg-actions button.msg-more{display:none}.msg-edit input{width:100%;background:var(--elevated);padding:9px var(--s3);border-radius:var(--r-md)}.msg-edit-hint{font-size:11px;color:var(--faint);margin-top:var(--s1)}.reply-ref{display:flex;align-items:center;gap:var(--s2);font-size:12px;color:var(--muted);margin-bottom:3px}.reply-ref b{color:var(--fg);font-weight:600}.reply-ref-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}.embeds{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s2)}.embed-yt{position:relative;width:min(440px,100%);aspect-ratio:16 / 9;border-radius:var(--r-lg);overflow:hidden}.embed-yt iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.embed-img{display:inline-block;max-width:min(360px,100%)}.embed-img img{max-width:100%;max-height:300px;border-radius:var(--r-lg);display:block}.embed-og{display:flex;gap:var(--s3);width:min(440px,100%);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);overflow:hidden;text-decoration:none;color:inherit;transition:background var(--t)}.embed-og:hover{background:var(--hover)}.embed-og img{width:96px;height:96px;object-fit:cover;flex-shrink:0}.embed-og-text{display:flex;flex-direction:column;gap:2px;min-width:0;padding:var(--s2) var(--s3) var(--s2) 0;justify-content:center}.embed-og-site{font-size:11px;color:var(--muted);text-transform:uppercase}.embed-og-title{font-size:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.embed-og-desc{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.reactions{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:var(--s2)}.react-chip{display:inline-flex;align-items:center;gap:var(--s1);border:1px solid transparent;background:var(--elevated);border-radius:var(--r-pill);padding:3px var(--s2);font:inherit;font-size:12px;color:var(--fg);cursor:pointer;transition:background var(--t),border-color var(--t)}.react-chip:hover{background:var(--hover)}.react-chip span{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}.react-chip.on{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.react-chip.on span{color:var(--accent-ink)}.react-wrap{position:relative}.emoji-pop{position:absolute;bottom:calc(100% + var(--s1));right:0;display:flex;gap:2px;padding:var(--s1);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:30}.emoji-pop button{border:none;background:transparent;border-radius:var(--r-sm);padding:var(--s1);font-size:17px;line-height:1;cursor:pointer}.emoji-pop button:hover{background:var(--hover)}.emoji-more{font-size:14px;opacity:.7}.load-more{align-self:center;margin:var(--s2) 0;border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:var(--r-pill);padding:6px var(--s4);font:inherit;font-size:12px;cursor:pointer;transition:background var(--t),color var(--t)}.load-more:hover{background:var(--hover);color:var(--fg)}.composer-wrap{position:relative;flex-shrink:0;padding:0 var(--pad) var(--s4)}.composer{display:flex;align-items:center;gap:var(--s1);padding:var(--s1);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);transition:border-color var(--t),box-shadow var(--t)}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.composer input{flex:1;min-width:0;background:transparent;border:none;border-radius:var(--r-pill);padding:10px var(--s3)}.composer input:focus{box-shadow:none;border-color:transparent}.composer .btn-icon{border-radius:var(--r-pill);flex-shrink:0}.composer-gif{width:auto;padding:0 var(--s3);font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--muted)}.composer-gif:hover:not(:disabled){color:var(--accent-ink)}.composer-emoji{font-size:16px;line-height:1}.btn-icon.send{width:40px;height:40px;background:var(--accent);color:var(--accent-fg)}.btn-icon.send:hover:not(:disabled){background:var(--accent);filter:brightness(1.07)}.btn-icon.send:disabled{background:var(--elevated);color:var(--faint);opacity:1}.reply-bar{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2);padding:var(--s2) var(--s4);border-radius:var(--r-lg);background:var(--surface);color:var(--muted);font-size:12px}.reply-bar-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-x{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:13px;padding:0 2px;flex-shrink:0}.reply-x:hover{color:var(--danger)}.typing-line{height:18px;padding:0 var(--s4) var(--s1);font-size:12px;color:var(--muted)}.mention-pop{position:absolute;bottom:calc(100% - var(--s2));left:var(--pad);right:var(--pad);max-width:300px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--s1);display:flex;flex-direction:column;gap:2px;z-index:20}.mention-pop button{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);border:none;border-radius:var(--r-md);background:transparent;color:var(--fg);font:inherit;font-size:13px;text-align:left;cursor:pointer}.mention-pop button:hover{background:var(--hover)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,#000 55%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:var(--s4);z-index:90}.modal{width:min(400px,100%);max-height:calc(100dvh - var(--s7));overflow-y:auto;overscroll-behavior:contain;padding:var(--s6);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-lg)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4)}.modal-head .btn-icon{color:var(--muted);flex-shrink:0}.dialog{display:flex;flex-direction:column;gap:var(--s5)}.dialog-title{font-weight:600;font-size:16px;letter-spacing:-.01em}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--s2)}.dialog .btn{min-width:88px}.ctx{overflow-y:auto;overscroll-behavior:contain;position:fixed;z-index:100;min-width:196px;padding:var(--s1);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);animation:pop-in .1s ease}@keyframes pop-in{0%{opacity:0;transform:scale(.97) translateY(-2px)}}.ctx-label{font-size:11px;font-weight:600;color:var(--faint);padding:var(--s2) var(--s3) var(--s1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctx-sep{height:1px;background:var(--border);margin:var(--s1) 0}.ctx-item{display:flex;align-items:center;gap:var(--s3);width:100%;padding:var(--s2) var(--s3);border:none;border-radius:var(--r-md);background:transparent;color:var(--fg);font:inherit;font-size:13px;text-align:left;cursor:pointer}.ctx-item:hover{background:var(--hover)}.ctx-item.danger{color:var(--danger)}.ctx-item.danger:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}.ctx-item:disabled{opacity:.5;cursor:default}.ctx-ic{display:grid;place-items:center;color:var(--muted);flex-shrink:0}.ctx-item.danger .ctx-ic{color:var(--danger)}.ctx-react{display:flex;gap:2px;padding:var(--s1) var(--s2)}.ctx-react button{border:none;background:transparent;border-radius:var(--r-sm);padding:3px var(--s1);font-size:17px;line-height:1;cursor:pointer}.ctx-react button:hover{background:var(--hover)}.ctx-vol{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);color:var(--muted)}.ctx-roles{display:flex;flex-wrap:wrap;gap:var(--s1);padding:var(--s1) var(--s3) var(--s2);max-width:240px}.ctx-roles .chip-toggle{display:inline-flex;align-items:center;gap:5px}.ctx-roles .role-dot{width:8px;height:8px}.ctx-vol input[type=range]{flex:1}.ctx-vol span{font-size:11px;font-variant-numeric:tabular-nums;width:26px;text-align:right}.emoji-anchor{position:relative}.emoji-anchor .emoji-picker{position:absolute;bottom:var(--s2);left:0;z-index:60}.emoji-picker{width:330px;max-width:calc(100vw - var(--s6));background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column}.emoji-search{padding:var(--s2)}.emoji-search input{border-radius:var(--r-md);padding:var(--s2) var(--s3);font-size:13px}.emoji-tabs{display:flex;gap:2px;padding:0 var(--s2) var(--s2);overflow-x:auto}.emoji-tabs button{flex:0 0 auto;border:none;background:transparent;border-radius:var(--r-sm);padding:var(--s1) 7px;font-size:17px;line-height:1;cursor:pointer;opacity:.55;transition:opacity var(--t),background var(--t)}.emoji-tabs button:hover{background:var(--hover);opacity:1}.emoji-tabs button.on{background:color-mix(in srgb,var(--accent) 16%,transparent);opacity:1}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;padding:0 var(--s2) var(--s2);max-height:232px;overflow-y:auto}.emoji-cell{border:none;background:transparent;border-radius:var(--r-sm);padding:var(--s1) 0;font-size:20px;line-height:1.3;cursor:pointer}.emoji-cell:hover{background:var(--hover)}.emoji-empty{grid-column:1 / -1;text-align:center;color:var(--muted);font-size:13px;padding:var(--s5) 0}.react-wrap .react-full{position:absolute;top:100%;right:0;z-index:60}.react-wrap .react-full .emoji-picker{position:static}.gif-modal{width:min(470px,100%);max-height:calc(100dvh - var(--s7));padding:var(--s5);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--s3)}.gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s1);max-height:360px;overflow-y:auto}.gif-cell{border:none;padding:0;background:var(--elevated);border-radius:var(--r-md);overflow:hidden;cursor:pointer;aspect-ratio:1;min-width:0;min-height:0;transition:transform .1s}.gif-cell:hover{transform:scale(1.04)}.gif-cell img{width:100%;height:100%;object-fit:cover;display:block}.gif-credit{text-align:right}.search-overlay{align-items:flex-start;padding-top:12vh}.search-modal{width:min(580px,100%);max-height:76vh;padding:0;overflow:hidden;border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.search-input{width:100%;border:none;border-radius:0;padding:var(--s5);font-size:16px;background:transparent;flex-shrink:0}.search-input:focus{box-shadow:none;border-color:transparent}.search-results{min-height:0;overflow-y:auto;padding:var(--s2);border-top:1px solid var(--border)}.search-group{padding:var(--s3) var(--s3) var(--s1)}.search-row{display:flex;align-items:center;gap:var(--s2);width:100%;border:none;background:transparent;color:var(--fg);font:inherit;text-align:left;padding:var(--s2) var(--s3);border-radius:var(--r-md);cursor:pointer}.search-row:hover:not(.static){background:var(--hover)}.search-row.static{cursor:default}.search-row.msg-row{flex-wrap:wrap;gap:var(--s2)}.search-msg-ch{color:var(--accent-ink);font-weight:600;font-size:12px}.search-msg-author{font-weight:600;font-size:13px}.search-msg-text{flex-basis:100%;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card{width:min(360px,100%);max-height:calc(100dvh - var(--s7));overflow-y:auto;padding:0;border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-lg)}.profile-banner{height:76px;background:var(--accent)}.profile-top{padding:0 var(--s5);margin-top:-34px}.profile-top .avatar{box-shadow:0 0 0 4px var(--surface)}.profile-body{padding:var(--s3) var(--s5) var(--s5);display:flex;flex-direction:column;gap:var(--s4)}.profile-name{display:flex;align-items:center;gap:var(--s2);font-size:19px;font-weight:700;letter-spacing:-.02em}.profile-handle{margin-top:-12px;color:var(--muted);font-size:13px}.profile-section{display:flex;flex-direction:column;gap:var(--s2);padding-top:var(--s3);border-top:1px solid var(--border)}.profile-label{display:flex;align-items:center;justify-content:space-between}.profile-bio{font-size:13.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.profile-edit textarea{border-radius:var(--r-md)}.profile-edit-actions{display:flex;justify-content:flex-end;gap:var(--s2);margin-top:var(--s2)}.notify-ask{position:fixed;right:var(--s5);bottom:var(--s5);z-index:150;width:min(310px,calc(100vw - var(--s7)));padding:var(--s4);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--s2);animation:pop-in .15s ease}.page{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg);overflow:hidden}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s4) var(--pad);flex-shrink:0}.page-title{display:flex;align-items:center;gap:var(--s3);font-size:17px;font-weight:700;letter-spacing:-.02em}.tabs{display:flex;gap:var(--s2);flex-wrap:wrap}.page-body{flex:1;min-height:0;overflow-y:auto;padding:0 var(--pad) var(--s7);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--s3);align-content:start}.page-hero{display:flex;align-items:center;gap:var(--s4);margin:0 var(--pad) var(--s4);padding:var(--s5);border-radius:var(--r-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface) 55%);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .06));flex-shrink:0;flex-wrap:wrap}.hero-id{min-width:0;flex:1}.hero-name{display:flex;align-items:center;gap:var(--s2);font-size:19px;font-weight:700;letter-spacing:-.02em;flex-wrap:wrap}.hero-sub{color:var(--muted);font-size:13px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.hero-badge{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-ink);flex-shrink:0}.hero-stats{display:flex;gap:var(--s2);flex-wrap:wrap}.stat-chip{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:var(--s2) var(--s3);border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.stat-chip b{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.stat-chip span{font-size:10.5px;color:var(--muted);white-space:nowrap}@media (max-width: 680px){.page-hero{padding:var(--s4);gap:var(--s3)}.hero-stats{width:100%}.stat-chip{flex:1}}.role-swatches{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.role-swatch{width:26px;height:26px;border:none;border-radius:50%;cursor:pointer;transition:transform var(--t),box-shadow var(--t)}.role-swatch:hover{transform:scale(1.12)}.role-swatch.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--fg)}.role-swatch-custom{width:26px;height:26px;padding:0;border:1px dashed var(--border);border-radius:50%;background:transparent;cursor:pointer}.member-search{width:100%}.page-wrap{flex:1;min-height:0;display:grid;grid-template-columns:216px 1fr;gap:var(--s5);padding:0 var(--pad) var(--s5)}.page-nav{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-y:auto}.page-tab{display:flex;align-items:center;gap:var(--s3);width:100%;border:none;background:transparent;color:var(--muted);font:inherit;font-size:13.5px;font-weight:500;text-align:left;padding:var(--s2) var(--s3);border-radius:var(--r-md);cursor:pointer;transition:background var(--t),color var(--t);white-space:nowrap}.page-tab:hover{background:var(--hover);color:var(--fg)}.page-tab.active{background:var(--elevated);color:var(--fg);font-weight:600}.page-tab-ic{display:grid;place-items:center;color:var(--faint);flex-shrink:0}.page-tab.active .page-tab-ic{color:var(--accent-ink)}.page-main{min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--s3);padding-bottom:var(--s6)}.psection{background:var(--surface);border-radius:var(--r-lg);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3);flex-shrink:0;box-shadow:inset 0 0 0 1px var(--border)}.psection.wide{grid-column:1 / -1}.psection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3)}.psection-head h3{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--fg);text-transform:none}.psection-hint{margin-top:3px;font-size:12.5px;line-height:1.45;color:var(--muted)}.psection-actions{display:flex;gap:var(--s1);flex-shrink:0}.psection-foot{display:flex;justify-content:flex-end;gap:var(--s2);margin-top:var(--s2)}.psub{font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}.pident{display:flex;align-items:center;gap:var(--s4)}.pident-name{font-size:19px;font-weight:700;letter-spacing:-.02em}.pident-handle{color:var(--muted);font-size:13px}.pcount{align-self:flex-end;font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}.prow{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s2) 0}.prow+.prow{border-top:1px solid var(--border)}.prow-text{display:flex;flex-direction:column;gap:2px;min-width:0}.pnick{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) 0}.pnick+.pnick{border-top:1px solid var(--border)}.pnick-name{flex:0 0 auto;max-width:150px;font-weight:500;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnick input{flex:1;min-width:0;padding:var(--s2) var(--s3);border-radius:var(--r-md);font-size:13px}.pnick .btn{flex-shrink:0;padding:var(--s2) var(--s4)}.admin-grid{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:300px 1fr;gap:var(--s3);padding:0 var(--pad) var(--s5)}.panel{padding:var(--s5);border-radius:var(--r-lg);background:var(--surface);display:flex;flex-direction:column;gap:var(--s3);min-height:0;overflow:hidden}.panel h3.mt{margin-top:var(--s2)}.panel .btn.mt{margin-top:var(--s2);align-self:flex-start}.panel textarea{border-radius:var(--r-md)}.settings-body{display:block}.settings-card{max-width:580px}.settings-split{display:grid;grid-template-columns:250px 1fr;gap:var(--s4);align-items:start}.member-admin{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);border-radius:var(--r-md);flex-wrap:wrap}.member-admin:hover{background:var(--hover)}.member-admin .row-name{display:flex;align-items:center;gap:var(--s2)}.member-admin-actions{display:flex;gap:2px;margin-left:auto}.audit-row{display:flex;align-items:baseline;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-md);font-size:12.5px}.audit-row:hover{background:var(--hover)}.audit-detail{color:var(--muted);font-family:var(--font-mono);font-size:11px;word-break:break-all}.member{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);border-radius:var(--r-md)}.member:hover{background:var(--hover)}.member-name{flex:1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member.offline{opacity:.4}.role{flex-shrink:0}.role.owner{color:var(--accent-ink)}.role.admin{color:var(--muted)}.dm-empty,.dm-hint{padding:var(--s3);font-size:12.5px;line-height:1.5;color:var(--muted)}.dm-hint{display:grid;place-items:center;height:100%;text-align:center}.dm-pick{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto}.dm-pick .member{width:100%;border:none;background:transparent;cursor:pointer;text-align:left;font:inherit;color:var(--fg)}.friend-add{display:flex;gap:var(--s2);padding:0 var(--s1) var(--s2)}.friend-add .input-prefix{flex:1}.friend-add .btn{padding:var(--s2) var(--s3);flex-shrink:0}.friend-msg{padding:0 var(--s1) var(--s2)}.friend-req{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);border-radius:var(--r-md)}.friend-req:hover{background:var(--hover)}.friend-req .row-name{flex:1;font-size:13px}.invite-form{display:flex;gap:var(--s3);align-items:flex-end;flex-wrap:wrap}.invite-form .field{flex:1;min-width:130px}.board{flex:1;min-height:0;display:flex;overflow:hidden}.board-scroll{flex:1;min-height:0;display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s2) var(--pad) var(--s5);overflow-x:auto;overflow-y:hidden}.board-empty{margin:auto;color:var(--muted);font-size:13px;padding:var(--s6)}.blist{flex:0 0 288px;max-width:288px;max-height:100%;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);border-radius:var(--r-lg);background:var(--panel)}.blist-new{background:transparent;flex:0 0 220px}.blist-head{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);flex-shrink:0}.blist-head form,.blist-head input{flex:1;min-width:0}.blist-head input{padding:6px var(--s2);font-size:13px;border-radius:var(--r-sm)}.blist-name{font-weight:600;font-size:13.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blist-count{font-size:11px;font-weight:600;color:var(--faint);font-variant-numeric:tabular-nums;background:var(--elevated);border-radius:var(--r-pill);padding:1px 7px;flex-shrink:0}.blist-actions{margin-left:auto;display:flex;gap:2px;opacity:0;transition:opacity var(--t);flex-shrink:0}.blist:hover .blist-actions,.blist-actions:focus-within{opacity:1}.blist-cards{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--s2);padding:2px}.blist-empty{padding:var(--s4) var(--s2);text-align:center;color:var(--faint);font-size:12px}.bcard{display:flex;flex-direction:column;gap:var(--s2);width:100%;text-align:left;border:none;border-radius:var(--r-md);background:var(--surface);color:var(--fg);font:inherit;padding:var(--s3);cursor:pointer;box-shadow:var(--shadow);transition:background var(--t),transform .06s}.bcard:hover{background:var(--hover)}.bcard:active{transform:scale(.99)}.bcard.done .bcard-title{text-decoration:line-through;color:var(--muted)}.bcard-title{font-size:13.5px;line-height:1.45;word-break:break-word}.bcard-labels{display:flex;flex-wrap:wrap;gap:var(--s1)}.blabel{width:26px;height:5px;border-radius:var(--r-pill);flex-shrink:0}.bcard-foot{display:flex;align-items:center;gap:var(--s2)}.bcard-note{color:var(--faint);font-size:13px;line-height:1}.bcard-people{margin-left:auto;display:flex;gap:-2px}.bcard-people .avatar+.avatar{margin-left:-6px;box-shadow:0 0 0 2px var(--surface)}.bdue{display:inline-flex;align-items:center;gap:var(--s1);font-size:11px;font-weight:600;color:var(--muted);background:var(--elevated);border-radius:var(--r-pill);padding:2px var(--s2)}.bdue.late{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.bdue.soon{color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 16%,transparent)}.bdue.done{color:var(--online);background:color-mix(in srgb,var(--online) 14%,transparent)}.blist-addbtn{display:flex;align-items:center;gap:var(--s2);width:100%;border:none;background:transparent;color:var(--muted);font:inherit;font-size:13px;text-align:left;padding:var(--s2) var(--s3);border-radius:var(--r-md);cursor:pointer;flex-shrink:0;transition:background var(--t),color var(--t)}.blist-addbtn:hover{background:var(--hover);color:var(--fg)}.blist-new .blist-addbtn{background:var(--panel)}.blist-add input{padding:9px var(--s3);font-size:13px;border-radius:var(--r-md);background:var(--surface)}.bcard-modal{width:min(520px,100%)}.binline{display:flex;gap:var(--s3);flex-wrap:wrap}.binline .field{flex:1;min-width:150px}.binline .mini-select{width:100%}.toaster{position:fixed;bottom:var(--s5);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--s2);z-index:300;align-items:center;pointer-events:none;padding:0 var(--s4)}.toast{background:var(--fg);color:var(--bg);padding:11px var(--s5);border-radius:var(--r-pill);font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);animation:toast-in .18s ease;max-width:100%}.toast.has-action{display:flex;align-items:center;gap:var(--s4);pointer-events:auto;padding-right:var(--s2)}.toast-action{border:none;background:#ffffff29;color:inherit;font:inherit;font-weight:700;padding:6px var(--s4);border-radius:var(--r-pill);cursor:pointer;flex-shrink:0}.toast-action:hover{background:#ffffff47}.toast-info{background:var(--fg);color:var(--bg)}.toast-ok{background:var(--accent);color:var(--accent-fg)}.toast-error{background:var(--danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.crash{height:100dvh;display:grid;place-items:center;padding:var(--s6);background:var(--bg)}.crash-card{width:min(440px,100%);padding:var(--s7);display:flex;flex-direction:column;gap:var(--s3)}.crash-card h3{font-size:19px;font-weight:700;letter-spacing:-.02em}.crash-detail{font-family:var(--font-mono);font-size:12px;color:var(--danger);background:var(--elevated);border-radius:var(--r-md);padding:var(--s3);white-space:pre-wrap;word-break:break-word;max-height:140px;overflow:auto}.mobile-only,.drawer-backdrop{display:none}@media (max-width: 1000px){:root{--pad: var(--s4)}.app,.app.dm{grid-template-columns:var(--side-w, 240px) 1fr}.members{display:none}.admin-grid,.settings-split{grid-template-columns:1fr}.admin-grid{overflow-y:auto}.page-wrap{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:var(--s3)}.page-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:var(--s1);padding-bottom:var(--s1)}.page-tab{width:auto;flex:0 0 auto}}@media (max-width: 760px){.auth-shell{grid-template-columns:1fr;width:min(430px,100%)}.auth-aside{display:none}.auth-card{padding:var(--s6) var(--s5)}}@media (max-width: 680px){:root{--pad: var(--s3)}.mobile-only{display:grid}.app,.app.dm{grid-template-columns:1fr}.rail{width:64px;position:fixed;top:0;left:0;bottom:0;z-index:61;transform:translate(-100%);transition:transform .22s ease;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.shell.nav-open .rail{transform:translate(0)}.side{position:fixed;top:0;left:64px;bottom:0;width:min(74vw,300px);z-index:60;transform:translate(calc(-100% - 64px));transition:transform .22s ease;box-shadow:var(--shadow-lg)}.shell.nav-open .side{transform:translate(0)}.shell.nav-open .drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:color-mix(in srgb,#000 55%,transparent)}.page-body{grid-template-columns:1fr}.stage-body{height:auto!important}.nav-item,.voice-row,.dm-pick .member{min-height:40px}.composer-wrap{padding-bottom:calc(var(--s3) + env(safe-area-inset-bottom))}.mention-pop,.emoji-anchor .emoji-picker{left:var(--pad);right:var(--pad);width:auto;max-width:none}.reply-ref-text{max-width:200px}input,textarea,select,.composer input,.search-input,.emoji-search input{font-size:16px}.search-overlay{padding-top:var(--s6)}.dock{flex-wrap:wrap}.msg-body{font-size:15px}.msg{gap:var(--s2);padding:var(--s2)}.msg.grouped{padding-left:54px}.msg-head{min-width:0}.msg-author{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65vw}}@media (hover: none){.msg-actions{display:flex;position:absolute;top:2px;right:var(--s1);background:transparent;box-shadow:none;padding:0}.msg-actions>.react-wrap,.msg-actions>button:not(.msg-more){display:none}.msg-actions button.msg-more{display:grid;place-items:center;width:30px;height:30px;font-size:18px;line-height:1;color:var(--faint);background:transparent;border-radius:var(--r-sm)}.msg-actions button.msg-more:active{background:var(--elevated);color:var(--fg)}.msg,.msg.grouped{padding-right:42px}.vtile-actions{display:flex}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}.app.no-side{grid-template-columns:0 1fr var(--mem-w, 224px)}.app.no-mem{grid-template-columns:var(--side-w, 248px) 1fr 0}.app.no-side.no-mem{grid-template-columns:0 1fr 0}.app.no-side.dm{grid-template-columns:0 1fr}.app.no-side>.side,.app.no-mem>.members{visibility:hidden;overflow:hidden;min-width:0;padding:0;border:none}.topbar-tools{margin-left:auto;display:flex;gap:2px;flex-shrink:0}.desktop-only{display:grid}.profile-av{display:inline-block;border-radius:50%}.profile-av.online .avatar{box-shadow:0 0 0 4px var(--surface),0 0 0 6px var(--online)}.profile-alias{margin-top:-4px;font-size:12px;line-height:1.45;color:var(--muted)}.profile-alias b{color:var(--fg);font-weight:600}.rbadge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:var(--r-pill);border:1px solid var(--border);color:var(--muted);background:var(--elevated)}.rbadge.owner{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.rbadge .role-dot{width:8px;height:8px}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 25%,transparent);border-top-color:var(--accent);animation:spin .7s linear infinite;flex-shrink:0}.spinner.lg{width:34px;height:34px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.loading,.load-state{display:grid;place-items:center;gap:var(--s3);color:var(--muted);font-size:13px;padding:var(--s6)}.load-state{margin:auto;justify-items:center}.skel{background:linear-gradient(90deg,var(--elevated) 25%,color-mix(in srgb,var(--hover) 70%,var(--elevated)) 37%,var(--elevated) 63%);background-size:400% 100%;animation:skel 1.3s ease-in-out infinite;border-radius:var(--r-md)}@keyframes skel{0%{background-position:100% 50%}to{background-position:0 50%}}.skel-msg{display:flex;gap:var(--s3);padding:var(--s2) var(--s3)}.skel-av{width:38px;height:38px;border-radius:50%;flex-shrink:0}.skel-lines{flex:1;display:flex;flex-direction:column;gap:var(--s2);min-width:0}.skel-line{height:10px}@media (max-width: 1000px){.desktop-only{display:none}}.side-actions{display:flex;flex-direction:column;gap:2px;padding:0 var(--s2) var(--s2);flex-shrink:0}.side-action{position:relative;display:flex;align-items:center;gap:var(--s3);width:100%;border:none;background:transparent;color:var(--muted);font:inherit;font-size:12.5px;text-align:left;padding:var(--s2) var(--s3);border-radius:var(--r-md);cursor:pointer;transition:background var(--t),color var(--t)}.side-action:hover{background:var(--hover);color:var(--fg)}.side-action .dot{margin-left:auto}.foot-ver.link{border:none;background:none;padding:0;text-align:left;cursor:pointer;font:inherit;font-size:10px;color:var(--faint)}.foot-ver.link:hover{color:var(--accent-ink);text-decoration:underline}.foot-ver.link.has-new{color:var(--accent-ink)}.foot-ver.link.has-new:after{content:"";display:inline-block;width:5px;height:5px;margin-left:5px;border-radius:50%;background:var(--accent);vertical-align:middle}.changelog-modal{width:min(560px,100%)}.cl-list{display:flex;flex-direction:column;gap:var(--s6);max-height:58vh;overflow-y:auto;padding-right:var(--s1)}.cl-rel{display:flex;flex-direction:column;gap:var(--s2)}.cl-head{display:flex;align-items:baseline;gap:var(--s2)}.cl-ver{font-size:12px;font-weight:700;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 14%,transparent);padding:2px 9px;border-radius:var(--r-pill)}.cl-date{font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}.cl-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.cl-items{list-style:none;display:flex;flex-direction:column;gap:var(--s2)}.cl-item{display:flex;align-items:flex-start;gap:var(--s2);font-size:13px;line-height:1.5;color:var(--muted)}.cl-tag{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:var(--r-pill);margin-top:2px}.cl-tag.new{color:var(--accent-fg);background:var(--accent)}.cl-tag.fix{color:var(--danger);background:color-mix(in srgb,var(--danger) 16%,transparent)}.cl-tag.improve{color:var(--muted);background:var(--elevated)}.fb-item{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);border-radius:var(--r-md);background:var(--elevated)}.fb-head{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;font-size:12.5px}.fb-kind{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px var(--s2);border-radius:var(--r-pill);background:var(--surface);color:var(--muted)}.fb-kind.bug{color:var(--danger);background:color-mix(in srgb,var(--danger) 15%,transparent)}.fb-kind.idea{color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 15%,transparent)}.fb-msg{font-size:13.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.fb-actions{display:flex;gap:var(--s2);align-items:center}.nick-edit{display:flex;align-items:center;gap:var(--s2);min-width:0}.nick-edit input{width:140px;padding:6px var(--s3);font-size:12.5px;border-radius:var(--r-sm)}.nick-edit .btn{padding:6px var(--s3);font-size:12px}.bchip{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--muted);background:var(--elevated);border-radius:var(--r-pill);padding:2px var(--s2)}.bchip.ok{color:var(--online);background:color-mix(in srgb,var(--online) 14%,transparent)}.bprogress{height:6px;border-radius:var(--r-pill);background:var(--elevated);overflow:hidden}.bprogress span{display:block;height:100%;background:var(--accent);border-radius:var(--r-pill);transition:width .2s ease}.bchecks{display:flex;flex-direction:column;gap:2px}.bcheck{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);border-radius:var(--r-sm);font-size:13.5px;cursor:pointer}.bcheck:hover{background:var(--hover)}.bcheck input{width:auto;accent-color:var(--accent);flex-shrink:0}.bcheck span{flex:1;min-width:0;word-break:break-word}.bcheck.done span{text-decoration:line-through;color:var(--muted)}.bcheck .icon-mini{opacity:0}.bcheck:hover .icon-mini{opacity:1}.binline-add{display:flex;gap:var(--s2);margin-top:var(--s1)}.binline-add input{flex:1;min-width:0;padding:var(--s2) var(--s3);border-radius:var(--r-md);font-size:13px}.binline-add .btn{flex-shrink:0;padding:var(--s2) var(--s4)}.blinks{display:flex;flex-wrap:wrap;gap:var(--s2)}.blink{display:inline-flex;align-items:center;gap:var(--s1);background:var(--elevated);border-radius:var(--r-pill);padding:3px 5px 3px var(--s3);font-size:12.5px}.blink a{color:var(--accent-ink);text-decoration:none;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blink a:hover{text-decoration:underline}.bcomments{display:flex;flex-direction:column;gap:var(--s3);max-height:240px;overflow-y:auto}.bcomment{display:flex;gap:var(--s2)}.bcomment-main{flex:1;min-width:0;background:var(--elevated);border-radius:var(--r-md);padding:var(--s2) var(--s3)}.bcomment-head{display:flex;align-items:center;gap:var(--s2);font-size:12.5px}.bcomment-head b{font-weight:600}.bcomment-head .icon-mini{margin-left:auto;opacity:0}.bcomment:hover .icon-mini{opacity:1}.bcomment-text{font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word;margin-top:2px}.mgroup{display:flex;flex-direction:column;gap:1px}.mgroup+.mgroup{margin-top:var(--s2)}.mgroup .side-label{padding:var(--s3) var(--s2) var(--s1)}.btn-icon.call-end{background:var(--danger);color:#fff}.btn-icon.call-end:hover:not(:disabled){background:var(--danger);filter:brightness(1.07);color:#fff}.incoming-call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,black 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:pop-in .18s ease}.incoming-call-card{display:flex;flex-direction:column;align-items:center;gap:var(--s3);padding:var(--s6);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);text-align:center;max-width:calc(100vw - var(--s6))}.ic-name{font-size:1.25rem;margin-top:var(--s2)}.ic-actions{display:flex;gap:var(--s4);margin-top:var(--s4)}.ic-actions .dock-btn{flex:none;width:60px;height:60px;border-radius:50%}.ic-actions .dock-btn.danger{background:var(--danger);color:#fff}.ic-actions .dock-btn.accept{background:var(--online);color:#fff}.ic-labels{display:flex;gap:var(--s4);width:100%}.ic-labels span{flex:none;width:60px;font-size:.75rem;color:var(--muted)}.vcscreen{flex:1;min-height:0;display:flex;flex-direction:column;background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--accent) 4%,var(--bg)),var(--bg) 55%)}.vcscreen-body{flex:1;min-height:0;overflow-y:auto;padding:var(--s5);display:flex}.vcscreen-empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:var(--s3);color:var(--muted);text-align:center}.vcscreen-empty svg{color:var(--faint)}.vcscreen-grid{margin:auto;width:100%;display:grid;gap:var(--s4);align-content:center;grid-template-columns:repeat(2,minmax(0,1fr))}.vcscreen-grid[data-count="1"]{grid-template-columns:minmax(0,min(560px,100%))}.vcscreen-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.vcscreen-grid[data-count="3"],.vcscreen-grid[data-count="5"],.vcscreen-grid[data-count="6"],.vcscreen-grid[data-count="7"],.vcscreen-grid[data-count="8"],.vcscreen-grid[data-count="9"]{grid-template-columns:repeat(3,minmax(0,1fr))}.vcscreen-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.vcscreen-grid[data-count="10"]{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 680px){.vcscreen-grid,.vcscreen-grid[data-count="3"],.vcscreen-grid[data-count="4"],.vcscreen-grid[data-count="5"],.vcscreen-grid[data-count="6"],.vcscreen-grid[data-count="7"],.vcscreen-grid[data-count="8"],.vcscreen-grid[data-count="9"],.vcscreen-grid[data-count="10"]{grid-template-columns:repeat(2,minmax(0,1fr))}.vcscreen-grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}}.vc-tile{position:relative;aspect-ratio:16 / 10;border:none;border-radius:var(--r-lg);background:var(--panel);overflow:hidden;cursor:pointer;display:grid;place-items:center;padding:0;transition:box-shadow .15s ease}.vc-tile.speaking{box-shadow:0 0 0 2px var(--online)}.vc-tile video.mirrored{transform:scaleX(-1)}.vc-tile video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.vc-tile-avatar{display:grid;place-items:center}.vc-tile-label{position:absolute;left:var(--s2);bottom:var(--s2);display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#fff;background:#0000008c;padding:3px var(--s2);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:calc(100% - var(--s3));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vc-tile-pin{position:absolute;top:var(--s2);right:var(--s2);display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:var(--r-sm);background:#0000008c;color:#fff;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity var(--t),background var(--t)}@media (hover: hover){.vc-tile:hover .vc-tile-pin{opacity:1}}@media (hover: none){.vc-tile-pin{opacity:1}}.vc-tile-pin:hover{background:var(--accent);color:var(--accent-fg)}.vc-tile.spot .vc-tile-pin{opacity:1;background:var(--accent);color:var(--accent-fg)}.vc-tile-vol{position:absolute;top:var(--s2);right:calc(28px + var(--s2) + var(--s1))}.vc-tile-vol>button{display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:var(--r-sm);background:#0000008c;color:#fff;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity var(--t),background var(--t)}@media (hover: hover){.vc-tile:hover .vc-tile-vol>button{opacity:1}}@media (hover: none){.vc-tile-vol>button{opacity:1}}.vc-tile-vol>button:hover{background:var(--accent);color:var(--accent-fg)}.vc-tile-vol-pop{position:absolute;top:34px;right:0;display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-md);background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.vc-tile-vol-pop span{color:#fff;font-size:.75rem;min-width:1.8em}.vc-spot-wrap{margin:auto;width:100%;height:100%;display:flex;flex-direction:column;gap:var(--s3)}.vc-spot-main{flex:1;min-height:0;display:flex}.vc-spot-main .vc-tile{flex:1;aspect-ratio:auto}.vc-strip{flex-shrink:0;display:flex;gap:var(--s2);overflow-x:auto;padding-bottom:2px}.vc-strip .vc-tile{flex:0 0 auto;width:160px;aspect-ratio:16 / 10}.vcscreen-controls{flex-shrink:0;display:flex;justify-content:center;gap:var(--s2);padding:var(--s4)}.listen-panel{flex-shrink:0;margin:0 var(--s4) var(--s2);border-radius:var(--r-lg);background:var(--panel);overflow:hidden}.listen-player{position:fixed;bottom:0;right:0;width:1px;height:1px;overflow:hidden;opacity:.01;pointer-events:none}.floating-call{position:fixed;right:var(--s4);bottom:84px;z-index:260;width:224px;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-lg);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.floating-call:active{cursor:grabbing}.fcall-stage{position:relative;aspect-ratio:4 / 3;background:#000;display:grid;place-items:center;overflow:hidden}.fcall-stage video{width:100%;height:100%;object-fit:contain;display:block}.fcall-stage.voice{background:var(--elevated)}.fcall-stage.voice.live{box-shadow:inset 0 0 0 2px var(--online)}.fcall-kind{position:absolute;left:var(--s2);bottom:var(--s2);display:flex;align-items:center;gap:var(--s1);padding:2px 7px;border-radius:var(--r-pill);background:#0000008c;color:#fff;font-size:10px;letter-spacing:.02em}.fcall-stage.voice .fcall-kind{background:var(--surface);color:var(--muted)}.fcall-bar{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);background:var(--surface);font-size:12px}.fcall-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.fcall-more{flex-shrink:0;color:var(--muted)}.fcall-open{margin-left:auto;flex-shrink:0;color:var(--muted)}@media (max-width: 680px){.floating-call{width:168px;bottom:calc(96px + env(safe-area-inset-bottom))}}.update-banner{position:fixed;right:var(--s5);bottom:var(--s5);z-index:400;display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);max-width:calc(100vw - var(--s7));animation:pop-in .18s ease}.update-ic{color:var(--accent-ink);flex-shrink:0}.update-text{display:flex;flex-direction:column;min-width:0}.update-spin{width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 30%,transparent);border-top-color:var(--accent);animation:spin .8s linear infinite;flex-shrink:0}@media (max-width: 680px){.update-banner{left:var(--s3);right:var(--s3);bottom:calc(76px + env(safe-area-inset-bottom))}}.listen-head{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3)}.listen-ic{color:var(--accent-ink);flex-shrink:0}.listen-title{flex:1;min-width:0;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listen-on{color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 16%,transparent)}.listen-vol{display:flex;align-items:center;gap:var(--s1);color:var(--muted)}.listen-vol input[type=range]{width:72px}.listen-head .rot{transform:rotate(-90deg)}.listen-body{border-top:1px solid var(--border);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s2)}.listen-add{display:flex;gap:var(--s2)}.listen-add input{flex:1;min-width:0}.listen-queue-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);flex-wrap:wrap}.listen-queue-actions{display:flex;gap:var(--s1)}.btn-mini{border:none;background:transparent;color:var(--muted);font:inherit;font-size:11px;padding:3px 7px;border-radius:var(--r-sm);cursor:pointer}.btn-mini:hover{background:var(--hover);color:var(--fg)}.btn-mini.danger:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.listen-queue{display:flex;flex-direction:column;max-height:180px;overflow-y:auto}.listen-row{display:flex;align-items:center;gap:var(--s1);border-radius:var(--r-md)}.listen-row.now{background:color-mix(in srgb,var(--accent) 10%,transparent)}.listen-drag{display:grid;place-items:center;color:var(--faint);cursor:grab;flex-shrink:0;opacity:0}@media (hover: hover){.listen-row:hover .listen-drag{opacity:1}}.listen-row-reorder{display:flex;flex-direction:column;flex-shrink:0}.listen-row-reorder .btn-icon{width:18px;height:14px}.listen-row-reorder .btn-icon:disabled{opacity:.25;cursor:default}.listen-row-main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s2);border:none;background:none;color:inherit;font:inherit;text-align:left;padding:var(--s1) var(--s2);cursor:pointer;border-radius:var(--r-md)}.listen-row-main:hover{background:var(--hover)}.listen-no{width:18px;flex-shrink:0;font-size:11px;color:var(--muted);text-align:center}.listen-row.now .listen-no{color:var(--accent-ink)}.listen-row-title{flex:1;min-width:0;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listen-row-by{flex-shrink:0}.vcscreen-controls .dock-btn{flex:0 0 auto;width:46px;height:46px}.nav-item.viewing{background:var(--elevated);color:var(--fg)}.nav-item.viewing .nav-ic{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-ink)}.legal-modal{width:min(760px,100%);max-height:min(84dvh,900px);display:flex;flex-direction:column;gap:var(--s4)}.legal-tabs{display:flex;flex-wrap:wrap;gap:var(--s2);flex-shrink:0}.legal-body{overflow-y:auto;min-height:0;padding-right:var(--s2)}.legal-title{font-size:18px;font-weight:700;margin:0}.legal-meta{color:var(--muted);font-size:12px;margin:var(--s1) 0 var(--s5)}.legal-section{margin-bottom:var(--s5)}.legal-section h4{font-size:14px;font-weight:700;margin:0 0 var(--s2)}.legal-section p{margin:0 0 var(--s2);line-height:1.62;color:var(--muted);font-size:13.5px}.legal-section ul{margin:0;padding-left:var(--s5);display:flex;flex-direction:column;gap:var(--s2)}.legal-section li{line-height:1.55;color:var(--muted);font-size:13.5px}.legal-section b{color:var(--fg)}.auth-legal{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--s2);padding-top:var(--s4);font-size:12px;color:var(--faint)}.danger-zone{display:flex;flex-direction:column;gap:var(--s3)}.danger-zone .alert-error b{font-weight:700}.rail-item{cursor:grab}.rail-item.dragging{opacity:.4;cursor:grabbing}.rail-search{margin-top:var(--s1)}.chan-cat{display:flex;flex-direction:column}.chan-cat-empty{padding:var(--s1) var(--s3) var(--s2)}.avatar.has-image{padding:0;background:var(--elevated)}.avatar.has-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.avatar-picker{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s2)}.avatar-picker-main{display:flex;flex-direction:column;gap:var(--s2);min-width:0}.avatar-picker-actions{display:flex;gap:var(--s2);flex-wrap:wrap}.thread-panel{display:flex;flex-direction:column;min-height:0;background:var(--panel);border-radius:var(--r-lg);overflow:hidden}.thread-head{display:flex;align-items:center;gap:var(--s2);padding:var(--s3);flex-shrink:0}.thread-title{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.thread-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-body{flex:1;min-height:0;overflow-y:auto;padding:0 var(--s3) var(--s3);display:flex;flex-direction:column;gap:var(--s3)}.thread-empty{padding:var(--s4) 0}.thread-msg{display:flex;gap:var(--s2);align-items:flex-start}.thread-msg-main{min-width:0;flex:1}.thread-msg-head{display:flex;align-items:baseline;gap:var(--s2)}.thread-msg-text{margin:2px 0 0;overflow-wrap:anywhere}.thread-composer{display:flex;align-items:center;gap:var(--s2);padding:var(--s3);flex-shrink:0}.thread-composer input{flex:1;min-width:0}.app.thread-open{grid-template-columns:var(--side-w, 248px) 1fr 320px}@media (max-width: 1000px){.app.thread-open{grid-template-columns:var(--side-w, 248px) 1fr}.thread-panel{display:none}}.notif-overlay{align-items:flex-start;justify-content:flex-end;padding:var(--s5)}.notif-panel{width:min(420px,100%);max-height:min(80dvh,720px);display:flex;flex-direction:column;gap:var(--s3)}.notif-actions{display:flex;gap:var(--s2);flex-shrink:0}.notif-list{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:2px}.notif-empty{padding:var(--s5) 0;line-height:1.5}.notif-item{display:flex;align-items:flex-start;gap:var(--s2);border-radius:var(--r-md);padding-right:var(--s2)}.notif-item:hover{background:var(--hover)}.notif-item.unread{background:color-mix(in srgb,var(--accent) 10%,transparent)}.notif-main{flex:1;min-width:0;display:flex;gap:var(--s3);align-items:flex-start;border:none;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;padding:var(--s3)}.notif-text{min-width:0;display:flex;flex-direction:column;gap:2px}.notif-title{display:flex;align-items:center;gap:var(--s2);font-weight:600;flex-wrap:wrap}.notif-kind{display:inline-flex;align-items:center;gap:var(--s1);font-size:11px;font-weight:600;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 18%,transparent);padding:1px 7px;border-radius:var(--r-pill)}.notif-body{color:var(--muted);overflow-wrap:anywhere}.cal-panel{width:min(640px,100%);max-height:min(84dvh,860px);display:flex;flex-direction:column;gap:var(--s4)}.cal-add{align-self:flex-start}.cal-form{display:flex;flex-direction:column;gap:var(--s3);background:var(--elevated);padding:var(--s4);border-radius:var(--r-lg)}.cal-list{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:var(--s2)}.cal-item{display:flex;gap:var(--s4);align-items:flex-start;padding:var(--s3);border-radius:var(--r-md);background:var(--surface)}.cal-item.past{opacity:.55}.cal-when{display:flex;flex-direction:column;gap:2px;min-width:148px;flex-shrink:0}.cal-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s1)}.cal-desc{margin:0;color:var(--muted);overflow-wrap:anywhere}.cal-rsvp{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s1)}@media (max-width: 680px){.cal-item{flex-direction:column;gap:var(--s2)}.cal-when{min-width:0}.notif-overlay{padding:var(--s3)}}.overlay-center{align-items:center;justify-content:center}.overlay-top{align-items:flex-start;justify-content:center;padding-top:8vh}.overlay-end{align-items:flex-start;justify-content:flex-end}.modal2{width:min(var(--modal-w, 560px),100%);max-height:min(86dvh,900px);display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}.modal2-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s5) var(--s5) var(--s4);flex-shrink:0}.modal2-title{display:flex;align-items:center;gap:var(--s2);font-size:16px;font-weight:700;letter-spacing:-.01em;min-width:0}.modal2-icon{display:grid;place-items:center;color:var(--muted);flex-shrink:0}.modal2-body{padding:0 var(--s5) var(--s5);overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:var(--s4)}.modal2>.modal2-body:first-child{padding-top:var(--s5)}.modal2-foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--s2);padding:var(--s4) var(--s5);background:var(--elevated);flex-shrink:0}.modal2-body.flush{gap:0}@media (max-width: 680px){.modal2{max-height:88dvh}.modal2-head{padding:var(--s4) var(--s4) var(--s3)}.modal2-body{padding:0 var(--s4) var(--s4)}.modal2-foot{padding:var(--s3) var(--s4)}.overlay-top{padding-top:var(--s4)}}.modal2-form{display:flex;flex-direction:column;gap:var(--s4)}.cal-room{flex:1;min-height:0;overflow-y:auto;padding:var(--pad);display:flex;flex-direction:column;gap:var(--s4)}.crop-stage{position:relative;width:260px;height:260px;margin:0 auto;border-radius:var(--r-lg);overflow:hidden;background:var(--elevated)}.crop-canvas{display:block;cursor:grab;touch-action:none}.crop-canvas:active{cursor:grabbing}.crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:0 0 0 999px color-mix(in srgb,var(--bg) 72%,transparent) inset;border-radius:50%}.cat-add{display:flex;align-items:center;gap:var(--s2);width:100%;border:none;background:none;color:var(--faint);font:inherit;font-size:12.5px;font-weight:600;text-align:left;padding:var(--s2) var(--s3);margin-top:var(--s2);border-radius:var(--r-md);cursor:pointer}.cat-add:hover{background:var(--hover);color:var(--fg)}.foot-meta{display:flex;align-items:center;gap:var(--s1);min-width:0}.foot-sep{color:var(--faint);font-size:10px}.profile-actions{display:flex;flex-direction:column;gap:var(--s2)}.profile-friend-note{text-align:center;padding:var(--s2) 0}.avatar{position:relative}.presence-dot{position:absolute;z-index:1;right:0;bottom:0;transform:translate(15%,15%);width:34%;height:34%;min-width:9px;min-height:9px;border-radius:50%;box-shadow:0 0 0 2px var(--panel)}.presence-dot.online{background:var(--online)}.presence-dot.idle{background:var(--accent)}.presence-dot.busy,.presence-dot.dnd{background:var(--danger)}.presence-dot.offline,.presence-dot.invisible{background:var(--faint)}.presence-row{width:100%;border:none;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:var(--r-md);gap:var(--s3)}.presence-row:hover{background:var(--hover)}.presence-row.on{background:var(--elevated)}.presence-row .presence-dot{position:static;width:10px;height:10px;min-width:10px;min-height:10px;box-shadow:none;flex-shrink:0}.foot-id-btn{display:flex;align-items:center;gap:var(--s2);width:100%;border:none;background:none;font:inherit;color:inherit;text-align:left;padding:var(--s2);border-radius:var(--r-md);cursor:pointer;min-width:0}.foot-id-btn:hover{background:var(--hover)}.foot-chev{margin-left:auto;color:var(--faint);flex-shrink:0;transform:rotate(-90deg)}.ctx-item .presence-dot{position:static;width:9px;height:9px;min-width:9px;min-height:9px;box-shadow:none}.call-toast{position:fixed;top:var(--s3);left:50%;transform:translate(-50%);z-index:500;display:flex;align-items:center;gap:var(--s3);max-width:min(520px,calc(100vw - var(--s4)));padding:var(--s2) var(--s3);background:var(--elevated);border-radius:var(--r-lg);box-shadow:0 12px 32px #00000073;animation:pop-in .18s ease}.call-toast-text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.call-toast-text b,.call-toast-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-toast .btn{flex-shrink:0}@media (max-width: 640px){.call-toast{left:var(--s2);right:var(--s2);transform:none;max-width:none}}