:root{--bg-rail: #0B0B0D;--bg-sidebar: #0F0F12;--bg-content: #1A1D21;--bg-elevated: #222529;--bg-hover: #24262B;--bg-active: #333640;--bg-input: #232529;--border: #2E3138;--border-strong: #565856;--text-primary: #D1D2D3;--text-secondary: #ABABAD;--text-muted: #8D8D8E;--accent: #1D9BD1;--accent-primary: #4A154B;--green-presence: #2BAC76;--red-badge: #E01E5A;--yellow-star: #E8B33E;--mention-pill-bg: rgba(232, 179, 62, .22);--mention-pill-text: #E8B33E;--rail-hover: rgba(255, 255, 255, .09);--ws-active-outline: #FFFFFF;--create-btn-bg: #FFFFFF;--create-btn-fg: #1D1C1D;--topbar-search-bg: rgba(255, 255, 255, .08);--hb-sidebar-bg: var(--bg-sidebar);--hb-sidebar-bg-hover: var(--bg-hover);--hb-sidebar-active: var(--bg-active);--hb-sidebar-text: var(--text-secondary);--hb-sidebar-text-bold: var(--text-primary);--hb-sidebar-header: var(--bg-rail);--hb-sidebar-border: var(--border);--hb-main-bg: var(--bg-content);--hb-panel-bg: var(--bg-elevated);--hb-hover-row: var(--bg-hover);--hb-border: var(--border);--hb-input-bg: var(--bg-input);--hb-input-border: var(--border-strong);--hb-text: var(--text-primary);--hb-text-secondary: var(--text-secondary);--hb-text-inverse: #FFFFFF;--hb-accent: var(--accent);--hb-accent-strong: var(--accent);--hb-mention-badge: var(--red-badge);--hb-mention-bg: var(--mention-pill-bg);--hb-mention-text: var(--mention-pill-text);--hb-presence-active: var(--green-presence);--hb-huddle-live: var(--green-presence);--hb-success: var(--green-presence);--hb-danger: var(--red-badge);--hb-reaction-chip: var(--bg-hover);--hb-reaction-chip-me: var(--bg-active);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "Lato", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", Menlo, monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--lh-msg: 1.46;--fw-normal: 400;--fw-semibold: 600;--fw-bold: 700;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-pill: 999px;--t-fast: .12s ease;--shadow-popover: 0 4px 20px rgba(0, 0, 0, .45);--shadow-modal: 0 8px 40px rgba(0, 0, 0, .6);--rail-w: 68px;--sidebar-w: 280px;--topbar-h: 44px;--header-h: 46px;--thread-w: 400px;--composer-min-h: 44px}html[data-theme=light]{--bg-rail: #F0F0F0;--bg-sidebar: #F8F8F8;--bg-content: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: #ECECEC;--bg-active: #DCDCDE;--bg-input: #F2F2F2;--border: #DDDDDD;--border-strong: #ADADAD;--text-primary: #1D1C1D;--text-secondary: #55555A;--text-muted: #83838A;--accent: #1264A3;--mention-pill-bg: rgba(232, 179, 62, .3);--mention-pill-text: #8A6A14;--rail-hover: rgba(0, 0, 0, .07);--ws-active-outline: #1D1C1D;--create-btn-bg: #1D1C1D;--create-btn-fg: #FFFFFF;--topbar-search-bg: rgba(0, 0, 0, .06);--shadow-popover: 0 4px 20px rgba(0, 0, 0, .18);--shadow-modal: 0 8px 40px rgba(0, 0, 0, .25)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);font-size:var(--fs-md);line-height:var(--lh-msg);color:var(--text-primary);background:var(--bg-rail);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed}input,textarea,select{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent)}:focus{outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-track{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}kbd{background:var(--bg-hover);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:11px;font-family:var(--font-ui);color:var(--text-primary);line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);font-weight:var(--fw-semibold);font-size:var(--fs-sm);background:var(--accent);color:#fff;transition:filter var(--t-fast)}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid var(--border-strong);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover);filter:none}.field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-4)}.field label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-secondary)}.field input{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-primary)}.field input::placeholder{color:var(--text-muted)}.field .hint{font-size:var(--fs-xs);color:var(--text-muted)}.form-error{background:#e01e5a1f;border:1px solid var(--red-badge);color:var(--text-primary);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:#fff;font-weight:var(--fw-bold);-webkit-user-select:none;user-select:none;overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:hb-spin .8s linear infinite}@keyframes hb-spin{to{transform:rotate(360deg)}}.full-center{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4)}.empty-hint{color:var(--text-muted);font-size:var(--fs-sm);padding:var(--sp-2)}.pdot{display:inline-block;border-radius:50%;background:var(--green-presence);flex:none}.pdot-away,.pdot-offline{background:transparent;border:2px solid var(--text-muted);box-sizing:border-box}.popover{position:absolute;z-index:90;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);padding:var(--sp-2);min-width:220px}.popover-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:var(--sp-1) var(--sp-2) var(--sp-2)}.menu-item{display:block;width:100%;text-align:left;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item:hover{background:var(--bg-hover)}.menu-item.danger{color:var(--red-badge)}.menu-item.selected{background:var(--bg-hover)}.menu-item-icon{display:flex;align-items:center;gap:var(--sp-2)}.menu-item-icon svg{flex:none;color:var(--text-secondary)}.menu-item-text{overflow:hidden;text-overflow:ellipsis}.menu-sep{height:1px;background:var(--border);margin:var(--sp-2) 0}.tooltip-anchor{display:inline-flex;align-items:baseline}.tooltip-card{position:fixed;transform:translate(-50%,calc(-100% - 6px));z-index:400;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);padding:6px 10px;max-width:280px;font-size:13px;line-height:1.35;color:var(--text-primary);text-align:center;pointer-events:none;white-space:normal}.link-btn{color:var(--accent);font-size:inherit;padding:0 var(--sp-1)}.link-btn:hover{text-decoration:underline}.link-btn.danger{color:var(--red-badge)}.auth-page{min-height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 20% -10%,rgba(74,21,75,.5),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(29,155,209,.12),transparent 60%),var(--bg-rail);padding:var(--sp-8)}.auth-card{width:400px;max-width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);padding:var(--sp-8)}.auth-logo{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6)}.auth-logo .avatar{width:40px;height:40px;background:var(--accent-primary);font-size:var(--fs-lg)}.auth-logo h1{font-size:var(--fs-xl);margin:0}.auth-logo .sub{font-size:var(--fs-sm);color:var(--text-secondary)}.auth-card .btn{width:100%;margin-top:var(--sp-2);font-size:var(--fs-md)}.auth-switch{margin-top:var(--sp-5);font-size:var(--fs-sm);color:var(--text-secondary);text-align:center}.app-frame{height:100%;display:flex;background:var(--bg-rail);position:relative;overflow:hidden}.app-right{flex:1;min-width:0;display:flex;flex-direction:column}.app-body{flex:1;min-height:0;display:flex;border-top:1px solid var(--border)}.app-body>.sidebar{flex:none;width:var(--sidebar-w)}.app-body>.main{flex:1;min-width:0}.main{background:var(--bg-content);display:flex;flex-direction:column;min-width:0;flex:1}.topbar{height:var(--topbar-h);flex:none;display:grid;grid-template-columns:1fr minmax(280px,40%) 1fr;align-items:center;padding:0 var(--sp-3);background:var(--bg-rail);gap:var(--sp-2)}.topbar-left{display:flex;align-items:center;gap:2px}.topbar-center{display:flex;justify-content:center}.topbar-right{display:flex;justify-content:flex-end}.topbar-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--t-fast)}.topbar-btn:hover:not(:disabled){background:var(--rail-hover);color:var(--text-primary)}.topbar-btn:disabled{opacity:.35}.topbar-anchor{position:relative}.topbar-popover{top:calc(100% + 6px);left:0;width:320px;max-height:420px;overflow-y:auto}.topbar-popover-right{left:auto;right:0}.topbar-search{width:100%;height:28px;display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);border-radius:var(--radius-md);background:var(--topbar-search-bg);color:var(--text-secondary);font-size:var(--fs-sm);border:1px solid transparent;transition:border-color var(--t-fast)}.topbar-search:hover{border-color:var(--border-strong);color:var(--text-primary)}.help-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-sm);color:var(--text-secondary)}.help-row kbd{min-width:34px;text-align:center}.help-about{font-size:var(--fs-xs);color:var(--text-muted);padding:var(--sp-1) var(--sp-2)}.rail{width:var(--rail-w);flex:none;display:flex;flex-direction:column;align-items:center;padding:calc(var(--topbar-h) + var(--sp-1) / 2) 0 var(--sp-3);background:var(--bg-rail);overflow:visible;z-index:20}.rail-ws-stack{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0 var(--sp-3);max-height:42%;overflow-y:auto;scrollbar-width:none;flex:none;width:100%}.rail-ws-stack::-webkit-scrollbar{display:none}.rail-ws-tile{position:relative;width:36px;height:36px;border-radius:var(--radius-lg);color:#fff;font-weight:var(--fw-bold);font-size:var(--fs-sm);display:flex;align-items:center;justify-content:center;flex:none;transition:border-radius var(--t-fast),transform var(--t-fast)}.rail-ws-tile:hover{border-radius:var(--radius-xl);transform:scale(1.05)}.rail-ws-tile.active{box-shadow:0 0 0 2px var(--bg-rail),0 0 0 4px var(--ws-active-outline)}.rail-ws-tile img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.rail-ws-add{background:transparent;border:1.5px dashed var(--text-muted);color:var(--text-secondary)}.rail-ws-add:hover{color:var(--text-primary);border-color:var(--text-secondary)}.rail-unread-dot{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--ws-active-outline);border:2px solid var(--bg-rail);box-sizing:content-box}.rail-mention-pill{position:absolute;bottom:-5px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-pill);background:var(--red-badge);color:#fff;font-size:10px;font-weight:var(--fw-bold);line-height:16px;text-align:center;border:2px solid var(--bg-rail);box-sizing:content-box}.rail-nav{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);width:100%;padding-top:var(--sp-1)}.rail-nav-item{width:58px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px 0;color:var(--text-secondary)}.rail-nav-icon{position:relative;width:36px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:background var(--t-fast)}.rail-nav-item:hover .rail-nav-icon{background:var(--rail-hover);color:var(--text-primary)}.rail-nav-item.active{color:var(--text-primary)}.rail-nav-item.active .rail-nav-icon{background:var(--bg-active)}.rail-nav-label{font-size:10px;font-weight:var(--fw-semibold)}.rail-nav-badge{bottom:auto;top:-5px}.rail-more-anchor{position:relative;display:flex;justify-content:center}.rail-menu{left:calc(100% + 10px);top:0}.rail-menu-bottom{top:auto;bottom:0}.rail-spacer{flex:1}.rail-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding-top:var(--sp-2)}.rail-create-btn{width:34px;height:34px;border-radius:50%;background:var(--create-btn-bg);color:var(--create-btn-fg);display:flex;align-items:center;justify-content:center;transition:transform var(--t-fast)}.rail-create-btn:hover{transform:scale(1.07)}.rail-round-btn{width:34px;height:34px;border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background var(--t-fast)}.rail-round-btn:hover,.rail-round-btn.active{background:var(--rail-hover);color:var(--text-primary)}.rail-avatar{position:relative;flex:none}.rail-avatar-btn{position:relative;display:block;border-radius:var(--radius-lg)}.rail-presence{position:absolute;right:-4px;bottom:-4px;background:var(--bg-rail);border-radius:50%;padding:2px;display:flex}.rail-status-emoji{position:absolute;top:-6px;right:-6px;font-size:11px;line-height:1}.user-menu{left:calc(100% + 10px);bottom:0}.user-menu-head{display:flex;gap:var(--sp-3);align-items:center;padding:var(--sp-2);border-bottom:1px solid var(--border);margin-bottom:var(--sp-2)}.user-menu-name{font-weight:var(--fw-bold);color:var(--text-primary)}.user-menu-fullname{font-weight:var(--fw-normal);color:var(--text-muted);font-size:var(--fs-sm)}.user-menu-sub{font-size:var(--fs-sm);color:var(--text-secondary)}.user-menu-status{font-size:var(--fs-sm);color:var(--text-secondary);padding:var(--sp-1) var(--sp-2) var(--sp-2);display:flex;gap:var(--sp-2);align-items:center}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);color:var(--text-secondary);display:flex;flex-direction:column;min-width:0;overflow:hidden}.sidebar-header{height:var(--header-h);flex:none;display:flex;align-items:center;gap:var(--sp-1);padding:0 var(--sp-2) 0 var(--sp-2);position:relative}.ws-header-btn{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-md);color:var(--text-primary);font-weight:var(--fw-bold);font-size:var(--fs-md);transition:background var(--t-fast),color var(--t-fast)}.ws-header-btn:hover{background:var(--bg-hover)}.ws-header-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-header-caret{display:inline-flex;opacity:.8;flex:none}.sidebar-header-actions{display:flex;gap:2px;flex:none}.sidebar-header-btn{width:28px;height:28px;border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;transition:background var(--t-fast),color var(--t-fast)}.sidebar-header-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-compose{background:var(--bg-hover)}.ws-menu{top:calc(var(--header-h) - 4px);left:var(--sp-2);right:var(--sp-2)}.ws-menu-meta{font-size:var(--fs-xs);color:var(--text-muted);padding:var(--sp-1) var(--sp-3) var(--sp-2);border-bottom:1px solid var(--border);margin-bottom:var(--sp-2)}.sidebar-find{padding:0 var(--sp-3) var(--sp-2);flex:none}.sidebar-find input{width:100%;height:28px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);padding:0 var(--sp-3);font-size:var(--fs-sm)}.sidebar-find input::placeholder{color:var(--text-muted)}.sidebar-find input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.sidebar-body{flex:1;overflow-y:auto;padding:var(--sp-1) var(--sp-2) var(--sp-6)}.sidebar-section{margin-bottom:var(--sp-3)}.sidebar-specials{margin-bottom:var(--sp-4)}.sidebar-section-label{display:flex;align-items:center;gap:var(--sp-1);width:100%;font-size:var(--fs-sm);color:var(--text-muted);padding:2px var(--sp-2);border-radius:var(--radius-md);margin-bottom:2px;transition:background var(--t-fast),color var(--t-fast)}.sidebar-section-label:hover{color:var(--text-secondary);background:var(--bg-hover)}.sidebar-section-label svg{vertical-align:middle}.section-caret{display:inline-flex;transition:transform var(--t-fast)}.section-caret.closed{transform:rotate(-90deg)}.side-row{display:flex;align-items:center;gap:var(--sp-2);width:100%;height:28px;padding:0 var(--sp-2);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--fs-md);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t-fast),color var(--t-fast)}.side-row:hover{background:var(--bg-hover)}.side-row.active{background:var(--bg-active);color:var(--text-primary)}.side-row.unread{color:var(--text-primary);font-weight:var(--fw-bold)}.side-row.muted-conv{color:color-mix(in srgb,var(--text-secondary) 60%,transparent)}.side-glyph{width:20px;display:inline-flex;justify-content:center;align-items:center;flex:none;opacity:.9}.side-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-draft{display:inline-flex;color:var(--text-muted);flex:none}.side-shared{display:inline-flex;align-items:center;color:var(--accent);flex:none}.side-huddle{display:inline-flex;align-items:center;gap:2px;color:var(--green-presence);animation:huddle-pulse 1.2s ease-in-out infinite;flex:none}.side-huddle-count{font-size:11px;font-weight:var(--fw-bold)}@keyframes huddle-pulse{0%,to{opacity:1}50%{opacity:.4}}.side-badge{min-width:18px;padding:0 5px;height:16px;border-radius:var(--radius-pill);background:var(--red-badge);color:#fff;font-size:11px;font-weight:var(--fw-bold);line-height:16px;text-align:center;flex:none}.side-badge-muted{background:var(--bg-active);color:var(--text-primary)}.side-hide-x{display:none;align-items:center;color:var(--text-muted);border-radius:var(--radius-sm);padding:2px;flex:none}.side-hide-x:hover{color:var(--text-primary);background:var(--bg-active)}.side-row-dm:hover .side-hide-x{display:inline-flex}.side-action{position:relative;display:flex;align-items:center;width:100%;text-align:left;padding:var(--sp-1) var(--sp-2) var(--sp-1) 36px;border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--fs-sm);transition:background var(--t-fast),color var(--t-fast)}.side-action>.side-glyph{position:absolute;left:var(--sp-2);top:50%;transform:translateY(-50%)}.side-action:hover{background:var(--bg-hover);color:var(--text-primary)}.side-action.act-more{padding:var(--sp-1) var(--sp-2)}.side-add-anchor{position:relative}.side-add-menu{left:var(--sp-2);top:calc(100% + 2px)}.dm-avatar{position:relative;display:inline-flex}.dm-avatar-presence{position:absolute;right:-4px;bottom:-4px;background:var(--bg-sidebar);border-radius:50%;padding:2px;display:flex;transition:background var(--t-fast)}.side-row:hover .dm-avatar-presence{background:var(--bg-hover)}.side-row.active .dm-avatar-presence{background:var(--bg-active)}.dm-status-emoji{position:absolute;top:-6px;right:-7px;font-size:10px;line-height:1}.dm-group-badge{width:16px;height:16px;border-radius:var(--radius-sm);background:var(--bg-active);border:1px solid var(--border);color:var(--text-secondary);font-size:10px;font-weight:var(--fw-bold);display:inline-flex;align-items:center;justify-content:center}.dm-avatar-stack .dm-group-badge{position:absolute;right:-5px;bottom:-3px;box-shadow:0 0 0 2px var(--bg-sidebar);transition:box-shadow var(--t-fast)}.side-row:hover .dm-avatar-stack .dm-group-badge{box-shadow:0 0 0 2px var(--bg-hover)}.side-row.active .dm-avatar-stack .dm-group-badge{box-shadow:0 0 0 2px var(--bg-active)}.bot-avatar{width:20px;height:20px;border-radius:var(--radius-md);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}.bot-glyph{color:var(--text-secondary)}.main.conv{display:flex;flex-direction:column}.conv-header{height:var(--header-h);flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:0 var(--sp-3);min-width:0}.conv-header-left{display:flex;align-items:center;gap:var(--sp-2);min-width:0;flex:1}.conv-star{width:26px;height:26px;border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;flex:none}.conv-star:hover{background:var(--bg-hover);color:var(--text-primary)}.conv-star.starred{color:var(--yellow-star)}.conv-title-btn{display:flex;align-items:center;gap:5px;padding:3px var(--sp-2);border-radius:var(--radius-md);color:var(--text-primary);font-weight:var(--fw-bold);font-size:17px;min-width:0;flex:none;max-width:45%}.conv-title-btn:hover{background:var(--bg-hover)}.conv-title-btn svg{flex:none;color:var(--text-secondary)}.conv-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-dm-avatar{display:inline-flex}.shared-pill,.archived-pill{flex:none;font-size:var(--fs-xs);padding:1px var(--sp-2);border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--accent);background:var(--bg-hover)}.archived-pill{color:var(--text-muted)}.shared-pill-anchor{position:relative;display:inline-flex;flex:none}button.shared-pill{cursor:pointer}button.shared-pill:hover{border-color:var(--accent)}.shares-popover{left:0;top:calc(100% + 6px);min-width:240px}.share-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--radius-sm)}.share-row .ws-mini-tile{flex:none}.share-row-main{display:flex;flex-direction:column;min-width:0}.share-row-name{font-size:var(--fs-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-row-note{font-size:var(--fs-xs);color:var(--text-muted)}.avatar-upload-row{display:flex;align-items:center;gap:var(--sp-3)}.conv-topic{color:var(--text-muted);font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;text-align:left;padding:2px var(--sp-1);border-radius:var(--radius-sm)}.conv-topic:hover{color:var(--text-secondary)}.pane-skeleton{padding:var(--sp-4) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-5);flex:1}.sk-row{display:flex;gap:var(--sp-3);align-items:flex-start}.sk-avatar{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-hover);flex:none;animation:sk-pulse 1.4s ease-in-out infinite}.sk-lines{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;padding-top:2px}.sk-bar{height:10px;border-radius:5px;background:var(--bg-hover);animation:sk-pulse 1.4s ease-in-out infinite}.sk-bar-name{height:12px;opacity:.9}@keyframes sk-pulse{0%,to{opacity:.55}50%{opacity:1}}.pane-skeleton.thread-skeleton{flex:none;padding:var(--sp-3) var(--sp-4);gap:var(--sp-4)}.conv-dm-status{display:inline-flex;align-items:center;gap:var(--sp-1);margin-left:var(--sp-1);color:var(--text-muted);font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.conv-dm-status-emoji{font-size:14px}.conv-header-right{display:flex;align-items:center;gap:var(--sp-1);flex:none}.header-icon-btn{width:28px;height:28px;border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.header-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header-icon-btn.muted{opacity:.5}.header-menu{right:0;top:calc(100% + 6px)}.members-anchor{position:relative}.conv-facepile{display:flex;align-items:center;padding:3px 8px 3px 6px;border:1px solid var(--border);border-radius:var(--radius-md)}.conv-facepile:hover{background:var(--bg-hover)}.conv-facepile .avatar{margin-left:-7px;box-shadow:0 0 0 1.5px var(--bg-content)}.conv-facepile .avatar:first-child{margin-left:0}.conv-facepile-count{margin-left:var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-secondary)}.huddle-split{position:relative;display:flex;align-items:stretch;border:1px solid var(--border);border-radius:var(--radius-md)}.huddle-split-main{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;color:var(--text-secondary);border-radius:5px 0 0 5px}.huddle-split-caret{display:inline-flex;align-items:center;padding:0 4px;border-left:1px solid var(--border);color:var(--text-secondary);border-radius:0 5px 5px 0}.huddle-split-main:hover,.huddle-split-caret:hover{background:var(--bg-hover);color:var(--text-primary)}.huddle-split.live{background:var(--green-presence);border-color:var(--green-presence)}.huddle-split.live .huddle-split-main,.huddle-split.live .huddle-split-caret{color:#fff}.huddle-split.live .huddle-split-main:hover,.huddle-split.live .huddle-split-caret:hover{background:#00000026}.huddle-live-count{font-size:var(--fs-xs);font-weight:var(--fw-bold)}.conv-tabs{flex:none;display:flex;align-items:center;gap:2px;height:38px;padding:0 var(--sp-3);border-bottom:1px solid var(--border)}.conv-tab{display:inline-flex;align-items:center;gap:5px;height:100%;padding:0 var(--sp-3);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);border-bottom:2px solid transparent;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast)}.conv-tab:hover{color:var(--text-primary)}.conv-tab.active{color:var(--ws-active-outline);border-bottom-color:var(--ws-active-outline)}.conv-tab-dot{width:7px;height:7px;border-radius:50%;background:var(--ws-active-outline)}.conv-tab-add-anchor{position:relative;height:100%;display:flex}.conv-tab-add{padding:0 var(--sp-2)}.conv-tab-add-anchor .header-menu{top:calc(100% + 2px);left:0;right:auto}.member-popover{right:0;top:calc(100% + 6px);max-height:320px;overflow-y:auto}.member-row{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);text-align:left}.member-row:hover{background:var(--bg-hover)}.member-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-split{display:flex;flex:1;min-height:0}.conv-col{flex:1;min-width:0;display:flex;flex-direction:column}.message-pane-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.message-pane{flex:1;overflow-y:auto;overflow-anchor:none;display:flex;flex-direction:column;padding:var(--sp-4) 0 var(--sp-2);scroll-padding-top:44px;scroll-padding-bottom:56px}.history-sentinel{flex:none;height:1px}.history-loading{text-align:center;color:var(--text-muted);font-size:var(--fs-sm);padding:var(--sp-2)}.history-start{color:var(--text-secondary);font-size:var(--fs-md);padding:var(--sp-3) var(--sp-5) var(--sp-4);margin-top:auto}.pane-empty{padding:0 var(--sp-5) var(--sp-4)}.pane-empty-lead{color:var(--text-primary);font-size:var(--fs-md);font-weight:var(--fw-bold);margin-bottom:2px}.pane-empty-hint{color:var(--text-muted);font-size:var(--fs-sm)}.day-group{position:relative}.day-group:before{content:"";position:absolute;top:17px;left:var(--sp-4);right:var(--sp-4);height:1px;background:var(--border)}.day-divider{position:sticky;top:0;z-index:3;display:flex;justify-content:center;padding:var(--sp-1) var(--sp-4)}.day-pill-anchor{position:relative}.day-pill{display:inline-flex;align-items:center;gap:4px;background:var(--bg-content);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px var(--sp-3);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-primary)}.day-pill:hover{background:var(--bg-hover)}.day-jump-menu{top:calc(100% + 4px);left:50%;transform:translate(-50%);width:240px}.new-divider{display:flex;align-items:center;margin:2px var(--sp-4);height:14px}.new-divider:before{content:"";flex:1;height:1px;background:var(--red-badge)}.new-divider-label{color:var(--red-badge);font-size:var(--fs-xs);font-weight:var(--fw-bold);padding-left:var(--sp-2)}.msg-row{position:relative;display:flex;gap:var(--sp-2);padding:3px var(--sp-5) 3px var(--sp-4);content-visibility:auto;contain-intrinsic-size:auto 38px}.msg-row:not(.grouped){padding-top:8px}.msg-row:hover,.msg-row.menu-open{background:var(--bg-hover)}.msg-row.pending{opacity:.65}.msg-row.failed{opacity:1}.msg-row.mention-wash{background:var(--mention-pill-bg);box-shadow:inset 3px 0 0 var(--mention-pill-text)}.msg-row.mention-wash:hover{background:var(--mention-pill-bg)}.msg-row.flash{animation:msg-flash 3s ease-out 1}@keyframes msg-flash{0%,25%{background-color:var(--mention-pill-bg)}to{background-color:transparent}}.msg-gutter{flex:none;width:36px;display:flex;justify-content:flex-end;align-items:flex-start}.msg-gutter .avatar{border-radius:var(--radius-md)}.gutter-ts{visibility:hidden;font-size:10.5px;color:var(--text-muted);line-height:22px;white-space:nowrap}.msg-row:hover .gutter-ts{visibility:visible}.msg-main{min-width:0;flex:1}.msg-head{display:flex;align-items:baseline;gap:var(--sp-2)}.msg-author{font-weight:var(--fw-bold);color:var(--text-primary);padding:0;background:none;border:none;cursor:pointer;font-size:var(--fs-md);display:inline-flex;align-items:center;gap:5px}.msg-author:hover{text-decoration:underline}.bot-pill{font-size:10px;font-weight:var(--fw-bold);color:var(--text-secondary);background:var(--bg-active);border-radius:3px;padding:0 4px;letter-spacing:.4px}.msg-time{font-size:var(--fs-xs);color:var(--text-muted);text-decoration:none}.msg-time:hover{text-decoration:underline}.msg-row.failed .msg-time{color:var(--red-badge)}.msg-body{font-size:var(--fs-md);line-height:var(--lh-msg);white-space:pre-wrap;word-break:break-word}.msg-body.tombstone{color:var(--text-muted);font-style:italic}.msg-edited{font-size:var(--fs-xs);color:var(--text-muted);margin-left:4px;-webkit-user-select:none;user-select:none}.msg-underline{text-decoration:underline}.msg-link{color:var(--accent);text-decoration:none}.msg-link:hover{text-decoration:underline}.msg-emoji{font-size:17px;line-height:1;vertical-align:-2px}.msg-quote{border-left:3px solid var(--border-strong);color:var(--text-secondary);padding:2px 0 2px var(--sp-3);margin:2px 0;white-space:pre-wrap}.msg-list{margin:2px 0;padding-left:22px;white-space:normal}.msg-list li{line-height:var(--lh-msg)}.mention-pill{background:var(--mention-pill-bg);color:var(--mention-pill-text);border-radius:var(--radius-sm);padding:0 3px;font-weight:var(--fw-semibold)}.msg-system{color:var(--text-muted);font-size:var(--fs-sm);padding:var(--sp-1) var(--sp-5) var(--sp-1) calc(var(--sp-4) + 36px + var(--sp-2))}.msg-system-time{margin-left:var(--sp-2);font-size:var(--fs-xs)}.msg-code,.msg-codeblock{font-family:var(--font-mono);font-size:13px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.msg-code{padding:0 4px}.msg-codeblock{padding:var(--sp-2) var(--sp-3);overflow-x:auto;margin:var(--sp-1) 0;white-space:pre}.msg-failed-bar{font-size:var(--fs-sm);color:var(--red-badge);display:flex;gap:var(--sp-1);align-items:center;margin-top:2px}.msg-actions{display:none;position:absolute;top:-14px;right:var(--sp-5);align-items:center;gap:1px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:2px;box-shadow:0 1px 3px #00000059;z-index:4}.msg-row:hover .msg-actions,.msg-row.menu-open .msg-actions{display:flex}.msg-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:15px;background:none;border:none;cursor:pointer}.msg-action:hover{background:var(--bg-active);color:var(--text-primary)}.msg-action.active{color:var(--red-badge)}.msg-action-anchor{position:relative}.msg-kebab{top:calc(100% + 4px);right:0;width:240px;z-index:6}.remind-item{position:relative;padding:0}.remind-label{display:block;width:100%;text-align:left;padding:var(--sp-2) var(--sp-3);background:none;border:none;color:inherit;font-size:inherit;cursor:pointer}.remind-menu{top:0;right:calc(100% + 2px);width:160px}.picker-toolbar{position:absolute;top:calc(100% + 4px);right:0;z-index:7}.picker-up{position:absolute;bottom:calc(100% + 4px);left:0;z-index:7}.picker-composer{position:absolute;bottom:calc(100% + 8px);left:-8px;z-index:7}.msg-reactions{display:flex;gap:var(--sp-1);margin-top:var(--sp-1);flex-wrap:wrap;align-items:center}.reaction-chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--fs-sm);color:var(--text-secondary);padding:1px var(--sp-2);cursor:pointer}.reaction-chip:hover{border-color:var(--text-secondary)}.reaction-chip.mine{background:var(--bg-active);border-color:var(--accent);color:var(--text-primary)}.reaction-glyph{font-size:15px;line-height:1}.reaction-add-anchor{position:relative}.reaction-add{padding:3px var(--sp-2);color:var(--text-muted)}.thread-bar{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);padding:3px var(--sp-2);border:1px solid transparent;border-radius:var(--radius-md);background:none;cursor:pointer;max-width:560px;text-align:left}.thread-bar:hover{background:var(--bg-elevated);border-color:var(--border);box-shadow:0 1px 3px #0000004d}.thread-bar-faces{display:flex;gap:2px}.thread-bar-faces .avatar{border-radius:4px}.thread-bar-count{color:var(--accent);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.thread-bar-last{color:var(--text-muted);font-size:var(--fs-sm)}.thread-bar-view{display:none;color:var(--text-muted);font-size:var(--fs-sm);margin-left:auto}.thread-bar:hover .thread-bar-view{display:inline}.fwd-block{border-left:3px solid var(--border-strong);padding:2px var(--sp-3);margin:var(--sp-1) 0}.fwd-head{display:flex;align-items:baseline;gap:var(--sp-2)}.fwd-head .avatar{align-self:center;border-radius:4px}.fwd-author{font-weight:var(--fw-bold);font-size:var(--fs-sm)}.fwd-time{font-size:var(--fs-xs);color:var(--text-muted)}.fwd-body{font-size:var(--fs-md);line-height:var(--lh-msg);white-space:pre-wrap;word-break:break-word}.fwd-source{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.att-list{display:flex;flex-direction:column;gap:var(--sp-1);margin-top:var(--sp-1)}.att-filename{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:var(--fs-xs);background:none;border:none;padding:0;cursor:pointer;max-width:360px}.att-filename:hover{color:var(--text-secondary)}.att-filename-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-filename svg{transition:transform var(--t-fast)}.att-filename.collapsed svg{transform:rotate(-90deg)}.att-image-card{display:block;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elevated);cursor:zoom-in}.att-image-card img{display:block;width:100%;height:100%;object-fit:cover}.att-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:3px;max-width:366px}.att-mosaic-tile{position:relative;height:180px;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elevated);cursor:zoom-in}.att-mosaic-tile img{display:block;width:100%;height:100%;object-fit:cover}.att-mosaic-more{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;font-size:var(--fs-lg);font-weight:var(--fw-bold)}.att-file-card{display:flex;align-items:center;gap:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);padding:var(--sp-2) var(--sp-3);max-width:360px;text-decoration:none;color:var(--text-primary)}.att-file-card:hover{border-color:var(--border-strong)}.att-file-icon{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--bg-active);color:var(--text-secondary)}.att-file-meta{min-width:0;display:flex;flex-direction:column}.att-file-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-file-size{font-size:var(--fs-xs);color:var(--text-muted)}.att-clip{display:flex;flex-direction:column;gap:2px;max-width:420px}.att-clip audio{width:100%;max-width:360px}.att-clip video{width:100%;max-width:420px;border-radius:var(--radius-md);border:1px solid var(--border);background:#000}.att-clip-meta{font-size:var(--fs-xs);color:var(--text-muted)}.image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#000000d1;display:flex;align-items:center;justify-content:center}.image-viewer-img{max-width:min(88vw,1400px);max-height:82vh;border-radius:var(--radius-md);object-fit:contain}.image-viewer-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);color:#fff}.image-viewer-name{flex:1;font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffff1f;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.image-viewer-nav:hover{background:#ffffff38}.image-viewer-nav.prev{left:var(--sp-4)}.image-viewer-nav.next{right:var(--sp-4)}.jump-latest-pill{position:absolute;bottom:var(--sp-3);left:50%;transform:translate(-50%);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-pill);padding:var(--sp-1) var(--sp-4);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;box-shadow:0 2px 8px #0006;z-index:5}.jump-latest-pill:hover{filter:brightness(1.1)}.local-notices{padding:0 var(--sp-5)}.local-notice{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-secondary);padding:var(--sp-1) 0;flex-wrap:wrap}.local-notice-tag{font-size:var(--fs-xs);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 4px}.typing-indicator{flex:none;min-height:18px;padding:0 var(--sp-5);font-size:var(--fs-xs);color:var(--text-muted);font-style:italic}.edit-composer{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-content);padding:var(--sp-2)}.edit-composer textarea{display:block;width:100%;resize:none;border:none;background:transparent;color:var(--text-primary);font-size:var(--fs-md);line-height:var(--lh-msg)}.edit-composer textarea:focus{box-shadow:none}.edit-composer-bar{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-2)}.edit-composer-bar .btn{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm)}.composer2{position:relative;flex:none;margin:var(--sp-1) var(--sp-4) var(--sp-4)}.composer2.in-thread{margin:var(--sp-2) var(--sp-3) var(--sp-3)}.drop-banner{position:absolute;bottom:calc(100% + 6px);left:0;right:0;z-index:40;padding:var(--sp-3);text-align:center;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--accent);background:var(--bg-elevated);border:1.5px dashed var(--accent);border-radius:var(--radius-md);pointer-events:none}.composer-box{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-content)}.composer-box:focus-within{border-color:var(--text-secondary)}.composer-box textarea{display:block;width:100%;min-height:var(--composer-min-h);max-height:40vh;resize:none;border:none;background:transparent;padding:var(--sp-2) var(--sp-3);color:var(--text-primary);font-size:var(--fs-md);line-height:var(--lh-msg)}.composer-box textarea::placeholder{color:var(--text-muted)}.composer-box textarea:focus{box-shadow:none}.comp-toolbar{display:flex;align-items:center;gap:1px;padding:var(--sp-1) var(--sp-2);border-bottom:1px solid var(--border)}.comp-tb-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:24px;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-secondary);cursor:pointer}.comp-tb-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.comp-tb-btn:disabled{opacity:.4;cursor:not-allowed}.comp-tb-sep{width:1px;height:16px;background:var(--border);margin:0 var(--sp-1)}.tb-glyph{font-size:13px;font-weight:var(--fw-bold);white-space:nowrap}.tb-italic{font-style:italic;font-family:Georgia,serif}.tb-underline{text-decoration:underline}.tb-strike{text-decoration:line-through}.tb-code{font-family:var(--font-mono);font-size:11px}.tb-small{font-size:11px}.comp-bottom{display:flex;align-items:center;gap:2px;padding:var(--sp-1) var(--sp-2) var(--sp-2)}.comp-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 5px;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer}.comp-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.comp-btn:disabled{opacity:.4;cursor:not-allowed}.comp-attach{background:var(--bg-active);border-radius:50%;width:26px;min-width:26px;height:26px}.aa-btn{font-size:13px;font-weight:var(--fw-bold)}.aa-btn.active{text-decoration:underline;color:var(--text-primary);background:var(--bg-active)}.comp-slash{font-family:var(--font-mono);border:1px solid var(--border);width:24px;min-width:24px;height:24px}.comp-sep{width:1px;height:18px;background:var(--border);margin:0 var(--sp-1)}.comp-spacer{flex:1}.comp-anchor{position:relative}.comp-send-group{position:relative;display:inline-flex}.comp-send,.comp-send-caret{display:inline-flex;align-items:center;justify-content:center;height:28px;border:none;background:transparent;color:var(--text-muted);cursor:pointer}.comp-send{width:34px;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.comp-send-caret{width:20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:1px solid var(--bg-content)}.comp-send.ready,.comp-send-caret.ready{background:var(--green-presence);color:#fff}.comp-send:hover:not(:disabled),.comp-send-caret:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.comp-send.ready:hover:not(:disabled),.comp-send-caret.ready:hover:not(:disabled){background:var(--green-presence);color:#fff;filter:brightness(.92)}.comp-send:disabled,.comp-send-caret:disabled{cursor:not-allowed}.schedule-menu{bottom:calc(100% + 6px);top:auto;right:0;width:230px}.schedule-custom{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2)}.also-send{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);color:var(--text-secondary);margin-left:var(--sp-2);white-space:nowrap}.staged-list{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:0 var(--sp-3) var(--sp-2)}.staged-chip{position:relative;display:flex;align-items:center;gap:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);padding:var(--sp-1) var(--sp-2);max-width:260px;overflow:hidden}.staged-chip.error{border-color:var(--red-badge)}.staged-thumb{width:36px;height:36px;object-fit:cover;border-radius:var(--radius-sm)}.staged-kind{font-size:20px}.staged-meta{min-width:0;display:flex;flex-direction:column}.staged-name{font-size:var(--fs-xs);font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staged-size{font-size:11px;color:var(--text-muted)}.staged-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--accent);transition:width var(--t-fast)}.staged-remove{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:none;background:var(--bg-active);color:var(--text-secondary);cursor:pointer}.staged-remove:hover{color:var(--text-primary)}.ac-popover{position:absolute;bottom:calc(100% + 6px);left:0;right:0;max-height:280px;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);z-index:8;padding:var(--sp-1)}.ac-row{display:flex;align-items:center;gap:var(--sp-2);width:100%;text-align:left;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);background:none;border:none;color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer}.ac-row.selected{background:var(--accent);color:#fff}.ac-row.selected .ac-handle,.ac-row.selected .ac-slash-desc,.ac-row.selected .ac-slash-hint{color:#fffc}.ac-row .avatar{border-radius:4px}.ac-name{font-weight:var(--fw-semibold)}.ac-handle{color:var(--text-muted)}.ac-emoji{font-size:17px}.ac-special{font-weight:var(--fw-bold);color:var(--mention-pill-text)}.ac-slash-name{font-family:var(--font-mono);font-weight:var(--fw-bold)}.ac-slash-hint{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-xs)}.ac-slash-desc{color:var(--text-muted);margin-left:auto;font-size:var(--fs-xs)}.ac-divider{font-size:var(--fs-xs);color:var(--text-muted);padding:var(--sp-1) var(--sp-2);border-top:1px solid var(--border);margin-top:var(--sp-1)}.slash-menu{bottom:calc(100% + 6px);top:auto;left:0;width:320px}.slash-item{display:flex;gap:var(--sp-2);align-items:baseline}.emoji-picker{width:300px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);display:flex;flex-direction:column;z-index:9}.emoji-search{margin:var(--sp-2);padding:var(--sp-1) var(--sp-2);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--fs-sm)}.emoji-scroll{max-height:260px;overflow-y:auto;padding:0 var(--sp-2) var(--sp-2)}.emoji-cat-title{font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-semibold);padding:var(--sp-2) 2px 2px;position:sticky;top:0;background:var(--bg-elevated)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr)}.emoji-cell{font-size:18px;padding:3px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;line-height:1.3}.emoji-cell:hover{background:var(--bg-hover)}.clip-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0009;display:flex;align-items:center;justify-content:center}.clip-card{width:440px;max-width:92vw;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.clip-title{display:flex;align-items:center;justify-content:space-between;font-weight:var(--fw-bold)}.clip-video{width:100%;border-radius:var(--radius-md);background:#000;aspect-ratio:16 / 9}.clip-audio-anim{display:flex;align-items:center;justify-content:center;height:90px;color:var(--red-badge);animation:rec-pulse 1.4s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:.6}50%{opacity:1}}.clip-timer{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-sm)}.rec-dot{width:9px;height:9px;border-radius:50%;background:var(--red-badge);animation:rec-pulse 1.2s infinite}.clip-actions{display:flex;gap:var(--sp-2);justify-content:flex-end}.clip-uploading{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-secondary)}.thread-panel{flex:none;width:400px;min-width:320px;border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0;background:var(--bg-content)}.thread-header{flex:none;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-3);border-bottom:1px solid var(--border)}.thread-header-title{display:flex;align-items:center;gap:var(--sp-2);font-weight:var(--fw-bold);font-size:var(--fs-md)}.thread-header-conv{color:var(--text-muted);font-weight:var(--fw-normal);font-size:var(--fs-sm)}.thread-scroll{flex:1;overflow-y:auto;padding:var(--sp-3) 0;overflow-anchor:none}.thread-count-rule{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-4);color:var(--text-muted);font-size:var(--fs-sm)}.thread-rule-line{flex:1;height:1px;background:var(--border)}.pins-tab{flex:1;overflow-y:auto;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.pin-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);padding:var(--sp-3)}.pin-card-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1);font-size:var(--fs-sm)}.pin-card-head .avatar{border-radius:4px}.pin-card-author{font-weight:var(--fw-bold)}.pin-card-time{color:var(--text-muted);font-size:var(--fs-xs)}.pin-card-body{font-size:var(--fs-md);line-height:var(--lh-msg);white-space:pre-wrap;word-break:break-word}.fwd-modal{display:flex;flex-direction:column;gap:var(--sp-3)}.fwd-target-list{max-height:220px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-1)}.fwd-target{display:flex;align-items:center;gap:var(--sp-2);width:100%;text-align:left;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);background:none;border:none;color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer}.fwd-target:hover{background:var(--bg-hover)}.fwd-target.selected{background:var(--accent);color:#fff}.fwd-target .avatar{border-radius:4px}.fwd-target-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-chip{font-size:var(--fs-xs);color:var(--text-secondary);background:var(--bg-active);border-radius:var(--radius-sm);padding:0 5px;font-weight:var(--fw-bold)}.fwd-target.selected .ws-chip{background:#fff3;color:#fff}.fwd-comment{width:100%;resize:vertical;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-md)}.fwd-preview{background:var(--bg-content);border-radius:var(--radius-sm)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}.preview-footer{flex:none;margin:0 var(--sp-4) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);padding:var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.view-scaffold{display:flex;flex-direction:column}.view-header{display:flex;align-items:center;gap:var(--sp-2);height:var(--header-h);flex:none;padding:0 var(--sp-4);border-bottom:1px solid var(--border);color:var(--text-primary)}.view-header h1{font-size:17px;font-weight:var(--fw-bold);margin:0}.view-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);text-align:center;padding:var(--sp-8);color:var(--text-secondary)}.view-empty-icon{width:88px;height:88px;border-radius:22px;background:var(--bg-hover);color:var(--text-muted);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-2)}.view-empty-title{font-weight:var(--fw-bold);font-size:var(--fs-lg);color:var(--text-primary)}.view-empty-hint{max-width:440px;font-size:var(--fs-sm);color:var(--text-muted)}.tab-shell{background:var(--bg-content)}.ov-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#00000073;display:flex;justify-content:center;align-items:flex-start;padding:calc(var(--topbar-h) + 8px) var(--sp-4) var(--sp-4)}.ov-panel{width:min(900px,100%);max-height:74vh;display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);overflow:hidden}.ov-header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);flex:none}.ov-header-icon{display:inline-flex;color:var(--text-muted);flex:none}.ov-mode-prefix{font-weight:var(--fw-bold);flex:none}.ov-scope-chip{flex:none;background:var(--bg-active);border-radius:var(--radius-sm);padding:2px 6px;font-size:var(--fs-sm)}.ov-input-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-2);cursor:text}.ov-input-sizer{display:inline-grid;align-items:center;flex:0 1 auto;min-width:0;max-width:100%}.ov-input-sizer:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;overflow:hidden;grid-area:1 / 1;font-family:inherit;font-size:16px}.ov-input{grid-area:1 / 1;width:100%;min-width:2px;border:none;background:transparent;font-size:16px;color:var(--text-primary)}.ov-input::placeholder{color:var(--text-muted)}.ov-input:focus{box-shadow:none}.ov-mode-label{flex:none;color:var(--text-muted);font-size:var(--fs-sm);white-space:nowrap}.ov-clear{flex:none;color:var(--accent);font-size:var(--fs-sm)}.ov-clear:hover{text-decoration:underline}.ov-icon-btn{flex:none;width:26px;height:26px;border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.ov-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.ov-icon-btn.active{color:var(--accent)}.ov-filter-anchor{position:relative}.ov-filter-menu{right:0;top:calc(100% + 6px)}.ov-body{flex:1;overflow-y:auto;padding:var(--sp-2)}.ov-empty{padding:var(--sp-10) var(--sp-8)}.ov-section-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:var(--sp-1) var(--sp-3)}.ov-row{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:7px var(--sp-3);border-radius:var(--radius-lg);text-align:left;font-size:var(--fs-md);color:var(--text-primary)}.ov-row.hl{background:var(--bg-active)}.ov-glyph{width:22px;display:inline-flex;justify-content:center;color:var(--text-secondary);flex:none}.ov-name{font-weight:var(--fw-semibold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-show-results .ov-name{font-weight:var(--fw-normal)}.ov-muted{color:var(--text-muted);font-size:var(--fs-sm);flex:none}.ov-statustext{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-status{font-size:var(--fs-sm)}.ov-enter-chip{margin-left:auto;flex:none;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;padding:1px 6px;color:var(--text-secondary)}.ov-gdm-icon{position:relative;width:22px;flex:none}.ov-gdm-count{position:absolute;right:-5px;bottom:-5px;background:var(--bg-active);border:1px solid var(--border);border-radius:4px;font-size:9px;font-weight:var(--fw-bold);padding:0 3px;line-height:1.4}.ov-ws-badge{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:var(--fs-xs);color:var(--text-muted);background:var(--bg-hover);padding:1px 7px 1px 3px;border-radius:var(--radius-pill)}.ov-ws-badge .ws-mini-tile{width:14px;height:14px;font-size:8px;border-radius:3px}.ov-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);padding:0 var(--sp-2);margin-bottom:var(--sp-2)}.ov-tab{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);border-bottom:2px solid transparent}.ov-tab:hover{color:var(--text-primary)}.ov-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.ov-tab-count{margin-left:5px;background:var(--bg-hover);border-radius:var(--radius-pill);padding:0 6px;font-size:11px}.ov-result{display:flex;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-lg);text-align:left}.ov-result.hl{background:var(--bg-active)}.ov-result-slim{align-items:center;gap:var(--sp-2)}.ov-result-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.ov-result-head{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);flex-wrap:wrap}.ov-date{margin-left:auto}.ov-snippet{font-size:14px;color:var(--text-secondary)}.ov-snippet em{font-style:normal;color:var(--text-primary);background:var(--mention-pill-bg);border-radius:2px}.ov-footer{flex:none;display:flex;align-items:center;gap:var(--sp-1);border-top:1px solid var(--border);padding:var(--sp-2) var(--sp-4);font-size:var(--fs-xs);color:var(--text-muted)}.channel-details{width:640px;max-height:84vh}.cd-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--sp-5) var(--sp-6) var(--sp-1);flex:none}.cd-title{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.cd-title h2{margin:0;font-size:var(--fs-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-title svg{flex:none;color:var(--text-secondary)}.cd-actions{display:flex;gap:var(--sp-2);padding:var(--sp-2) var(--sp-6) var(--sp-3);flex:none;flex-wrap:wrap}.cd-action-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.cd-action-btn:hover{background:var(--bg-hover)}.cd-action-btn.starred{color:var(--yellow-star)}.cd-notify-anchor{position:relative}.cd-notify-anchor .header-menu{left:0;right:auto}.cd-tabs{padding:0 var(--sp-6);margin-bottom:0;flex:none}.cd-body{padding:var(--sp-4) var(--sp-6) var(--sp-6);overflow-y:auto}.cd-field{border:1px solid var(--border);border-radius:10px;padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3)}.cd-field-head{display:flex;align-items:center;justify-content:space-between}.cd-field-label{font-weight:var(--fw-bold);font-size:14px;display:block;margin-bottom:2px}.cd-field-value{color:var(--text-secondary);font-size:14px;white-space:pre-wrap;word-break:break-word}.cd-field-value.empty{color:var(--text-muted);font-style:italic}.cd-field-edit .text-input{margin:var(--sp-2) 0}.cd-field-actions{display:flex;gap:var(--sp-2);justify-content:flex-end}.cd-inline-form{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.cd-inline-form .text-input{flex:1;min-width:0}.cd-danger-row{display:block;width:100%;text-align:left;color:var(--red-badge);font-weight:var(--fw-semibold);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:10px}.cd-danger-row:hover:not(:disabled){background:var(--bg-hover)}.cd-danger-row:disabled{opacity:.5}.cd-hint{color:var(--text-muted);font-size:var(--fs-sm);margin:var(--sp-1) 0 var(--sp-3)}.cd-find{display:flex;align-items:center;gap:var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:6px var(--sp-3);margin-bottom:var(--sp-2);color:var(--text-muted)}.cd-find:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.cd-find input{flex:1;border:none;background:transparent;color:var(--text-primary)}.cd-find input:focus{box-shadow:none}.cd-find input::placeholder{color:var(--text-muted)}.cd-add-people{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-1);border-radius:var(--radius-lg);font-weight:var(--fw-semibold);color:var(--text-primary);text-align:left}.cd-add-people:hover{background:var(--bg-hover)}.cd-add-people-icon{width:36px;height:36px;border-radius:var(--radius-lg);background:var(--bg-hover);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex:none}.cd-add-panel{border:1px solid var(--border);border-radius:10px;padding:var(--sp-3);margin:var(--sp-1) 0 var(--sp-3)}.cd-member-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-1);border-radius:var(--radius-lg)}.cd-member-row:hover{background:var(--bg-hover)}.cd-member-main{display:flex;align-items:center;gap:var(--sp-3);flex:1;min-width:0;text-align:left}.cd-member-text{display:flex;flex-direction:column;min-width:0}.cd-member-line1{display:flex;align-items:center;gap:6px;font-size:var(--fs-md);min-width:0}.cd-member-line1 strong{white-space:nowrap}.cd-member-fullname{color:var(--text-muted);font-weight:var(--fw-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-member-you{color:var(--text-muted);font-size:var(--fs-sm)}.cd-member-status{font-size:var(--fs-sm)}.cd-member-title{color:var(--text-muted);font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-remove-link{color:var(--accent);font-size:var(--fs-sm);flex:none}.cd-remove-link:hover{text-decoration:underline}.cd-remove-link:disabled{opacity:.5}.cd-bot-btn{padding:4px 12px;font-size:var(--fs-sm)}.cd-bot-avatar{width:36px;height:36px;border-radius:var(--radius-lg);background:var(--accent-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}.cd-toggle-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:10px;margin-bottom:var(--sp-2);cursor:pointer}.cd-toggle-row.disabled{opacity:.6;cursor:default}.cd-toggle-row svg{flex:none;color:var(--text-secondary)}.cd-toggle-text{flex:1;display:flex;flex-direction:column;min-width:0}.cd-toggle-row input{width:16px;height:16px;accent-color:var(--accent)}.cd-share-list{display:flex;flex-direction:column;gap:var(--sp-2);margin:var(--sp-2) 0}.cd-share-row{display:flex;align-items:center;gap:var(--sp-2)}.cd-share-name{flex:1;min-width:0;font-size:14px}.conn-banner{flex:none;background:var(--mention-pill-bg);color:var(--mention-pill-text);font-size:var(--fs-sm);padding:var(--sp-1) var(--sp-4);border-bottom:1px solid var(--border)}.toasts{position:fixed;bottom:var(--sp-5);right:var(--sp-5);z-index:200;display:flex;flex-direction:column;gap:var(--sp-2)}.toast{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);max-width:360px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding:8vh var(--sp-4) var(--sp-4)}.modal{width:480px;max-width:100%;max-height:84vh;display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal)}.modal-wide{width:680px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);flex:none}.modal-header h2{margin:0;font-size:var(--fs-lg)}.modal-close{color:var(--text-secondary);font-size:var(--fs-md);padding:var(--sp-2);width:28px;height:28px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--sp-5);overflow-y:auto}.modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-5)}.text-input{width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-primary)}.text-input::placeholder{color:var(--text-muted)}.check-row{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-md);margin-bottom:var(--sp-3);cursor:pointer}.ums-chips{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-bottom:var(--sp-2)}.ums-chip{background:var(--bg-hover);border:1px solid var(--accent);border-radius:var(--radius-pill);font-size:var(--fs-sm);padding:1px var(--sp-2)}.ums-list{max-height:220px;overflow-y:auto;margin-top:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-md)}.ums-row{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);text-align:left}.ums-row:hover,.ums-row.selected{background:var(--bg-hover)}.ums-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ums-handle{color:var(--text-muted);font-size:var(--fs-sm);flex:1}.ums-check{color:var(--green-presence);font-weight:var(--fw-bold)}.browser-toolbar{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4)}.browser-toolbar .btn-secondary{flex:none;white-space:nowrap}.browser-list{display:flex;flex-direction:column}.browser-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2);border-bottom:1px solid var(--border)}.browser-row:last-child{border-bottom:none}.browser-name{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:2px}.browser-channel{font-weight:var(--fw-semibold)}.browser-meta{color:var(--text-muted);font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-actions{display:flex;gap:var(--sp-2);flex:none;align-items:center}.browser-actions .btn,.browser-actions .btn-secondary{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm)}.browser-joined{color:var(--text-muted);font-size:var(--fs-sm)}.swatch-row{display:flex;gap:var(--sp-2)}.swatch{width:26px;height:26px;border-radius:var(--radius-sm);border:2px solid transparent}.swatch.selected{border-color:var(--text-primary)}.ws-preview{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-secondary);margin-bottom:var(--sp-2)}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-3);margin-top:var(--sp-4)}.person-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1);padding:var(--sp-4);background:var(--bg-content);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left}.person-card:hover{border-color:var(--accent)}.person-name{font-weight:var(--fw-bold)}.person-fullname{font-weight:var(--fw-normal);color:var(--text-muted)}.person-sub{color:var(--text-secondary);font-size:var(--fs-sm);display:flex;align-items:center;gap:var(--sp-1)}.person-title,.person-status{color:var(--text-muted);font-size:var(--fs-sm)}.guest-pill,.deactivated-pill{font-size:10px;padding:0 var(--sp-2);border-radius:var(--radius-pill);background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);margin-left:var(--sp-1);letter-spacing:.03em}.profile-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);text-align:center}.profile-name{margin:var(--sp-2) 0 0;font-size:var(--fs-xl)}.profile-handle{color:var(--accent)}.profile-title,.profile-meta{color:var(--text-secondary);font-size:var(--fs-sm)}.profile-presence{display:flex;align-items:center;gap:var(--sp-1);color:var(--text-secondary);font-size:var(--fs-sm)}.profile-status{margin-top:var(--sp-1)}.profile-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-4)}.status-input-row{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3)}.status-emoji-select{width:130px;flex:none}.status-quick{display:flex;flex-direction:column}.status-quick-row{text-align:left;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm)}.status-quick-row:hover{background:var(--bg-hover)}.tabs{display:flex;gap:var(--sp-2);border-bottom:1px solid var(--border);margin-bottom:var(--sp-4)}.tab{padding:var(--sp-2) var(--sp-3);color:var(--text-secondary);border-bottom:2px solid transparent;font-weight:var(--fw-semibold);font-size:var(--fs-sm);white-space:nowrap}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.main.admin{display:flex;flex-direction:column}.admin-body{flex:1;overflow-y:auto;padding:var(--sp-5);max-width:960px;width:100%}.admin-toolbar{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-4);align-items:center}.admin-toolbar .text-input{max-width:320px}.admin-table{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.admin-table th{text-align:left;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:var(--sp-2);border-bottom:1px solid var(--border)}.admin-table td{padding:var(--sp-2);border-bottom:1px solid var(--border);vertical-align:middle}.admin-table tr.clickable{cursor:pointer}.admin-table tr.clickable:hover td{background:var(--bg-hover)}.admin-table tr.deactivated-row td{opacity:.55}.ws-cell{display:inline-flex;align-items:center;gap:var(--sp-2)}.ws-mini-tile{width:24px;height:24px;border-radius:var(--radius-sm);color:#fff;font-size:10px;font-weight:var(--fw-bold);display:inline-flex;align-items:center;justify-content:center;flex:none}.ws-chips{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.ws-chip{font-size:var(--fs-xs);padding:1px var(--sp-2);border-radius:var(--radius-pill);background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap}.role-select{width:auto;padding:2px var(--sp-2);font-size:var(--fs-sm)}.admin-h3{display:flex;align-items:center;gap:var(--sp-2);margin:var(--sp-2) 0 var(--sp-4)}.admin-sub{color:var(--text-secondary);font-weight:var(--fw-normal);font-size:var(--fs-sm)}.admin-inline-form{display:flex;gap:var(--sp-2);align-items:center;margin-bottom:var(--sp-4)}.admin-inline-form .text-input{max-width:280px}.initials-input{width:64px;flex:none;text-align:center}.admin-section{margin-top:var(--sp-6)}.admin-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.admin-section-head h4{margin:0}.admin-add-box{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-3);margin-bottom:var(--sp-4)}.admin-add-box .admin-inline-form{margin:var(--sp-3) 0 0}.back-btn{display:inline-block;margin-bottom:var(--sp-2);padding:0}select.text-input,select.role-select{background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--sp-1) var(--sp-2)}.view-two-pane{display:flex;flex-direction:row;min-width:0}.view-list-pane{flex:0 0 40%;max-width:480px;min-width:300px;display:flex;flex-direction:column;min-height:0;background:var(--bg-sidebar);border-right:1px solid var(--border)}.view-two-pane.wide-list .view-list-pane{flex-basis:42%;max-width:560px}.view-detail-pane{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0;background:var(--bg-content)}.view-detail-pane>.main.conv-embedded{flex:1;min-height:0}.view-detail-pane>.view-empty{flex:1}.view-single{display:flex;flex-direction:column;min-height:0}.view-list-header{flex:none;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.view-list-header h1{font-size:17px;font-weight:var(--fw-bold);margin:0;display:flex;align-items:center;gap:4px}.view-list-find{flex:none;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border)}.view-list-find input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--fs-sm);padding:6px var(--sp-3)}.view-list-find input:focus{outline:none;box-shadow:0 0 0 2px var(--accent)}.view-list-scroll{flex:1;min-height:0;overflow-y:auto}.chip{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:3px 10px;cursor:pointer;white-space:nowrap}.chip:hover{background:var(--bg-hover);color:var(--text-primary)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.ws-name-chip{font-weight:var(--fw-normal);font-size:var(--fs-xs);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:1px 6px;white-space:nowrap;flex:none}.switch{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.switch input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.switch input:focus-visible+.switch-track{box-shadow:0 0 0 2px var(--accent)}.switch-track{width:30px;height:17px;border-radius:999px;background:var(--bg-active);position:relative;transition:background var(--t-fast);flex:none}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:var(--text-secondary);transition:transform var(--t-fast),background var(--t-fast)}.switch input:checked+.switch-track{background:var(--green-presence)}.switch input:checked+.switch-track:after{transform:translate(13px);background:#fff}.switch-label{font-size:var(--fs-xs);color:var(--text-secondary);font-weight:var(--fw-semibold)}.preview-line{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.preview-line>*{white-space:nowrap}.preview-prefix{color:var(--text-secondary)}.preview-muted{color:var(--text-muted);font-style:italic}.preview-line .msg-quote,.preview-line .msg-list{display:inline;margin:0;padding:0;border:none}.dm-list-row{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--border) 45%,transparent)}.dm-list-row:hover{background:var(--bg-hover)}.dm-list-row.active{background:var(--bg-active)}.dm-list-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.dm-list-row:hover .dm-avatar-stack .dm-group-badge{box-shadow:0 0 0 2px var(--bg-hover)}.dm-list-row.active .dm-avatar-stack .dm-group-badge{box-shadow:0 0 0 2px var(--bg-active)}.dm-list-row:hover .dm-avatar-presence{background:var(--bg-hover)}.dm-list-row.active .dm-avatar-presence{background:var(--bg-active)}.dm-list-glyph{flex:none;padding-top:2px}.dm-list-glyph .dm-avatar{position:relative;display:inline-block}.dm-list-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dm-list-top{display:flex;align-items:baseline;gap:var(--sp-2)}.dm-list-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text-primary)}.dm-list-date{flex:none;font-size:var(--fs-xs);color:var(--text-muted)}.dm-list-preview{font-size:var(--fs-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-list-row.unread .dm-list-preview{color:var(--text-primary)}.dm-list-row .side-badge{margin-top:4px}.dm-empty{background:var(--bg-content)}.dm-empty svg{margin-bottom:var(--sp-2)}.act-tabs{flex:none;display:flex;align-items:center;gap:2px;padding:var(--sp-2) var(--sp-3) 0;border-bottom:1px solid var(--border)}.act-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.act-tab:hover{color:var(--text-primary)}.act-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.act-tab-add-anchor{position:relative}.act-tab-count{background:var(--bg-active);border-radius:999px;font-size:10px;padding:1px 6px;color:var(--text-secondary)}.act-filter-row{flex:none;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border)}.act-filter-row .sidebar-header-btn.active{background:var(--bg-active);color:var(--text-primary)}.act-view-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.act-view-btn{background:none;border:none;color:var(--text-muted);padding:4px 8px;cursor:pointer;display:inline-flex;align-items:center}.act-view-btn.active{background:var(--bg-active);color:var(--text-primary)}.act-select-chip .act-select-box{width:13px;height:13px;border:1.5px solid currentColor;border-radius:3px;font-size:9px;line-height:11px;text-align:center}.act-bulk-bar{flex:none;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);background:color-mix(in srgb,var(--accent) 14%,transparent);border-bottom:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-primary)}.act-list{outline:none}.act-list:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.act-day-pill-wrap{display:flex;justify-content:center;padding:var(--sp-3) 0 var(--sp-1)}.act-day-pill{pointer-events:none}.act-card{position:relative;display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--border) 45%,transparent)}.act-card:hover{background:var(--bg-hover)}.act-card.focused{box-shadow:inset 2px 0 0 var(--accent);background:var(--bg-hover)}.act-card.selected{background:color-mix(in srgb,var(--accent) 10%,transparent)}.act-card.read{opacity:.62}.act-card.read:hover{opacity:1}.act-card.compact{padding:var(--sp-1) var(--sp-4);align-items:center}.act-card.compact .act-preview{display:inline}.act-check{flex:none;margin-top:10px;accent-color:var(--accent)}.act-card.compact .act-check{margin-top:0}.act-avatar{position:relative;flex:none}.act-overlay{position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;border-radius:5px;background:var(--bg-sidebar);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.act-card:hover .act-overlay,.act-card.focused .act-overlay{background:var(--bg-hover)}.act-card.selected .act-overlay{background:color-mix(in srgb,var(--accent) 10%,var(--bg-sidebar))}.act-overlay-emoji{font-size:10px}.act-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.act-top{display:flex;align-items:baseline;gap:var(--sp-2);min-width:0}.act-name{font-weight:var(--fw-bold);color:var(--text-primary);font-size:var(--fs-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act-unread-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent)}.act-date{flex:none;margin-left:auto;font-size:var(--fs-xs);color:var(--text-muted)}.act-type-line{font-size:var(--fs-xs);color:var(--text-muted)}.act-preview{font-size:var(--fs-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act-card.unread .act-preview{color:var(--text-primary)}.act-reaction{margin-top:3px;align-self:flex-start;cursor:default}.act-actions{position:absolute;top:6px;right:var(--sp-3);display:none;gap:2px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:2px;z-index:3}.act-card:hover .act-actions,.act-card.focused .act-actions{display:flex}.act-dot-glyph{display:inline-block;width:9px;height:9px;border-radius:50%;border:1.5px solid currentColor}.act-more{margin:var(--sp-2) auto;display:block}.files-filters{flex:none;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--border);flex-wrap:wrap}.files-body{padding:var(--sp-4)}.directories-body{padding:0 var(--sp-5) var(--sp-5)}.directories-body .people-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.files-section-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:var(--sp-2) 0}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}.file-tile{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:0 0 var(--sp-2);cursor:pointer;text-align:left;color:var(--text-primary);display:flex;flex-direction:column;gap:3px;overflow:hidden;min-width:0}.file-tile:hover{border-color:var(--border-strong);background:var(--bg-hover)}.file-tile.active{background:var(--bg-active);border-color:var(--border-strong)}.file-tile-media{position:relative;height:110px;background:var(--bg-content);display:flex;align-items:center;justify-content:center;color:var(--text-muted);overflow:hidden}.file-tile-media img,.file-tile-media video{width:100%;height:100%;object-fit:cover}.file-tile-duration{position:absolute;right:6px;bottom:6px;background:#000000b8;color:#fff;font-size:10px;border-radius:4px;padding:1px 5px}.file-tile-canvas{flex-direction:column;gap:6px;padding:var(--sp-2)}.file-tile-canvas-snippet{font-size:10px;color:var(--text-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-align:center}.file-tile-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding:0 var(--sp-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tile-sub{font-size:var(--fs-xs);color:var(--text-muted);padding:0 var(--sp-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files-list{display:flex;flex-direction:column;margin-bottom:var(--sp-4)}.file-detail{flex:1;min-height:0;display:flex;flex-direction:column}.file-detail-head h1,h1.file-detail-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-width:0}.file-detail-body{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-5);display:flex;flex-direction:column;align-items:center;justify-content:center}.file-detail-body .file-preview-body{width:100%;max-width:720px}.file-preview-body{display:flex;flex-direction:column;gap:var(--sp-3);align-items:center}.file-preview-media{max-width:100%;max-height:55vh;border-radius:var(--radius-md)}.file-preview-generic{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);color:var(--text-muted);padding:var(--sp-6)}.file-preview-meta{font-size:var(--fs-sm);color:var(--text-secondary);text-align:center}.file-preview-actions{display:flex;gap:var(--sp-2)}.file-preview-expandable{cursor:zoom-in}.file-lightbox-backdrop{padding:4vh var(--sp-4);align-items:center}.file-lightbox{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);width:min(92vw,1100px);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.file-lightbox-head{flex:none;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border)}.file-lightbox-name{font-weight:var(--fw-bold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-lightbox-body{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.file-lightbox-body img,.file-lightbox-body video{max-width:100%;max-height:80vh;border-radius:var(--radius-md)}.fl-tab{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg-content)}.fl-toolbar{flex:none;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--border);flex-wrap:wrap}.fl-section-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.fl-section-btn{background:none;border:none;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding:5px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast)}.fl-section-btn:not(.active):hover{color:var(--text-primary);background:var(--bg-hover)}.fl-section-btn.active{background:var(--bg-active);color:var(--text-primary)}.fl-kinds{display:inline-flex;gap:var(--sp-1);flex-wrap:wrap}.fl-search{display:inline-flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 10px;color:var(--text-muted);flex:0 1 240px}.fl-search:focus-within{box-shadow:0 0 0 2px var(--accent)}.fl-search input{background:none;border:none;outline:none;color:var(--text-primary);font-size:var(--fs-sm);width:100%}.fl-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.fl-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid color-mix(in srgb,var(--border) 45%,transparent);min-width:0}.fl-row:hover{background:var(--bg-hover)}.fl-row-btn{background:none;border:none;cursor:pointer;text-align:left;color:var(--text-primary);width:100%}.fl-row-btn.active{background:var(--bg-active)}.fl-favicon-dot{flex:none;width:10px;height:10px;border-radius:50%;margin:0 var(--sp-2)}.fl-thumb{flex:none;width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);overflow:hidden}.fl-thumb img{width:100%;height:100%;object-fit:cover}.fl-thumb-link{color:var(--accent)}.fl-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.fl-name{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fl-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md)}.fl-sub{font-size:var(--fs-xs);color:var(--text-muted);display:flex;align-items:center;gap:4px;overflow:hidden;white-space:nowrap}.fl-actions{flex:none;display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--text-muted)}.later-tabs{padding-left:var(--sp-4)}.later-body{padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.later-body.flat-list{padding:0;gap:0}.later-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.later-card-head{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.later-card-head>:not(.comp-spacer){flex:none}.later-card-head .pin-card-author,.later-card-head .later-source{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.later-card-head .pin-card-time{white-space:nowrap}.later-source{font-size:var(--fs-xs);color:var(--text-muted)}.later-remind-chip{font-size:var(--fs-xs);color:var(--mention-pill-text);background:var(--mention-pill-bg);border-radius:999px;padding:2px 8px;white-space:nowrap}.later-card-body{background:none;border:none;text-align:left;color:var(--text-primary);font-size:var(--fs-md);cursor:pointer;padding:0;overflow-wrap:anywhere}.later-card-body:hover{text-decoration:none}.later-att-note{display:block;font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.later-card-actions{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);flex-wrap:wrap}.later-card-actions .link-btn{display:inline-flex;align-items:center;gap:3px}.later-remind-anchor{position:relative}.ds-row{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid color-mix(in srgb,var(--border) 45%,transparent);cursor:pointer;min-width:0}.ds-row:hover{background:var(--bg-hover)}.ds-row-static{cursor:default}.ds-glyph{flex:none;padding-top:2px;display:flex;align-items:center;min-width:22px;justify-content:center}.ds-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ds-title{display:flex;align-items:center;gap:6px;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text-primary);min-width:0}.ds-title svg{color:var(--text-muted);flex:none}.ds-when{font-weight:var(--fw-normal);font-size:var(--fs-xs);color:var(--text-muted);display:inline-flex;align-items:center;gap:3px;margin-left:auto;white-space:nowrap}.ds-thread-tag{font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-normal)}.ds-preview{font-size:var(--fs-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-actions{flex:none;display:flex;align-items:center;gap:4px;font-size:var(--fs-sm);color:var(--text-muted)}.ds-edit-body{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font:inherit;font-size:var(--fs-sm);padding:var(--sp-2);resize:vertical}.field input[type=datetime-local]{color-scheme:dark}html[data-theme=light] .field input[type=datetime-local]{color-scheme:light}.thread-card{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid color-mix(in srgb,var(--border) 45%,transparent);display:flex;flex-direction:column;gap:var(--sp-2)}.thread-card-head{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-bold);padding:0;text-align:left}.thread-card-head:hover .thread-card-conv{text-decoration:underline}.thread-card-conv{color:var(--text-primary)}.thread-card-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}.thread-card.unread .thread-card-conv{font-weight:var(--fw-bold)}.thread-card-meta{font-weight:var(--fw-normal);color:var(--text-muted);font-size:var(--fs-xs)}.thread-card-msg{display:flex;gap:var(--sp-2);align-items:flex-start;min-width:0}.thread-card-msg.pending{opacity:.65}.thread-card-root{padding-bottom:var(--sp-1);border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.thread-card-msg-main{flex:1;min-width:0}.thread-card-msg-head{display:flex;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-sm)}.thread-card-msg-body{font-size:var(--fs-md);color:var(--text-primary);overflow-wrap:anywhere}.thread-card-msg-body .msg-codeblock{max-height:120px;overflow:auto}.thread-card-more{align-self:flex-start}.thread-card-reply-btn{align-self:flex-start;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--fs-sm);padding:6px var(--sp-3);cursor:text;width:100%;text-align:left}.thread-card-composer .composer{margin:0}.huddle-live-chip{background:var(--green-presence);color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:999px;padding:2px 8px}.huddle-card{display:flex;align-items:center;gap:var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-3)}.huddle-card-icon{flex:none;width:42px;height:42px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--green-presence) 18%,transparent);color:var(--green-presence);display:flex;align-items:center;justify-content:center}.huddle-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.huddle-card-title{display:flex;align-items:center;gap:5px;font-weight:var(--fw-bold);color:var(--text-primary);font-size:var(--fs-md)}.huddle-card-sub{font-size:var(--fs-sm);color:var(--text-secondary)}.huddle-card-faces{display:flex;align-items:center}.huddle-card-faces .avatar{margin-right:-6px;border:2px solid var(--bg-elevated)}.huddle-card-more{margin-left:10px;font-size:var(--fs-xs);color:var(--text-muted)}.huddle-card-actions{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.canvas-tab{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg-content)}.canvas-toolbar{flex:none;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--border)}.canvas-toolbar-title{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-primary)}.canvas-mode-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.canvas-mode-btn{background:none;border:none;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding:4px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast)}.canvas-mode-btn:not(.active):hover{color:var(--text-primary);background:var(--bg-hover)}.canvas-mode-btn.active{background:var(--bg-active);color:var(--text-primary)}.canvas-save-state{font-size:var(--fs-xs);color:var(--text-muted);min-width:90px;text-align:right}.canvas-save-state.unsaved{color:var(--yellow-star)}.canvas-save-state.error{color:var(--red-badge)}.canvas-conflict{flex:none;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--mention-pill-bg);color:var(--mention-pill-text);font-size:var(--fs-sm);border-bottom:1px solid var(--border)}.canvas-editor{flex:1;min-height:0;background:var(--bg-content);border:none;outline:none;resize:none;color:var(--text-primary);font:inherit;font-size:var(--fs-md);line-height:1.6;padding:var(--sp-5) var(--sp-6)}.canvas-preview{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-5) var(--sp-6);font-size:var(--fs-md);line-height:1.6;color:var(--text-primary);overflow-wrap:anywhere;white-space:pre-wrap}.canvas-preview .msg-codeblock{white-space:pre}.canvas-preview .msg-heading{font-weight:800;color:var(--text-primary);line-height:1.3;margin:0}.canvas-preview h1.msg-heading{font-size:24px}.canvas-preview h2.msg-heading{font-size:19px}.canvas-preview h3.msg-heading{font-size:16px}.canvas-footer{flex:none;padding:var(--sp-1) var(--sp-4);border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-muted)}.canvas-row-glyph{color:var(--accent)}.reminder-jump{display:inline-block;margin-top:4px;font-size:var(--fs-sm);color:var(--accent);text-decoration:none}.reminder-jump:hover{text-decoration:underline}.notif-prompt{position:fixed;bottom:var(--sp-4);right:var(--sp-4);z-index:90;display:flex;align-items:center;gap:var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);color:var(--text-primary);max-width:520px}.notif-prompt .btn,.notif-prompt .btn-secondary{padding:5px 12px;font-size:var(--fs-sm);white-space:nowrap}.pdot-huddle{display:inline-flex;align-items:center;justify-content:center;color:var(--green-presence);background:transparent;border:none}.huddle-banner{flex:none;display:flex;align-items:center;gap:8px;padding:6px 16px;font-size:var(--fs-sm);color:var(--text-primary);background:color-mix(in srgb,var(--green-presence) 12%,transparent);border-bottom:1px solid var(--border)}.huddle-banner>svg{color:var(--green-presence)}.huddle-banner-join{margin-left:4px;padding:2px 12px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:#fff;background:var(--green-presence);border:none;border-radius:var(--radius-sm);cursor:pointer}.huddle-banner-join:hover{filter:brightness(1.1)}.huddle-live-msgcard{display:flex;align-items:center;gap:10px;margin:6px 16px;padding:10px 14px;max-width:480px;background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--green-presence);border-radius:var(--radius-md)}.huddle-live-msgcard-icon{font-size:18px}.huddle-live-msgcard-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.huddle-live-msgcard-title{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-primary)}.huddle-live-msgcard-sub{font-size:var(--fs-xs);color:var(--text-secondary)}.huddle-live-msgcard-faces{display:flex;align-items:center}.huddle-live-msgcard-faces .avatar{margin-right:-6px;border:2px solid var(--bg-elevated)}.huddle-live-msgcard-join{flex:none;margin-left:10px;padding:4px 14px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:#fff;background:var(--green-presence);border:none;border-radius:var(--radius-sm);cursor:pointer}.huddle-live-msgcard-join:hover{filter:brightness(1.1)}.huddle-live-msgcard-joined{flex:none;margin-left:10px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--green-presence)}.hud-audio-sinks{position:fixed;width:0;height:0;overflow:hidden}.hud-header{display:flex;align-items:center;gap:6px;color:var(--text-primary)}.hud-header>svg{color:var(--green-presence);flex:none}.hud-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-primary);background:none;border:none;cursor:pointer;padding:0}.hud-title:hover{text-decoration:underline}.hud-title svg{vertical-align:-2px;margin-right:1px}.hud-elapsed{flex:none;font-size:var(--fs-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}.hud-reconnect{font-size:var(--fs-xs);color:var(--mention-pill-text);padding:3px 6px;background:var(--mention-pill-bg);border-radius:var(--radius-sm)}.hud-controls{display:flex;align-items:center;justify-content:center;gap:8px}.hud-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer}.hud-btn:hover:not(:disabled){background:var(--bg-hover)}.hud-btn:disabled{opacity:.45;cursor:not-allowed}.hud-btn.off{background:var(--red-badge);border-color:var(--red-badge);color:#fff}.hud-btn.on{background:var(--green-presence);border-color:var(--green-presence);color:#fff}.hud-btn.hud-leave{background:var(--red-badge);border-color:var(--red-badge);color:#fff;margin-left:6px}.hud-btn.hud-leave:hover{filter:brightness(1.12);background:var(--red-badge)}.hud-tile{position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-content);border-radius:var(--radius-md);border:2px solid transparent;overflow:hidden}.hud-tile.speaking{border-color:var(--green-presence)}.hud-tile-mini{width:44px;height:44px;flex:none}.hud-tile-mini.hud-tile-mini--video{width:96px;height:72px}.hud-tile-strip{width:84px;height:64px;flex:none}.hud-tile-grid{min-height:120px}.hud-tile-video{width:100%;height:100%;object-fit:cover;display:block}.hud-tile-video.mirrored{transform:scaleX(-1)}.hud-tile-avatar{display:flex;align-items:center;justify-content:center}.hud-tile-muted{position:absolute;right:3px;bottom:3px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#000000a6;color:#fff}.hud-tile-name{position:absolute;left:4px;bottom:3px;max-width:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-xs);color:#fff;background:#0000008c;padding:1px 6px;border-radius:var(--radius-sm)}.hud-tile-issue{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);color:#fff;text-align:center;padding:4px;background:#000000b3}.hud-mini{position:fixed;left:calc(var(--rail-w, 68px) + 10px);bottom:12px;z-index:340;width:calc(var(--sidebar-w) - 10px);display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--hb-sidebar-header);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-popover)}.hud-mini-tiles{display:flex;flex-wrap:wrap;gap:6px;max-height:120px;overflow-y:auto}.hud-mini-screen{border-radius:var(--radius-md);overflow:hidden;cursor:zoom-in;border:1px solid var(--border)}.hud-mini-screen-video{width:100%;max-height:150px;object-fit:contain;display:block;background:#000}.hud-expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:350;display:flex;align-items:center;justify-content:center;background:#0000008c}.hud-expanded-panel{display:flex;flex-direction:column;gap:12px;width:min(920px,calc(100vw - 64px));max-height:calc(100vh - 64px);padding:16px;background:var(--bg-sidebar);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal)}.hud-grid{flex:1;min-height:0;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);overflow-y:auto}.hud-grid-1{grid-template-columns:1fr}.hud-grid-2,.hud-grid-3,.hud-grid-4{grid-template-columns:repeat(2,1fr)}.hud-grid-5,.hud-grid-6{grid-template-columns:repeat(3,1fr)}.hud-grid-7,.hud-grid-8{grid-template-columns:repeat(4,1fr)}.hud-grid .hud-tile-grid{aspect-ratio:4 / 3}.hud-stage-wrap{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.hud-stage{position:relative;flex:1;min-height:220px;background:#000;border-radius:var(--radius-md);overflow:hidden}.hud-stage-video{width:100%;height:100%;object-fit:contain;display:block}.hud-stage-label{position:absolute;left:8px;bottom:8px;font-size:var(--fs-xs);color:#fff;background:#0009;padding:2px 8px;border-radius:var(--radius-sm)}.hud-filmstrip{flex:none;display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.hud-invites{position:fixed;right:16px;bottom:16px;z-index:360;display:flex;flex-direction:column;gap:10px}.hud-invite{position:relative;display:flex;gap:10px;width:320px;padding:14px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal)}.hud-invite-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.hud-invite-text{font-size:var(--fs-sm);color:var(--text-primary)}.hud-invite-sub{font-size:var(--fs-xs);color:var(--text-secondary)}.hud-invite-actions{display:flex;gap:8px;margin-top:2px}.hud-invite-join{display:inline-flex;align-items:center;gap:6px;background:var(--green-presence);border-color:var(--green-presence)}.hud-invite-join:hover{filter:brightness(1.1)}.hud-invite-close{position:absolute;top:8px;right:8px;display:inline-flex;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px}.hud-invite-close:hover{color:var(--text-primary)}.huddle-card-inhuddle{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--green-presence);white-space:nowrap}.cd-action-btn.huddle-live{color:var(--green-presence);border-color:var(--green-presence)}.field-hint{font-size:var(--fs-xs);color:var(--text-muted);margin-top:4px}.btn-secondary,.menu-item,.rail-ws-add,.side-hide-x,.conv-star,.conv-title-btn,button.shared-pill,.conv-topic,.header-icon-btn,.conv-facepile,.huddle-split-main,.huddle-split-caret,.member-row,.day-pill,.msg-action,.reaction-chip,.thread-bar,.att-filename,.att-file-card,.image-viewer-nav,.comp-tb-btn,.comp-btn,.comp-send,.comp-send-caret,.staged-remove,.emoji-cell,.fwd-target,.ov-row,.ov-result,.ov-icon-btn,.ov-tab,.cd-action-btn,.cd-danger-row,.cd-add-people,.cd-member-row,.modal-close,.ums-row,.person-card,.status-quick-row,.tab,.admin-table tr.clickable td,.chip,.dm-list-row,.act-tab,.file-tile,.fl-row,.ds-row,.hud-btn,.hud-invite-close{transition:background-color var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.jump-latest-pill,.huddle-banner-join,.huddle-live-msgcard-join,.hud-invite-join,.hud-btn.hud-leave{transition:filter var(--t-fast)}.act-card{transition:background-color var(--t-fast),opacity var(--t-fast)}.mention-clickable{cursor:pointer}.mention-clickable:hover,.mention-clickable:focus-visible{text-decoration:underline;filter:brightness(1.18)}a.mention-pill{text-decoration:none}.msg-row:hover,.msg-row:focus-within,.msg-row.menu-open,.msg-row:has(.emoji-picker),.msg-row:has(.msg-menu),.msg-row:has(.remind-menu){content-visibility:visible}.ws-invite-role{display:flex;align-items:center;gap:8px;margin-top:10px}.ws-invite-role .field{width:auto}.ws-invite-link{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.ws-invite-link-row{display:flex;gap:8px;margin-top:6px}.ws-invite-link-row .field{flex:1}.ws-invite-link>input.field{display:block;width:100%;margin-top:6px}.ws-invite-hint{margin-top:6px;font-size:var(--fs-xs);color:var(--text-muted)}.huddle-system-wrap{display:flex;flex-direction:column;gap:2px}.huddle-system-wrap .thread-bar{margin-left:calc(var(--sp-4) + 36px + var(--sp-2));align-self:flex-start}.cropper{display:flex;flex-direction:column;align-items:center;gap:14px}.cropper-viewport{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:#000;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px var(--border)}.cropper-viewport:active{cursor:grabbing}.cropper-viewport img{pointer-events:none}.cropper-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 2px #ffffff8c,0 0 0 9999px #00000047;border-radius:var(--radius-lg)}.cropper-controls{display:flex;align-items:center;gap:10px;width:300px}.cropper-controls input[type=range]{flex:1;accent-color:var(--accent);cursor:pointer}.cropper-zoom-icon{color:var(--text-muted);font-size:16px;width:14px;text-align:center}.cropper-hint{font-size:var(--fs-xs);color:var(--text-muted);margin:0}.message-pane>.history-sentinel{margin-top:auto}.comp-bottom{flex-wrap:wrap}.also-send{order:-1;flex-basis:100%;margin-left:0;margin-bottom:var(--sp-1);white-space:normal}.rich-editor{position:relative;display:block;width:100%;min-height:var(--composer-min-h);max-height:40vh;overflow-y:auto;box-sizing:border-box;padding:var(--sp-2) var(--sp-3);color:var(--text-primary);font-size:var(--fs-md);line-height:var(--lh-msg);white-space:pre-wrap;word-break:break-word;outline:none;cursor:text}.rich-editor:focus{box-shadow:none}.rich-editor.is-empty:before{content:attr(data-placeholder);position:absolute;left:var(--sp-3);top:var(--sp-2);color:var(--text-muted);pointer-events:none;white-space:pre-wrap}.rich-editor .ce-block{display:block;min-height:1.4em}.rich-editor .ce-atom{display:inline-block;white-space:nowrap;vertical-align:baseline}.rich-editor .mention-pill{cursor:default}.rich-editor .ce-link{cursor:text}.rich-editor .msg-emoji{display:inline-block}.rich-editor code.ce-code{white-space:pre-wrap}.rich-editor>[data-block=quote]{border-left:3px solid var(--border-strong);color:var(--text-secondary);padding:0 0 0 var(--sp-3);margin:1px 0}.rich-editor>[data-block=ul]{position:relative;padding-left:22px}.rich-editor>[data-block=ul]:before{content:"•";position:absolute;left:8px;color:var(--text-secondary)}.rich-editor>[data-block=ol]{position:relative;padding-left:26px;counter-increment:ce-ol}.rich-editor>[data-block=ol]:first-child,.rich-editor>:not([data-block=ol])+[data-block=ol]{counter-reset:ce-ol}.rich-editor>[data-block=ol]:before{content:counter(ce-ol) ".";position:absolute;left:0;width:20px;text-align:right;color:var(--text-secondary)}.rich-editor>[data-block=code]{font-family:var(--font-mono);font-size:13px;background:var(--bg-input);border-left:1px solid var(--border);border-right:1px solid var(--border);padding:0 var(--sp-3);white-space:pre-wrap}.rich-editor>[data-block=code]:first-child,.rich-editor>:not([data-block=code])+[data-block=code]{border-top:1px solid var(--border);border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm);padding-top:5px}.rich-editor>[data-block=code]:last-child,.rich-editor>[data-block=code]:not(:has(+[data-block=code])){border-bottom:1px solid var(--border);border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);padding-bottom:5px}.edit-composer .rich-editor{min-height:0;max-height:240px;padding:2px 0}.edit-composer .rich-editor.is-empty:before{left:0;top:2px}.msg-avatar-btn{background:none;border:0;padding:0;margin:0;cursor:pointer;display:block;border-radius:var(--radius-md);line-height:0}.msg-avatar-btn:hover{filter:brightness(1.06)}.profile-panel{flex:none;width:400px;min-width:320px;border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0;background:var(--bg-content)}.profile-panel-header{flex:none;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-3);border-bottom:1px solid var(--border)}.profile-panel-header-title{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.profile-panel-scroll{flex:1;overflow-y:auto;padding:var(--sp-5) var(--sp-4)}.profile-panel-avatar{width:100%;aspect-ratio:1;border-radius:var(--radius-xl);overflow:hidden;display:block}.profile-panel-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-panel-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--fw-bold);font-size:72px}.profile-panel-identity{margin-top:var(--sp-4)}.profile-panel-name{font-size:var(--fs-xl);font-weight:var(--fw-bold);display:flex;align-items:center;gap:var(--sp-2);margin:0}.profile-panel-presence{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);color:var(--text-secondary);font-size:var(--fs-sm)}.profile-panel-status{display:inline-flex;align-items:center;gap:4px;color:var(--text-primary)}.profile-panel-time{margin-top:var(--sp-1);color:var(--text-secondary);font-size:var(--fs-sm);display:flex;align-items:center;gap:6px}.profile-panel-clock{font-size:13px}.profile-panel-actions{display:flex;align-items:stretch;gap:var(--sp-2);margin-top:var(--sp-4)}.profile-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:transparent;color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer}.profile-action-btn:hover:not(:disabled){background:var(--bg-hover)}.profile-action-btn:disabled{opacity:.5;cursor:default}.profile-action-message{flex:1}.profile-huddle-split{position:relative;display:inline-flex}.profile-huddle-main{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.profile-huddle-caret{border-left:0;border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:0 6px}.profile-huddle-menu{top:40px;right:0}.profile-kebab-anchor{position:relative;display:inline-flex}.profile-kebab-anchor .header-menu{top:40px;right:0}.profile-action-kebab{padding:0 8px}.profile-panel-section{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--border)}.profile-panel-section-title{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-secondary);margin-bottom:var(--sp-3)}.profile-contact-row{display:flex;align-items:center;gap:var(--sp-3);padding:6px 0;color:inherit;text-decoration:none}.profile-contact-icon{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-hover);color:var(--text-secondary)}.profile-contact-text{display:flex;flex-direction:column;min-width:0}.profile-contact-label{font-size:var(--fs-xs);color:var(--text-muted)}.profile-contact-value{font-size:var(--fs-sm);color:var(--accent);word-break:break-word}a.profile-contact-row:hover .profile-contact-value{text-decoration:underline}.profile-contact-value.empty{color:var(--text-muted)}.profile-contact-title .profile-contact-value{color:var(--text-primary)}.profile-dm-row{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:6px var(--sp-2);margin:0 calc(-1 * var(--sp-2));background:none;border:0;border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);text-align:left}.profile-dm-row:hover{background:var(--bg-hover)}.profile-dm-glyph{flex:none;display:inline-flex}.profile-dm-name{font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dm-seeall{display:inline-block;margin-top:var(--sp-2);font-size:var(--fs-sm)}.cd-title-dm{align-items:center;gap:var(--sp-3)}.dm-details-avatars{display:inline-flex}.dm-details-avatars .avatar+.avatar{margin-left:-10px;box-shadow:0 0 0 2px var(--bg-elevated)}.dm-info-card{display:flex;flex-direction:column;gap:6px}.dm-info-row{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--text-secondary)}.dm-info-link{color:var(--accent);text-decoration:none}.dm-info-link:hover{text-decoration:underline}.dm-info-clock{font-size:13px}.dm-info-viewprofile{align-self:flex-start;font-size:var(--fs-sm)}.dm-channel-id{margin-top:var(--sp-3)}.dm-copy-id{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;cursor:pointer;color:var(--text-muted)}.dm-copy-id:hover{color:var(--text-secondary)}.invite-banner{background:#36c5ab1f;border:1px solid var(--green-online, #2bac76);color:var(--text-primary);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.onboard-wrap{flex:none;padding:var(--sp-3) var(--sp-5) var(--sp-4)}.onboard-system-line{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--sp-3)}.onboard-channel-name{display:inline-flex;align-items:center;gap:3px;font-weight:var(--fw-bold);color:var(--text-primary)}.onboard-hash{font-weight:var(--fw-bold)}.onboard-cards{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.onboard-card-anchor{position:relative}.onboard-card{width:190px;min-height:96px;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-elevated);cursor:pointer;text-align:left;color:var(--text-primary)}.onboard-card:hover{border-color:var(--border-strong);filter:brightness(1.03)}.onboard-card-people{--onboard-accent: var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated))}.onboard-card-desc{--onboard-accent: var(--green-presence);background:color-mix(in srgb,var(--green-presence) 12%,var(--bg-elevated))}.onboard-card-template{--onboard-accent: var(--yellow-star);background:color-mix(in srgb,var(--yellow-star) 15%,var(--bg-elevated))}.onboard-card-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.onboard-art{width:52px;height:40px;flex:none}.onboard-art .art-stroke{stroke:var(--text-secondary);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.onboard-art .art-accent{stroke:var(--onboard-accent, var(--accent));stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.onboard-art .art-fill{fill:var(--onboard-accent, var(--accent));stroke:none;opacity:.9}.onboard-template-popover{position:absolute;bottom:calc(100% + 6px);left:0;width:260px;padding:var(--sp-2);z-index:40}.onboard-template-item{display:flex;flex-direction:column;gap:2px;width:100%;padding:6px var(--sp-2);background:none;border:0;border-radius:var(--radius-md);cursor:pointer;text-align:left}.onboard-template-item:hover{background:var(--bg-hover)}.onboard-template-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.onboard-template-topic{font-size:var(--fs-xs);color:var(--text-muted)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;background:#fff;color:#1f1f1f;border:1px solid #dadce0;font-weight:var(--fw-bold);text-decoration:none}.btn-google:hover{background:#f7f8f8}.auth-note{margin:var(--sp-3) 0 0;font-size:var(--fs-sm);color:var(--text-muted);text-align:center;line-height:1.5}.auth-sep{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0;color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em}.auth-sep:before,.auth-sep:after{content:"";flex:1;height:1px;background:var(--border)}.auth-linkbtn{display:block;width:100%;background:none;border:0;color:var(--accent);font-size:var(--fs-sm);cursor:pointer;padding:var(--sp-2)}.auth-linkbtn:hover{text-decoration:underline}.admin-toolbar .btn{flex:none;white-space:nowrap;margin-left:auto}.admin-hint{margin:var(--sp-2) 0 var(--sp-3);font-size:var(--fs-sm);color:var(--text-muted)}