:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--font-mono:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-display-size:22px;--text-display-lh:28px;--text-display-weight:700;--text-display-ls:-.3px;--text-pane-title-size:20px;--text-pane-title-lh:24px;--text-pane-title-weight:700;--text-pane-title-ls:-.2px;--text-title-size:17px;--text-title-lh:22px;--text-title-weight:600;--text-title-ls:-.1px;--text-message-size:15px;--text-message-lh:20px;--text-body-size:15px;--text-body-lh:20px;--text-body-weight:400;--text-body-sm-size:13px;--text-body-sm-lh:18px;--text-menu-size:14px;--text-menu-lh:20px;--text-menu-weight:500;--text-label-size:12px;--text-label-lh:16px;--text-label-weight:600;--text-label-ls:.1px;--text-caption-size:11px;--text-caption-lh:14px;--text-caption-weight:400;--text-caption-ls:.1px;--text-tab-size:10px;--text-tab-lh:12px;--text-tab-weight:500;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:16px;--space-8:20px;--space-9:24px;--space-10:32px;--space-11:40px;--space-12:48px;--gutter:16px;--gutter-compact:12px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-bubble:16px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--rail-w:64px;--tabbar-h:56px;--header-h:60px;--header-h-compact:56px;--row-h:72px;--row-h-compact:68px;--avatar-row:48px;--avatar-header:40px;--avatar-hero:120px;--avatar-menu:32px;--icon-btn:40px;--tool-btn:28px;--send-btn-size:42px;--target-coarse:44px;--menu-min-w:200px;--menu-max-w:280px;--menu-item-h:40px;--sheet-item-h:52px;--dialog-w:420px;--message-col-max:696px;--bubble-max-wide:min(75%, 520px);--bubble-max-compact:80%;--input-h:40px;--composer-max-h:140px;--elev-1:0 1px 1px #00000014;--elev-2:0 2px 8px #0000001f;--elev-3:0 8px 24px #00000024, 0 2px 6px #00000014;--elev-4:0 16px 48px #00000038;--elev-sheet:0 -8px 24px #0000002e;--hairline:1px;--dur-instant:.1s;--dur-fast:.15s;--dur-base:.2s;--dur-medium:.25s;--dur-slow:.3s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(.05, .7, .1, 1);--ease-accelerate:cubic-bezier(.3, 0, .8, .15);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--surface:#fff;--surface-2:#f7f7f7;--surface-3:#f4f4f4;--surface-raised:#fff;--chat-bg:#fff;--text:#1a1a1a;--text-2:#6b6c6e ;--text-3:#9a9a9a ;--text-inverse:#fff;--border:#e5e5e5;--border-subtle:#0000000f;--divider:#f4f4f4 ;--bubble-out:#111;--bubble-out-text:#fff;--bubble-out-link:#9fd3ff;--bubble-in:#f5f2eb;--bubble-in-text:#1a1a1a;--bubble-border:#0000000f;--primary:#1a1a1a;--on-primary:#fff;--send-btn:#1a1a1a;--send-ring:transparent;--accent:#016eeb ;--accent-text:#0961c5 ;--accent-soft:#016eeb1f;--success:#25d366 ;--success-text:#0f773a ;--online:#25d366;--badge:#25d366;--on-badge:#06301a ;--error:#c62828 ;--on-error:#fff;--warning:#ff9800;--tick:#8a8a8a ;--tick-read:#53bdeb ;--tick-read-surface:#1b8ecb ;--tick-failed:#c62828;--tick-failed-on-out:#ff8a80;--tick-on-out:#ffffffb3;--icon:#1a1a1a;--icon-2:#6b6c6e;--icon-3:#8a8a8a ;--icon-disabled:#d0d0d0;--icon-btn-bg:#1a1a1a14;--avatar-bg:#e0e0e0;--avatar-text:#5f6062 ;--sender-1:#c0185a;--sender-2:#7b1fa2;--sender-3:#1462ba;--sender-4:#007063;--sender-5:#b7340c;--sender-6:#5d4037;--sender-7:#455a64;--sender-8:#be2626;--tag-bg:#fff4e5;--tag-text:#8a5300;--decision-bg:#15803d ;--decision-text:#fff;--decision-bg-on-out:#4ade80;--decision-text-on-out:#052e16;--mark-bg:#ffe58a;--state-hover:#1a1a1a0d;--state-pressed:#1a1a1a1a;--state-selected:#f4f4f4;--scrim:#00000080;--scrim-light:#0000004d;--viewer-bg:#000000f2;--focus-ring:#0961c5;--scrollbar-thumb:#0003;--skeleton:#0000000f;--skeleton-sheen:#ffffff80;--toast-bg:#1a1a1a;--toast-text:#fff;--toast-action:#4fc3f7}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#000;--surface-2:#1c1c1e;--surface-3:#2c2c2e;--surface-raised:#1c1c1e;--chat-bg:#0a0a0a;--text:#fff;--text-2:#a0a0a0;--text-3:#707070 ;--text-inverse:#000;--border:#2c2c2e;--border-subtle:#ffffff1a;--divider:#2c2c2e;--bubble-out:#134d37;--bubble-out-text:#fff;--bubble-out-link:#9fd3ff;--bubble-in:#1f272a;--bubble-in-text:#fff;--bubble-border:#ffffff0f;--primary:#0b74cc ;--on-primary:#fff;--send-btn:#0e1012 ;--send-ring:#ffffff2e;--accent:#167e56 ;--accent-text:#30b07c ;--accent-soft:#2eaa782e;--success:#30d158;--success-text:#30d158;--online:#30d158;--badge:#25d366;--on-badge:#06301a;--error:#ff453a;--on-error:#000 ;--warning:#ff9f0a;--tick:#a0a0a0;--tick-read:#53bdeb;--tick-read-surface:#53bdeb;--tick-failed:#ff453a;--tick-failed-on-out:#ff8a80;--tick-on-out:#ffffffb3;--icon:#fff;--icon-2:#a0a0a0;--icon-3:#7a7a7a ;--icon-disabled:#3a3a3c;--icon-btn-bg:#2c2c2e;--avatar-bg:#3a3a3c;--avatar-text:#b8b8b8 ;--sender-1:#f48fb1;--sender-2:#ce93d8;--sender-3:#90caf9;--sender-4:#80cbc4;--sender-5:#ffab91;--sender-6:#bcaaa4;--sender-7:#b0bec5;--sender-8:#ef9a9a;--tag-bg:#3a2a10;--tag-text:#ffcc80;--decision-bg:#15803d;--decision-text:#fff;--decision-bg-on-out:#4ade80;--decision-text-on-out:#052e16;--mark-bg:#6b5a1a;--state-hover:#ffffff0f;--state-pressed:#ffffff1f;--state-selected:#2c2c2e;--scrim:#000000b3;--scrim-light:#00000080;--viewer-bg:#000000eb;--focus-ring:#30b07c;--scrollbar-thumb:#ffffff38;--skeleton:#ffffff14;--skeleton-sheen:#ffffff0f;--toast-bg:#2c2c2e;--toast-text:#fff;--toast-action:#64b5f6;--elev-1:0 1px 1px #0000004d;--elev-2:0 2px 8px #0006;--elev-3:0 8px 24px #00000080, 0 2px 6px #0000004d;--elev-4:0 16px 48px #0009;--elev-sheet:0 -8px 24px #00000080}.shell.compact{--text-message-size:16px;--text-message-lh:21px;--gutter:12px;--header-h:56px;--row-h:68px}@media (prefers-reduced-motion:reduce){:root{--dur-instant:0s;--dur-fast:0s;--dur-base:0s;--dur-medium:0s;--dur-slow:0s}*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}@media (forced-colors:active){.chat-row.active,.rail-btn.active,.tab.active,.chip[aria-selected=true],[role=radio][aria-checked=true],.bubble-row.selected,.status-grid .btn.active{outline-offset:-2px;outline:2px solid canvastext}.select-box:checked{forced-color-adjust:auto}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{font-family:var(--font-sans);color:var(--text);background:var(--surface);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.45}body{background:var(--surface)}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.text-input:focus-visible,.composer-input:focus-visible,.otp-input:focus-visible,.phone-field :is(input,select):focus-visible{outline-offset:-1px}h1,h2{margin:0 0 8px;line-height:1.2}h2{font-size:var(--text-display-size);line-height:var(--text-display-lh);font-weight:var(--text-display-weight)}.muted{color:var(--text-2)}.small{font-size:13px}.center{text-align:center}.pad{padding:12px 16px}.btn{border-radius:var(--radius-md);min-height:40px;font:inherit;font-size:var(--text-body-size);line-height:var(--text-body-lh);cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-instant), opacity var(--dur-instant);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.small{min-height:36px;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);padding:0 12px}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost{color:var(--text-2);background:0 0}.btn-danger{background:var(--error);color:var(--on-error)}.btn:not(:disabled):active{opacity:.85}.btn-secondary:not(:disabled):active,.btn-ghost:not(:disabled):active{background:var(--state-pressed);opacity:1}@media (hover:hover) and (pointer:fine){.btn-primary:not(:disabled):hover,.btn-danger:not(:disabled):hover{opacity:.9}.btn-secondary:not(:disabled):hover{background:var(--state-hover)}.btn-ghost:not(:disabled):hover{color:var(--text);background:var(--state-hover)}}@media (pointer:coarse){.btn,.btn.small{min-height:var(--target-coarse)}}.btn-block{width:100%;min-height:48px;margin-top:16px}.btn-row{gap:12px;margin-top:12px;display:flex}.btn-row .btn{flex:1}.link{font:inherit;color:var(--accent-text);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.link:disabled{color:var(--text-3);cursor:default}@media (hover:hover) and (pointer:fine){.link:not(:disabled):hover{text-decoration:underline}}button.link.small{min-height:24px}@media (pointer:coarse){button.link{position:relative}button.link:after{content:"";width:max(100%, var(--target-coarse));height:max(100%, var(--target-coarse));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.text-input,.phone-field select,.phone-field input{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 14px}.text-input:not(textarea),.phone-field select,.phone-field input{height:var(--target-coarse)}textarea.text-input{line-height:var(--text-body-lh);resize:vertical;padding:10px 14px}.text-input::placeholder,.phone-field input::placeholder{color:var(--text-3)}.text-input:focus,.phone-field select:focus,.phone-field input:focus,.otp-input:focus{outline:2px solid var(--focus-ring);outline-offset:-1px}.phone-field{gap:8px;display:flex}.phone-field select{flex:none;width:auto}.field-label{font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);color:var(--text-2);margin:14px 0 6px;font-weight:600;display:block}.form-error{color:var(--error);margin:10px 0 0;font-size:14px;line-height:20px}.tabs{border-bottom:1px solid var(--border);gap:4px;margin:8px 0 12px;display:flex}.tab{min-height:var(--target-coarse);font:inherit;font-size:var(--text-body-size);line-height:var(--text-body-lh);color:var(--text-2);cursor:pointer;touch-action:manipulation;transition:color var(--dur-instant), background-color var(--dur-instant);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex}.tab:active{background:var(--state-pressed)}@media (hover:hover) and (pointer:fine){.tab:hover{color:var(--text);background:var(--state-hover)}}.tab.active{color:var(--text);border-bottom-color:var(--primary)}.badge{background:var(--badge);min-width:20px;height:20px;color:var(--on-badge);border-radius:10px;place-items:center;padding:0 6px;font-size:12px;font-weight:700;display:inline-grid}.tag{font-size:var(--text-caption-size);line-height:var(--text-caption-lh);border-radius:var(--radius-pill);background:var(--tag-bg);color:var(--tag-text);white-space:nowrap;margin-left:6px;padding:2px 8px;font-weight:600}.person-list{margin:0;padding:4px 0;list-style:none}.person{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:10px 16px;display:flex}.person:active{background:var(--state-pressed)}@media (hover:hover) and (pointer:fine){.person:hover{background:var(--state-hover)}}.person.active{background:var(--state-selected)}.person-text{flex-direction:column;flex:1;min-width:0;display:flex}.person-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.avatar{object-fit:cover;border-radius:50%;flex:none}.avatar-initials{background:var(--avatar-bg);color:var(--avatar-text);place-items:center;font-weight:700;display:inline-grid}.empty-state,.profile-card{text-align:center;max-width:420px;margin:auto;padding:32px}.profile-card{flex-direction:column;align-items:center;gap:6px;display:flex}.profile-card p{margin:0}.note{background:var(--tag-bg);color:var(--tag-text);border-radius:10px;padding:10px 14px;font-size:14px;line-height:20px;margin:8px 0!important}.check{cursor:pointer;align-items:flex-start;gap:8px;margin-top:12px;font-size:14px;line-height:20px;display:flex}.check input{accent-color:var(--primary);margin-top:3px}@media (pointer:coarse){.check{min-height:var(--target-coarse);align-items:center}.check input{margin-top:0}}.icon{vertical-align:middle;flex:none;display:inline-block}.icon-btn{width:var(--icon-btn);height:var(--icon-btn);border-radius:var(--radius-pill);color:var(--icon-2);cursor:pointer;transition:background-color var(--dur-instant) var(--ease-standard), color var(--dur-instant) var(--ease-standard);background:0 0;border:none;flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn:active{background:var(--state-pressed)}.icon-btn:disabled{color:var(--icon-disabled);cursor:default;background:0 0}.icon-btn-primary{background:var(--primary);color:var(--on-primary)}.icon-btn-sm{width:32px;height:32px}@media (hover:hover) and (pointer:fine){.icon-btn:hover:not(:disabled){background:var(--icon-btn-bg);color:var(--icon)}.icon-btn-primary:hover:not(:disabled){background:var(--primary);color:var(--on-primary);opacity:.9}}@media (pointer:coarse){.icon-btn,.icon-btn.icon-btn-sm{width:var(--target-coarse);height:var(--target-coarse)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-page{background:var(--surface-2);place-items:center;min-height:100%;padding:24px 16px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--elev-1);padding:32px 28px}@media (width<=480px){.auth-card{padding:24px 20px}}.auth-logo{justify-content:center;margin-bottom:24px;display:flex}.auth-title{letter-spacing:-.3px;text-align:center;margin:0 0 8px;font-size:24px;font-weight:700;line-height:28px}.auth-subtitle{font-size:var(--text-body-size);line-height:var(--text-body-lh);color:var(--text-2);text-align:center;margin:0 0 20px}.auth-links{justify-content:space-between;gap:12px;margin-top:18px;font-size:14px;line-height:20px;display:flex}.auth-links .link{align-items:center;min-height:32px;display:inline-flex}@media (pointer:coarse){.auth-links .link{min-height:var(--target-coarse)}}.otp-input{width:100%;height:52px;font:inherit;letter-spacing:.5em;text-align:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);padding:0 12px;font-size:28px}.otp-input::placeholder{color:var(--text-3)}.waiting-pulse{border:3px solid var(--accent);border-radius:50%;width:24px;height:24px;margin:8px auto 16px;animation:1.8s ease-in-out infinite pulse-opacity}@media (prefers-reduced-motion:reduce){.waiting-pulse{opacity:1;animation:none}}.legal-text{white-space:pre-wrap;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);max-height:320px;padding:14px;font-size:14px;line-height:20px;overflow-y:auto}.photo-pick{cursor:pointer;flex-direction:column;align-items:center;gap:8px;margin-bottom:4px;display:flex}.boot-screen{background:var(--surface-2);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100%;padding:24px 16px;display:flex}.boot-screen p{font-size:var(--text-body-size);line-height:var(--text-body-lh);margin:0}.boot-bar{background:var(--surface-3);border-radius:1px;width:120px;height:2px;position:relative;overflow:hidden}.boot-bar-fill{background:var(--accent);width:40%;animation:progress-sweep 1.2s var(--ease-standard) infinite;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.boot-bar-fill{opacity:.5;width:100%;animation:none}}.shell{background:var(--surface-2);height:100%;display:flex}.list-pane{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:none;width:clamp(320px,30%,440px);min-width:0;min-height:0;display:flex}.list-pane>.pane-body{flex:1;min-height:0;overflow-y:auto}.chat-pane{background:var(--surface-2);flex:1;min-width:0;min-height:0;display:flex;position:relative}.chat-pane .room{flex:1;min-width:0}.chat-pane .empty-state{margin:auto}.workspace{background:var(--surface-2);flex:1;min-width:0;padding:28px 32px;overflow-y:auto}.shell.compact{flex-direction:column}.shell.compact .list-pane{border-right:none;flex:1;width:100%}.shell.compact .chat-pane{inset:auto;top:var(--vvtop,0px);height:var(--vvh,100dvh);z-index:30;position:fixed;left:0;right:0}.shell.compact .workspace{padding:16px}.shell.compact .drawer{z-index:25;flex:none;width:100%;position:absolute;inset:0}.shell.compact .composer-wrap,.shell.compact .recorder,.shell.compact .select-bar{padding-bottom:env(safe-area-inset-bottom)}.shell.compact .select-bar:has(+.recorder){padding-bottom:0}.shell.compact{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.shell.compact .room-header{padding-top:max(10px, env(safe-area-inset-top))}.shell.compact .chat-pane,.shell.compact .drawer{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}:root[data-kb] .shell.compact .composer-wrap,:root[data-kb] .shell.compact .recorder{padding-bottom:0}@media (width>=768px) and (width<=1244px){.shell.wide .drawer{z-index:25;flex:none;width:min(400px,100%);position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #00000026}}@media (width>=768px) and (width<=1023px){.shell.wide .list-pane{width:300px}.shell.wide .bubble-col{max-width:min(85%,520px)}}@media (width>=1024px) and (width<=1244px){.shell.wide .list-pane{width:340px}}@media (width>=1441px){body:has(>#root>.shell){background:var(--surface-2)}.shell{max-width:1600px;margin:0 auto}:root[data-theme=dark] .shell{outline:1px solid var(--icon-3);outline-offset:0}}@media (width>=1441px) and (height>=700px){#root:has(>.shell){display:flow-root}.shell{border-radius:var(--radius-md);height:calc(100dvh - 38px);box-shadow:var(--elev-3);margin:19px auto;overflow:hidden}}.messages,.list-pane>.pane-body,.drawer-body,.pick-list,.legal-text,.workspace{overscroll-behavior:contain}@media (hover:hover) and (pointer:fine){.messages,.list-pane>.pane-body,.drawer-body,.pick-list,.legal-text,.workspace{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}:is(.messages,.list-pane>.pane-body,.drawer-body,.pick-list,.legal-text,.workspace)::-webkit-scrollbar{width:8px;height:8px}:is(.messages,.list-pane>.pane-body,.drawer-body,.pick-list,.legal-text,.workspace)::-webkit-scrollbar-track{background:0 0}:is(.messages,.list-pane>.pane-body,.drawer-body,.pick-list,.legal-text,.workspace)::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}}.rail{width:var(--rail-w);align-items:center;gap:var(--space-3);padding:var(--space-5) 0;background:var(--surface-3);border-right:var(--hairline) solid var(--border);flex-direction:column;flex:none;display:flex}.rail-logo{height:44px;margin-bottom:var(--space-4);color:var(--icon);place-items:center;line-height:0;display:grid}.rail-btn{border-radius:var(--radius-md);cursor:pointer;width:44px;height:44px;color:var(--icon-2);touch-action:manipulation;transition:background-color var(--dur-instant) var(--ease-standard), color var(--dur-instant) var(--ease-standard);background:0 0;border:none;flex:none;place-items:center;padding:0;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.rail-btn:hover{background:var(--state-hover);color:var(--icon)}}.rail-btn:active{background:var(--state-pressed)}.rail-btn.active{background:var(--surface);color:var(--icon);box-shadow:inset 0 0 0 var(--hairline) var(--border)}.rail-icon{place-items:center;line-height:0;display:grid}.rail-label{display:none}.rail-badge{border-radius:var(--radius-pill);background:var(--badge);min-width:18px;height:18px;color:var(--on-badge);font-size:var(--text-caption-size);box-shadow:0 0 0 2px var(--surface-3);padding:0 5px;font-weight:700;line-height:18px;position:absolute;top:2px;right:2px}.rail-spacer{flex:1}.rail-btn.rail-profile.active{box-shadow:none;background:0 0}.rail-btn.rail-profile .avatar{transition:box-shadow var(--dur-instant) var(--ease-standard)}.rail-btn.rail-profile.active .avatar{box-shadow:0 0 0 2px var(--accent)}.shell.compact .rail{width:100%;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:0 var(--space-4) env(safe-area-inset-bottom);border-right:none;border-top:var(--hairline) solid var(--border);background:var(--surface);flex-direction:row;order:2;justify-content:space-around;align-items:stretch;gap:0}.shell.compact .rail-logo,.shell.compact .rail-spacer{display:none}.shell.compact .rail-btn{width:auto;min-width:0;height:auto;min-height:var(--tabbar-h);box-shadow:none;justify-content:center;align-items:center;gap:var(--space-1);color:var(--text-2);background:0 0;border-radius:0;flex-direction:column;flex:1;display:flex}.shell.compact .rail-btn.active{color:var(--text);box-shadow:none;background:0 0}.shell.compact .rail-label{font-size:var(--text-tab-size);line-height:var(--text-tab-lh);font-weight:var(--text-tab-weight);display:block}.shell.compact .rail-btn.active .rail-label{font-weight:700}.shell.compact .rail-btn.rail-profile.active .avatar{box-shadow:0 0 0 1.5px var(--surface), 0 0 0 3px var(--text)}.shell.compact .rail-badge{box-shadow:0 0 0 2px var(--surface);top:4px;left:calc(50% + 4px);right:auto}.search{padding:var(--space-4) var(--gutter) var(--space-2)}.search-field{display:block;position:relative}.search-field .search-icon{inset-inline-start:var(--space-6);color:var(--icon-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search .text-input{height:var(--input-h);padding:0 var(--space-11);border-radius:var(--radius-md);background:var(--surface-3);font-size:var(--text-body-size);line-height:var(--text-body-lh);color:var(--text);border:none}.search .text-input::placeholder{color:var(--text-3);opacity:1}.search .text-input:focus,.search .text-input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-1px}.search .text-input::-webkit-search-cancel-button{appearance:none;display:none}.search-clear.icon-btn{inset-inline-end:var(--space-2);color:var(--icon-3);position:absolute;top:50%;transform:translateY(-50%)}.shell.compact .search{padding:var(--space-4) var(--gutter) var(--space-2)}.shell.compact .search .text-input{height:36px}@media (pointer:coarse){.shell.compact .search .text-input{height:var(--target-coarse);background-clip:padding-box;border-block:4px solid #0000;border-radius:12px/16px}.shell.compact .search .text-input:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring);outline-color:#0000}}.chips{gap:var(--space-4);padding:var(--space-2) var(--gutter) var(--space-4);scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;display:flex;overflow:auto hidden}.chips::-webkit-scrollbar{display:none}.chip{border-radius:var(--radius-pill);background:var(--surface-3);height:32px;color:var(--text-2);font:inherit;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-instant) var(--ease-standard), color var(--dur-instant) var(--ease-standard);border:none;flex:none;align-items:center;padding:0 14px;font-weight:500;display:inline-flex}.chip.active{background:var(--primary);color:var(--on-primary)}.chip:not(.active):active{background-image:linear-gradient(var(--state-pressed), var(--state-pressed))}@media (hover:hover) and (pointer:fine){.chip:not(.active):hover{background-image:linear-gradient(var(--state-hover), var(--state-hover));color:var(--text)}}.shell.compact .chip{height:36px}@media (width>=768px) and (width<=1023px){.shell.wide .chip{padding:0 var(--space-5)}}@media (pointer:coarse){.chips{padding-top:var(--space-3);margin-top:calc(-1 * var(--space-1))}.chips .chip{min-height:0;position:relative}.chips .chip:after{content:"";height:var(--target-coarse);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}}.archived-row{align-items:center;gap:var(--space-7);width:100%;min-height:48px;padding:0 var(--gutter);border:none;border-bottom:var(--hairline) solid var(--divider);font:inherit;font-size:var(--text-body-size);line-height:var(--text-body-lh);color:var(--text);cursor:pointer;text-align:start;touch-action:manipulation;transition:background-color var(--dur-instant) var(--ease-standard);background:0 0;display:flex}.archived-row>.icon{color:var(--icon-2)}.archived-row .archived-label{flex:1;min-width:0;font-weight:500}.archived-row .archived-count{font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);color:var(--text-2)}.archived-row:active{background:var(--state-pressed)}@media (hover:hover) and (pointer:fine){.archived-row:hover{background:var(--state-hover)}}.chat-row-wrap{position:relative}.directory .person-list>li.dir-row{content-visibility:auto;contain-intrinsic-size:auto var(--row-h)}.person-list>li.chat-row-wrap:not(:has(>.menu,>.menu-scrim)){content-visibility:auto;contain-intrinsic-size:auto var(--row-h)}.person.chat-row{min-height:var(--row-h);padding:0 var(--gutter);gap:var(--space-6);touch-action:manipulation;transition:background-color var(--dur-instant) var(--ease-standard);background:0 0}.person.chat-row.active{background:var(--state-selected)}.person.chat-row:active,.person.chat-row.pressing{background:var(--state-pressed)}.person.chat-row:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.person.chat-row{padding-inline-end:44px}.person.chat-row:hover{background:var(--state-hover)}.person.chat-row.active:hover{background:var(--state-selected)}}.shell.wide .chat-row-wrap+.chat-row-wrap:before{content:"";inset-inline:76px 0;height:var(--hairline);background:var(--divider);pointer-events:none;position:absolute;top:0}.chat-row .person-text{gap:var(--space-1)}.row-top,.row-bottom{align-items:center;gap:var(--space-4);min-width:0;display:flex}.row-top .person-name{flex:1}.chat-row .person-name{font-size:var(--text-title-size);line-height:var(--text-title-lh);font-weight:var(--text-title-weight);color:var(--text)}.row-time{font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);color:var(--text-2);flex:none}.row-time.unread{color:var(--success-text);font-weight:600}.row-preview{min-width:0;color:var(--text-2);font-size:var(--text-body-size);line-height:var(--text-body-lh);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:var(--space-2);flex:1;display:flex;overflow:hidden}.row-preview-text{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.row-preview>:not(.row-preview-text){flex:none}.row-preview .tick{color:var(--tick)}.row-preview .tick-read{color:var(--tick-read-surface)}.row-preview .tick-failed{color:var(--tick-failed)}.row-icons{align-items:center;gap:var(--space-2);color:var(--icon-3);flex:none;display:flex}.row-icons .row-icon{place-items:center;line-height:0;display:inline-grid}.row-icons .badge{border-radius:var(--radius-pill);background:var(--badge);min-width:20px;height:20px;color:var(--on-badge);font-size:var(--text-label-size);padding:0 6px;font-weight:700;line-height:20px}.row-icons .badge:empty{width:10px;min-width:10px;height:10px;padding:0}.badge.mention{background:var(--accent);color:var(--on-primary)}.row-menu-btn{inset-inline-end:var(--space-4);width:var(--tool-btn);height:var(--tool-btn);border-radius:var(--radius-pill);color:var(--icon-3);cursor:pointer;opacity:0;touch-action:manipulation;transition:opacity var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard), background-color var(--dur-instant) var(--ease-standard);background:0 0;border:none;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)translate(4px)}.row-menu-btn:focus-visible,.row-menu-btn[aria-expanded=true]{opacity:1;transform:translateY(-50%)}@media (hover:hover){.chat-row-wrap:hover .row-menu-btn{opacity:1;transform:translateY(-50%)}}@media (hover:hover) and (pointer:fine){.row-menu-btn:hover{background:var(--icon-btn-bg);color:var(--icon)}}@media (any-pointer:coarse) and (pointer:fine){.row-menu-btn{min-width:40px;min-height:40px}}.chat-row-skeleton-list{padding:var(--space-2) 0;margin:0;list-style:none}.person-list.from-skeleton>li{animation:fade-in var(--dur-instant) var(--ease-standard)}.chat-row-skeleton{align-items:center;gap:var(--space-6);min-height:var(--row-h);padding:0 var(--gutter);display:flex}.chat-row-skeleton .sk-avatar{width:var(--avatar-row);height:var(--avatar-row);background:var(--skeleton);border-radius:50%;flex:none}.chat-row-skeleton .sk-lines{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.chat-row-skeleton .sk-bar{border-radius:var(--radius-xs);background:var(--skeleton);height:12px;display:block}.chat-row-skeleton .sk-60{width:60%}.chat-row-skeleton .sk-40{width:40%}.list-empty{align-items:center;gap:var(--space-6);max-width:320px;padding:var(--space-10) var(--gutter);text-align:center;color:var(--icon-3);flex-direction:column;margin:0 auto;display:flex}.list-empty p{font-size:var(--text-body-size);line-height:var(--text-body-lh);color:var(--text-2);margin:0}.starred .person.chat-row{padding-inline-end:52px}.starred .starred-star{color:var(--tag-text);flex:none}.starred-unstar.icon-btn{inset-inline-end:var(--space-4);color:var(--icon-3);position:absolute;top:50%;transform:translateY(-50%)}.directory .dir-row>.person{min-height:var(--row-h);padding:0 var(--gutter);touch-action:manipulation;transition:background-color var(--dur-instant) var(--ease-standard);background:0 0}.directory .dir-row>.person.active{background:var(--state-selected)}.directory .dir-row>.person:active{background:var(--state-pressed)}.directory .dir-row>.person:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.directory .dir-row>.person[aria-busy=true]{cursor:progress}@media (hover:hover) and (pointer:fine){.directory .dir-row>.person:hover{background:var(--state-hover)}.directory .dir-row>.person.active:hover{background:var(--state-selected)}}.directory .dir-row .person-name{font-size:var(--text-title-size);line-height:var(--text-title-lh)}.directory .person-sub{white-space:nowrap;min-width:0;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);display:flex;overflow:hidden}.directory .person-sub .muted{text-overflow:ellipsis;flex:none;max-width:100%;overflow:hidden}.decision-row .row-preview{white-space:normal}.empty-state.no-chat{align-items:center;gap:var(--space-4);max-width:360px;color:var(--text);flex-direction:column;display:flex}.empty-state.no-chat .no-chat-logo{color:var(--text);margin-bottom:var(--space-4);line-height:0}.empty-state.no-chat h2{font-size:var(--text-display-size);line-height:var(--text-display-lh);font-weight:var(--text-display-weight);letter-spacing:var(--text-display-ls);margin:0}.empty-state.no-chat p{font-size:var(--text-body-size);line-height:var(--text-body-lh);margin:0}.empty-state.no-chat .no-chat-lead{color:var(--text)}.notify-banner,.conn-notice{align-items:center;gap:var(--space-5);margin:var(--space-4) var(--space-6) 0;padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);display:flex}.notify-banner{background:var(--surface-2);border:var(--hairline) solid var(--border);color:var(--text-2)}.notify-banner .notify-icon{color:var(--icon-2)}.notify-banner .notify-text{gap:var(--space-1);min-width:0;color:var(--text);flex-direction:column;flex:1;display:flex}.notify-banner .link{text-align:start;min-height:24px;margin-block:-3px;padding-block:3px}.notify-banner .notify-dismiss.icon-btn{margin:-6px -6px -6px 0}.conn-notice{background:var(--surface-2);border:var(--hairline) solid var(--border);color:var(--text)}.conn-notice.offline{background:var(--tag-bg);color:var(--tag-text);border-color:#0000}.conn-notice .conn-icon{color:currentColor}.conn-notice>span{flex:1;min-width:0}.list-pane>.pane-head{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--header-h);padding:0 var(--gutter);background:var(--surface);border-bottom:var(--hairline) solid var(--border);display:flex}.pane-head h2,.list-pane>.pane-head h2{font-size:var(--text-pane-title-size);line-height:var(--text-pane-title-lh);font-weight:var(--text-pane-title-weight);letter-spacing:var(--text-pane-title-ls);color:var(--text);margin:0}.pane-head .actions{gap:var(--space-2);display:flex}.room-header{z-index:2;align-items:center;gap:var(--space-6);min-height:var(--header-h);padding:0 var(--gutter);background:var(--surface);border-bottom:var(--hairline) solid var(--border);display:flex;position:relative}.shell.compact .room-header{gap:var(--space-4);padding-left:var(--space-2);padding-right:var(--space-4);padding-bottom:var(--space-5);min-height:calc(var(--header-h-compact) + max(10px, env(safe-area-inset-top)))}.avatar-wrap{flex:none;display:inline-flex;position:relative}.presence-dot{border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.room-title{cursor:pointer;border-radius:var(--radius-sm);flex:1;min-width:0}.room-title:focus-visible{outline-offset:2px}@media (pointer:coarse){.room-title{min-height:var(--target-coarse);flex-direction:column;justify-content:center;display:flex}}.room-name{font-size:var(--text-title-size);line-height:var(--text-title-lh);font-weight:var(--text-title-weight);letter-spacing:var(--text-title-ls);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-status{font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;min-height:18px;overflow:hidden}.room-status.typing{color:var(--success-text)}.conn-badge{font-size:var(--text-label-size);color:var(--tag-text);background:var(--tag-bg);border-radius:var(--radius-pill);white-space:nowrap;flex:none;padding:3px 10px;font-weight:500;line-height:16px}.room-title .conn-badge{margin-top:1px;padding:1px 8px;display:inline-block}.back-btn.icon-btn{color:var(--icon);margin:0}.room-tools{align-items:center;gap:var(--space-2);flex:none;display:flex}.room-tools .tool{width:var(--icon-btn);height:var(--icon-btn);border-radius:var(--radius-pill);color:var(--icon-2);touch-action:manipulation;background:0 0;border:none;place-items:center;padding:0;display:inline-grid}.room-tools .tool[aria-expanded=true]{background:var(--icon-btn-bg);color:var(--icon)}.room-tools .tool:active{background:var(--state-pressed)}@media (hover:hover) and (pointer:fine){.room-tools .tool:hover{background:var(--icon-btn-bg);color:var(--icon)}}@media (pointer:coarse){.room-tools .tool{width:var(--target-coarse);height:var(--target-coarse)}}.menu-anchor{display:inline-flex;position:relative}.menu-anchor .menu{top:44px;right:0}.pinned-banner{align-items:center;gap:var(--space-4);min-height:40px;padding:0 var(--gutter);background:var(--surface);border:none;border-bottom:var(--hairline) solid var(--border);font:inherit;color:var(--text);cursor:pointer;text-align:start;touch-action:manipulation;transition:background-color var(--dur-instant) var(--ease-standard);display:flex;position:relative}.pinned-banner:before{content:"";inset-inline-start:0;background:var(--accent);width:3px;position:absolute;top:0;bottom:0}.pinned-banner .pinned-icon{color:var(--accent-text)}.pinned-banner:active{background:var(--state-pressed)}@media (hover:hover) and (pointer:fine){.pinned-banner:hover{background:var(--state-hover)}}@media (pointer:coarse){.pinned-banner{min-height:var(--target-coarse)}}.pinned-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-menu-size);flex:1;line-height:20px;overflow:hidden}.pinned-banner .muted{flex:none}.tick{color:var(--tick);vertical-align:middle;transition:color var(--dur-base) var(--ease-standard);flex:none}.tick-read{color:var(--tick-read)}.tick-failed{color:var(--tick-failed)}.bubble-mine .tick{color:var(--tick-on-out)}.bubble-mine .tick-read{color:var(--tick-read)}.bubble-mine .tick-failed{color:var(--tick-failed-on-out)}.bubble-row .icon{pointer-events:none}.bubble-row{align-items:flex-start;gap:6px;margin:8px 0 0;display:flex;position:relative}.bubble-row:is([data-group=middle],[data-group=last]){margin-top:2px}.bubble-row.mine{flex-direction:row-reverse}.bubble-row:has(.reactions){padding-bottom:2px}.bubble-col{min-width:0;max-width:var(--bubble-max-wide);flex-direction:column;align-items:flex-start;display:flex}.shell.compact .bubble-col{max-width:var(--bubble-max-compact)}.bubble-row.mine .bubble-col{align-items:flex-end}.bubble{border-radius:var(--radius-bubble);border:var(--hairline) solid var(--bubble-border);min-width:56px;max-width:100%;box-shadow:var(--elev-1);overflow-wrap:anywhere;touch-action:manipulation;padding:6px 8px 7px 10px;position:relative}.bubble-mine{background:var(--bubble-out);color:var(--bubble-out-text);padding:6px 10px 7px 8px}.bubble-theirs{background:var(--bubble-in);color:var(--bubble-in-text)}.bubble-row.mine:is([data-group=single],[data-group=last]) .bubble{border-bottom-right-radius:0}.bubble-row.theirs:is([data-group=single],[data-group=last]) .bubble{border-bottom-left-radius:0}.flash .bubble{outline:2px solid var(--accent)}.bubble-sender{color:var(--accent-text);margin-bottom:2px;font-size:12px;font-weight:700;line-height:16px}.bubble-forwarded{opacity:.7;align-items:center;gap:4px;margin-bottom:2px;font-size:12px;font-style:italic;line-height:16px;display:flex}.decision-tag{letter-spacing:.2px;border-radius:var(--radius-pill);background:var(--decision-bg);color:var(--decision-text);align-items:center;gap:4px;margin-bottom:4px;padding:2px 8px;font-size:11px;font-weight:700;line-height:14px;display:inline-flex}.bubble-mine .decision-tag{background:var(--decision-bg-on-out);color:var(--decision-text-on-out)}.bubble-text{white-space:pre-wrap;font-size:var(--text-message-size);line-height:var(--text-message-lh);margin:0}.bubble-text a{color:var(--accent-text);text-decoration:none}.bubble-mine .bubble-text a{color:var(--bubble-out-link)}.bubble-text a:focus-visible{text-decoration:underline}@media (hover:hover){.bubble-text a:hover{text-decoration:underline}}.bubble-caption{margin-top:4px}.bubble-poll .icon,.deleted-text .icon{vertical-align:-2px;margin-inline-end:6px}.bubble-quote{text-align:start;border:none;border-left:3px solid var(--accent);border-radius:var(--radius-sm);width:100%;font:inherit;color:inherit;cursor:pointer;background:#7f7f7f26;flex-direction:column;margin-bottom:4px;padding:4px 8px;display:flex}.bubble-mine .bubble-quote{border-left-color:var(--bubble-out-link)}.quote-name{color:var(--accent-text);font-size:12px;font-weight:700;line-height:16px}.bubble-mine .quote-name{color:var(--bubble-out-link)}.quote-text{opacity:.85;text-overflow:ellipsis;white-space:nowrap;max-width:420px;font-size:13px;line-height:18px;overflow:hidden}.link-card{border-left:3px solid var(--accent);background:#7f7f7f26;border-radius:10px;gap:10px;max-width:420px;margin:0 0 6px;padding:8px;text-decoration:none;display:flex;overflow:hidden;color:inherit!important}.bubble-mine .link-card{border-left-color:var(--bubble-out-link)}.link-card img{object-fit:cover;border-radius:6px;flex:none;width:72px;height:72px}.link-card-text{flex-direction:column;gap:2px;min-width:0;display:flex}.link-card-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.link-card-desc{opacity:.85;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:18px;display:-webkit-box;overflow:hidden}.link-card-host{opacity:.75;font-size:12px;line-height:16px}.bubble-image{object-fit:cover;cursor:zoom-in;background:var(--surface-3);border-radius:10px;min-width:120px;max-width:100%;min-height:80px;max-height:340px;display:block}.bubble-video{background:var(--surface-3);border-radius:10px;max-width:100%;max-height:340px;display:block}.media-failed{background:var(--surface-3);width:200px;max-width:100%;height:120px;color:var(--text-2);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:13px;line-height:18px;display:flex}.media-failed .icon{color:var(--icon-3)}.bubble-file{background:#7f7f7f26;border-radius:6px;align-items:center;gap:8px;padding:8px;text-decoration:none;display:flex;color:inherit!important}.file-name{text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.bubble .bubble-file{border-radius:10px;gap:10px;min-width:0;padding:8px 10px}.bubble .bubble-file .file-icon{color:var(--accent-text);flex:none}.bubble-mine .bubble-file .file-icon{color:var(--bubble-out-text)}.bubble .file-name{white-space:nowrap;min-width:0;line-height:20px}.bubble .voice-player+.bubble-caption,.bubble .bubble-file+.bubble-caption{margin-top:6px}.bubble-meta{opacity:.75;white-space:nowrap;justify-content:flex-end;align-items:center;gap:4px;font-size:11px;line-height:14px;display:flex}.edited{font-style:normal}.priority,.meta-badge{display:inline-flex}.priority{color:var(--error)}.bubble-mine .priority{color:#fffc}.bubble[data-meta=float] .bubble-meta{inset-inline-end:8px;position:absolute;bottom:5px}.bubble[data-meta=float] :is(.bubble-text,.bubble-caption):last-of-type:after{content:"";width:var(--meta-w,66px);height:1px;display:inline-block}.bubble[data-meta=float]:has(>:is(.bubble-text,.bubble-caption):last-of-type:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) .bubble-meta{inset-inline:8px auto}.bubble[data-meta=flow] .bubble-meta{margin-top:2px}.bubble[data-meta=overlay]{padding:3px}.bubble[data-meta=overlay] .bubble-image{border-radius:calc(var(--radius-bubble) - 3px)}.bubble-row.mine:is([data-group=single],[data-group=last]) .bubble[data-meta=overlay] .bubble-image{border-bottom-right-radius:0}.bubble-row.theirs:is([data-group=single],[data-group=last]) .bubble[data-meta=overlay] .bubble-image{border-bottom-left-radius:0}.bubble[data-meta=overlay]>:is(.bubble-sender,.bubble-forwarded,.decision-tag,.bubble-quote){margin-inline:5px}.bubble[data-meta=overlay]>.bubble-sender{margin-top:2px}.bubble[data-meta=overlay] .bubble-meta{inset-inline-end:3px;opacity:1;color:#fff;text-shadow:0 0 4px #0009;border-bottom-right-radius:calc(var(--radius-bubble) - 3px);background:radial-gradient(at 100% 100%,#00000080,#00000040 45%,#0000 75%);padding:12px 8px 4px 20px;position:absolute;bottom:3px}.bubble-row.mine:is([data-group=single],[data-group=last]) .bubble[data-meta=overlay] .bubble-meta{border-bottom-right-radius:0}.bubble[data-meta=overlay] .tick:not(.tick-read,.tick-failed){color:#ffffffe6}.bubble.bubble-deleted{background:var(--surface-3);color:var(--text-2);border-color:var(--border);box-shadow:none}.deleted-text{font-style:italic}.bubble.bubble-deleted .bubble-meta{opacity:1}.deleted-text .icon{color:var(--icon-3)}.reactions{z-index:1;margin-top:-8px;flex-wrap:wrap;gap:4px;margin-inline:8px;display:flex;position:relative}.reaction{border:1px solid var(--border);background:var(--surface-raised);color:var(--text);box-shadow:var(--elev-1);border-radius:var(--radius-pill);font:inherit;cursor:pointer;touch-action:manipulation;align-items:center;gap:3px;min-height:24px;padding:1px 7px;font-size:13px;line-height:18px;display:inline-flex}.reaction[data-live]{animation:reaction-pop var(--dur-base) var(--ease-spring)}.reaction.mine{border-color:var(--accent)}.bubble-col:has(>.reactions)>.bubble:not([data-meta=overlay]){padding-bottom:15px}.bubble-col:has(>.reactions)>.bubble[data-meta=float] .bubble-meta{bottom:13px}.bubble-col:has(>.reactions)>.bubble[data-meta=overlay] .bubble-meta{border-radius:0;bottom:11px}.reaction-emoji{font-size:16px;line-height:18px}.reaction-count{font-size:12px;font-weight:600}@media (pointer:coarse){.reaction,.retry{position:relative}.reaction:before,.retry:before{content:"";height:44px;position:absolute;top:50%;left:-4px;right:-4px;transform:translateY(-50%)}.bubble-quote{position:relative}.bubble-quote:after{content:"";inset-inline:0;height:max(100%, var(--target-coarse));position:absolute;top:50%;transform:translateY(-50%)}}.retry{color:var(--error);font:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-end;align-items:center;gap:4px;padding:2px 4px;font-size:12px;line-height:16px;display:inline-flex}.upload-bar{align-items:center;gap:8px;margin-top:4px;display:flex}.upload-fill{background:var(--accent);border-radius:2px;max-width:70%;height:4px;transition:width .2s}@media (hover:hover) and (pointer:fine){.bubble-row.menu-open{z-index:2}}.bubble-row.live{animation:bubble-live var(--dur-base) var(--ease-decelerate);transform-origin:0 100%}.bubble-row.live.mine{transform-origin:100% 100%}@media (hover:hover) and (pointer:fine){.bubble-tools>.tool{transition:transform var(--dur-fast) var(--ease-standard), background-color var(--dur-instant);transform:translateY(4px)}.bubble-row:hover .bubble-tools>.tool,.bubble-tools:focus-within>.tool,.bubble-row.menu-open .bubble-tools>.tool{transform:none}}.room{background:var(--chat-bg);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.messages{overscroll-behavior:contain;padding:16px max(16px, calc((100% - var(--message-col-max)) / 2)) 8px;background:var(--chat-bg);flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.shell.compact .messages{padding:12px 8px 6px}.day-sep,.unread-sep{flex:none;justify-content:center;margin:10px 0;display:flex}.day-sep span,.unread-sep span,.system-pill{border-radius:var(--radius-sm);background:var(--surface-raised);box-shadow:var(--elev-1);outline:1px solid var(--border-subtle);outline-offset:-1px;color:var(--text-2);font-size:var(--text-label-size);line-height:var(--text-label-lh);padding:4px 12px;font-weight:500}.unread-sep span{color:var(--accent-text);font-weight:600}.system-pill{text-align:center;flex:none;align-self:center;max-width:85%;margin:6px 0}.history-slot{flex:none;min-height:24px}.history-slot>p{margin:0;line-height:24px}.messages>p.muted{font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);flex:none;margin:8px 0}.messages>p.room-empty{font-size:var(--text-body-size);line-height:var(--text-body-lh);margin:auto 0;padding:32px 16px}.room-notice{background:var(--tag-bg);color:var(--tag-text);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:14px;line-height:20px;display:flex}@media (pointer:coarse){.room-notice:has(>button.link){min-height:var(--target-coarse);padding-block:0}.room-notice>button.link{align-self:stretch}}.messages>.room-notice.neutral{border-radius:var(--radius-sm);background:var(--surface-2);max-width:420px;color:var(--text-2);text-align:center;justify-content:center;align-self:center;margin:16px 0}.room-skeleton{flex-direction:column;flex:none;gap:8px;margin-top:auto;padding-top:8px;display:flex}.sk-bubble{border-radius:var(--radius-bubble);background:var(--skeleton);width:55%;height:44px}.sk-bubble.theirs{border-end-start-radius:0;align-self:flex-start}.sk-bubble.mine{border-end-end-radius:0;align-self:flex-end}.float-anchor{flex:none;height:0;position:relative}.float-stack{inset-inline-end:24px;z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:16px}.shell.compact .float-stack{inset-inline-end:16px;bottom:12px}.float-btn{cursor:pointer;border:1px solid var(--border);background:var(--surface-raised);width:40px;height:40px;color:var(--icon);box-shadow:var(--elev-2);touch-action:manipulation;transition:background-color var(--dur-instant) var(--ease-standard);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}@media (hover:hover){.float-btn:hover{background:var(--surface-2)}}.float-btn:active{background:var(--surface-3)}@media (pointer:coarse){.float-btn{width:var(--target-coarse);height:var(--target-coarse)}}.float-count{background:var(--accent);min-width:20px;height:20px;color:var(--on-primary);text-align:center;border-radius:10px;padding:0 5px;font-size:11px;font-weight:700;line-height:20px;position:absolute;top:-6px;right:-6px}.bubble-row.selecting{cursor:pointer;padding-inline-start:36px;position:relative}.bubble-row.selecting .bubble-tools{display:none}.bubble-row.selected{background:var(--accent-soft);border-radius:var(--radius-sm)}.select-box{appearance:none;inset-inline-start:8px;border:2px solid var(--icon-3);cursor:pointer;width:22px;height:22px;transition:background-color var(--dur-instant) var(--ease-standard), border-color var(--dur-instant) var(--ease-standard);background:0 0;border-radius:50%;flex:none;margin:-11px 0 0;position:absolute;top:50%}.select-box:checked{background:var(--accent);border-color:var(--accent)}.select-box:checked:after{content:"";border:solid var(--on-primary);border-width:0 2px 2px 0;width:6px;height:11px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.select-box:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.select-bar{background:var(--surface);border-top:1px solid var(--border);flex:none;align-items:center;gap:8px;min-height:56px;padding:6px 16px;display:flex}.select-bar .sel-count{font-size:var(--text-body-size);line-height:var(--text-body-lh);color:var(--text);white-space:nowrap;margin-inline-end:auto;font-weight:600}.select-actions{align-items:center;gap:4px;display:flex}.select-bar .select-action{border-radius:var(--radius-md);width:auto;min-width:64px;height:auto;min-height:44px;color:var(--icon-2);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 8px;display:inline-flex}.select-action .sa-label{font-size:var(--text-label-size);line-height:var(--text-label-lh);color:var(--text-2);white-space:nowrap;font-weight:500}.select-bar .select-action.danger,.select-action.danger .sa-label{color:var(--error)}.select-bar .select-action:disabled,.select-bar .select-action.danger:disabled,.select-bar .select-action:disabled .sa-label{color:var(--icon-disabled)}.shell.compact .select-bar{padding-inline:8px}.select-bar.dense .select-action{border-radius:50%;width:44px;min-width:44px;height:44px;padding:0}.select-bar.dense .select-action .sa-label,.select-bar.dense .sel-word{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.viewer{z-index:50;background:var(--viewer-bg);cursor:zoom-out;place-items:center;display:grid;position:fixed;inset:0}.viewer img{border-radius:6px;max-width:92vw;max-height:92dvh}.viewer-close{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));color:#fff;cursor:pointer;width:44px;height:44px;transition:background-color var(--dur-instant) var(--ease-standard);background:#0000008c;border:none;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;box-shadow:0 0 0 1px #ffffff47}@media (hover:hover){.viewer-close:hover{background:#000000bf}}.menu{z-index:20;min-width:var(--menu-min-w);max-width:var(--menu-max-w);padding:var(--space-3);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:max-content;box-shadow:var(--elev-3);transform-origin:100% 0;flex-direction:column;display:flex;position:absolute;top:100%;right:8px}.bubble-row.theirs .bubble-tools .menu{transform-origin:0 0}.menu.up{transform-origin:100% 100%}.bubble-row.theirs .bubble-tools .menu.up{transform-origin:0 100%}.menu.menu-in{animation:menu-in var(--dur-fast) var(--ease-decelerate)}.menu button{align-items:center;gap:var(--space-6);min-height:var(--menu-item-h);padding:0 var(--space-6);border-radius:var(--radius-sm);text-align:start;cursor:pointer;font:inherit;font-size:var(--text-menu-size);line-height:var(--text-menu-lh);font-weight:var(--text-menu-weight);color:var(--text);touch-action:manipulation;transition:background-color var(--dur-instant) var(--ease-standard);background:0 0;border:none;display:flex}.menu button>.icon{color:var(--icon-2)}.menu button>span{overflow-wrap:anywhere;min-width:0}@media (hover:hover){.menu button:hover{background:var(--state-hover)}}.menu button:active{background:var(--state-pressed)}.menu .danger,.menu .danger>.icon{color:var(--error)}.menu hr.menu-sep{height:1px;margin:var(--space-2) 0;background:var(--divider);border:0;flex:none}.reaction-picker{min-width:0;padding:var(--space-2);border-radius:var(--radius-pill);flex-direction:row}.menu.reaction-picker button{border-radius:var(--radius-pill);justify-content:center;width:36px;height:36px;min-height:36px;padding:0;font-size:20px;line-height:1}@media (hover:hover) and (pointer:fine){.menu.reaction-picker button{transition:transform var(--dur-instant) var(--ease-standard), background-color var(--dur-instant)}.menu.reaction-picker button:hover{background:0 0;transform:scale(1.25)}}.sheet-reactions{padding:var(--space-1) 0 var(--space-2);flex:none;justify-content:space-between;display:flex}.menu .sheet-reactions button{border-radius:var(--radius-pill);justify-content:center;width:44px;height:44px;min-height:44px;padding:0;font-size:24px;line-height:1}.bubble-tools{gap:var(--space-1);opacity:0;transition:opacity var(--dur-fast) var(--ease-standard);display:flex;position:relative}.bubble-tools:focus-within{opacity:1}@media (hover:hover){.bubble-row:hover .bubble-tools{opacity:1}}.tool{width:var(--tool-btn);height:var(--tool-btn);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--icon-2);cursor:pointer;touch-action:manipulation;place-items:center;padding:0;font-size:14px;display:inline-grid}.tool.big{background:0 0;border:none;width:38px;height:38px;font-size:18px}.bubble-tools .menu{top:32px}.bubble-row.mine .bubble-tools .menu{right:0}.bubble-row.theirs .bubble-tools .menu{left:0;right:auto}.bubble-row.menu-open .bubble-tools{opacity:1}.bubble.pressing,.chat-row.pressing{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.bubble.pressing img{-webkit-touch-callout:none}.chat-row.pressing{background:var(--state-pressed)}@media (pointer:coarse){.tool{width:40px;height:40px}.back-btn{min-width:var(--target-coarse);min-height:var(--target-coarse)}.chip,.retry{min-height:40px}.reaction{min-height:32px;padding:4px 10px}.menu button{min-height:var(--target-coarse)}.row-menu-btn{min-width:44px;min-height:44px}.notify-banner .notify-dismiss{text-align:center;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin:-10px -8px -10px 0;display:inline-flex}}@media (any-pointer:coarse) and (pointer:fine){.menu button,.row-menu-btn{min-height:40px}.bubble-tools>.tool{width:40px;height:40px}}.bubble-tools .menu.up{top:auto;bottom:calc(100% + 4px)}.chat-row-wrap .menu.up{top:auto;bottom:100%}.menu.capped{scrollbar-width:thin;overscroll-behavior:contain;scroll-padding-bottom:32px}.menu.capped:after{content:"";pointer-events:none;background:linear-gradient(to bottom, transparent, var(--surface-raised));height:32px;transition:opacity var(--dur-fast) var(--ease-standard);flex:none;margin-top:-32px;position:sticky;bottom:0}.menu.capped.at-end:after{opacity:0}.menu-scrim{display:none}@media (hover:none){.shell.compact .menu-scrim{z-index:59;background:var(--scrim-light);animation:fade-in var(--dur-slow) var(--ease-decelerate);display:block;position:fixed;inset:0}.shell.compact .chat-row-wrap .menu,.shell.compact .menu-anchor .menu,.shell.compact .bubble-row.mine .bubble-tools .menu,.shell.compact .bubble-row.theirs .bubble-tools .menu{z-index:60;border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:auto;min-width:0;max-width:none;padding:8px max(8px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));max-height:calc(100dvh - var(--header-h-compact));overscroll-behavior:contain;box-shadow:var(--elev-sheet);animation:sheet-in var(--dur-slow) var(--ease-decelerate);border:0;position:fixed;inset:auto 0 0;overflow-y:auto}.shell.compact .chat-row-wrap .menu:before,.shell.compact .menu-anchor .menu:before,.shell.compact .bubble-row .bubble-tools .menu:before{content:"";width:36px;height:4px;margin:0 0 var(--space-4);border-radius:var(--radius-pill);background:var(--border);flex:none;align-self:center}.shell.compact .menu button{min-height:var(--sheet-item-h);padding:0 var(--space-6);gap:var(--space-7);font-size:16px;line-height:20px}.shell.compact .menu button>.icon{width:22px;height:22px}.shell.compact .reaction-picker{flex-flow:wrap;justify-content:space-around}.shell.compact .bubble-row .bubble-tools .menu.reaction-picker:before{flex-basis:100%;max-width:36px;margin-inline:calc(50% - 18px)}.shell.compact .menu.reaction-picker button,.shell.compact .menu .sheet-reactions button{width:48px;height:48px;min-height:48px;padding:0;font-size:26px}.shell.compact .sheet-reactions{padding:0 0 var(--space-2);justify-content:space-around}.shell.compact .bubble-row{-webkit-user-select:none;user-select:none}.shell.compact .bubble img{-webkit-touch-callout:none}}@media (hover:none) and (height<=760px){.shell.compact .menu button,.shell.compact .menu .sheet-reactions button{min-height:48px}}@media (hover:none){.bubble-tools>.tool:not(:focus-visible),.chat-row-wrap .row-menu-btn:not(:focus-visible){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;min-width:0;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.bubble-tools>.tool:focus-visible,.row-menu-btn:focus-visible{opacity:1}.chat-row-wrap:has(.row-menu-btn:focus-visible) .row-time{display:none}.bubble-tools{opacity:1}}.composer-wrap{background:var(--surface-2);border-top:1px solid var(--border);position:relative}.composer-bar{animation:bar-in var(--dur-fast,.15s) var(--ease-standard,ease);align-items:center;gap:8px;padding:8px 12px 0;display:flex}.composer-bar.files{flex-wrap:wrap}.bar-quote{background:var(--surface-3);border-left:4px solid var(--accent);border-radius:12px;flex-direction:column;flex:1;min-width:0;padding:6px 10px;display:flex}.bar-quote .quote-name{color:var(--accent-text);font-size:12px;font-weight:700;line-height:16px}.bar-quote .quote-text{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;overflow:hidden}.file-chip{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;display:inline-flex}.composer{align-items:flex-end;gap:8px;padding:8px 12px;display:flex}.shell.compact .composer{padding:8px}.composer .tool.big{width:40px;height:40px;color:var(--icon-2);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.composer .tool.big:active{background:var(--state-pressed)}.composer .tool.big:disabled{color:var(--icon-disabled);cursor:default}@media (hover:hover) and (pointer:fine){.composer .tool.big:hover:not(:disabled){background:var(--icon-btn-bg)}}.composer-input{resize:none;min-width:0;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);field-sizing:content;border-radius:20px;flex:1;min-height:40px;max-height:140px;padding:9px 14px;font-size:15px;line-height:20px}.composer-input::placeholder{color:var(--text-3)}.composer-input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-color:var(--accent)}.shell.compact .composer-input{font-size:16px;line-height:22px}@media (pointer:coarse){.composer-input{min-height:var(--target-coarse);padding-block:10px}}.composer .btn.send{width:var(--send-btn-size,42px);height:var(--send-btn-size,42px);background:var(--send-btn);color:var(--on-primary);border:1px solid var(--send-ring);border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.composer .btn.send:disabled{opacity:.45}.send-glyph{animation:composer-glyph-in var(--dur-fast,.15s) var(--ease-standard,ease)}@keyframes composer-glyph-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (pointer:coarse){.composer .tool.big,.composer .btn.send{width:var(--target-coarse,44px);height:var(--target-coarse,44px)}}.drop-overlay{display:none}@media (hover:hover) and (pointer:fine){.drop-overlay{z-index:5;pointer-events:none;border:2px dashed var(--accent);background:linear-gradient(var(--accent-soft), var(--accent-soft)), var(--surface-2);color:var(--text);border-radius:12px;place-items:center;font-size:15px;font-weight:600;line-height:20px;display:grid;position:absolute;inset:0}}.composer-wrap .form-error.small{color:var(--error);margin:6px 16px 0;font-size:13px;line-height:18px}.rec-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.recorder{background:var(--surface-2);border-top:1px solid var(--border);align-items:center;gap:12px;padding:8px 12px;display:flex}.rec-dot{background:var(--error);border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite pulse-opacity}.rec-time{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;line-height:20px}.rec-label{color:var(--text-2);font-size:13px;line-height:18px}.recorder .rec-cancel{color:var(--error);align-items:center;gap:6px;min-height:40px;display:inline-flex}@media (hover:hover) and (pointer:fine){.recorder .rec-cancel:hover{color:var(--error)}}.recorder .btn.rec-send{width:var(--send-btn-size,42px);height:var(--send-btn-size,42px);background:var(--send-btn);color:var(--on-primary);border:1px solid var(--send-ring);border-radius:50%;place-items:center;padding:0;display:inline-grid}@media (pointer:coarse){.recorder .rec-cancel{min-height:var(--target-coarse,44px)}.recorder .btn.rec-send{width:var(--target-coarse,44px);height:var(--target-coarse,44px)}}@media (prefers-reduced-motion:reduce){.rec-dot,.send-glyph,.composer-bar{animation:none}}.drawer{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;flex:0 0 clamp(320px,30vw,420px);height:100%;display:flex}.drawer-head{border-bottom:1px solid var(--border);background:var(--surface);flex:none;align-items:center;gap:4px;height:60px;padding:0 8px;display:flex}.drawer-head h3{font-size:var(--text-title-size);line-height:var(--text-title-lh);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.drawer-head .icon-btn{color:var(--icon)}.shell.wide .drawer{animation:drawer-in var(--dur-slow) var(--ease-decelerate)}@media (width>=768px) and (width<=1244px){.shell.wide .drawer{animation-name:panel-in}}.shell.compact .drawer{animation:panel-in var(--dur-slow) var(--ease-decelerate)}.drawer-head .drawer-back{display:none}.shell.compact .drawer-head{height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.shell.compact .drawer-head .drawer-x{display:none}.shell.compact .drawer-head .drawer-back{display:inline-block}.drawer-body{overscroll-behavior:contain;flex:1;overflow-y:auto}.drawer-hero{cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:24px 16px 8px;display:flex}.drawer-hero .link{font-size:13px;line-height:18px}.drawer-section{border-bottom:8px solid var(--surface-2);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.drawer-section:last-child{border-bottom:0}.drawer-section.center{text-align:center;align-items:center}.drawer-section h2{font-size:var(--text-display-size);line-height:var(--text-display-lh);margin:0;font-weight:700}.drawer-section.center .muted{margin:0;font-size:15px;line-height:20px}.group-desc{white-space:pre-wrap;margin:4px 0;font-size:14px;line-height:20px}.section-head{justify-content:space-between;align-items:center;min-height:40px;display:flex}.section-head .btn-ghost{color:var(--accent-text);gap:6px}.member-row{align-items:center;gap:12px;min-height:56px;padding:8px 0;display:flex}.member-row .person-name{font-size:15px;line-height:20px}.member-row .muted{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;overflow:hidden}.member-row .btn.small{min-height:36px}@media (pointer:coarse){.member-row .btn.small{min-height:44px}}.add-members{flex-direction:column;gap:8px;display:flex}.add-members .pick-list{max-height:220px}.danger-text{color:var(--error)!important}.drawer .tabs.pad-x{margin:0 16px}.drawer .tabs .tab{min-height:44px;font-size:15px;line-height:20px}.pad-x{padding-left:16px;padding-right:16px}.info-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.info-list li{justify-content:space-between;gap:8px;font-size:13px;line-height:18px;display:flex}.info-title{align-items:center;gap:6px;font-size:15px;font-weight:600;line-height:20px;display:flex}.info-title .tick-read{color:var(--tick-read-surface)}.info-title .tick-delivered,.info-title .tick-pending{color:var(--tick)}.info-preview{max-width:100%}.decision-stamp{color:var(--text-2);align-items:center;gap:4px;font-size:12px;line-height:16px;display:flex}.decision-stamp-icon{color:var(--decision-bg)}.chat-row-wrap>.decision-remove{color:var(--icon-3);position:absolute;top:50%;right:8px;transform:translateY(-50%)}@media (hover:hover) and (pointer:fine){.chat-row-wrap>.decision-remove{opacity:0}.chat-row-wrap:hover>.decision-remove,.chat-row-wrap>.decision-remove:focus-visible{opacity:1}}.search-hit{align-items:flex-start}.search-snippet{white-space:normal;font-size:14px;line-height:20px}.search-snippet mark{background:var(--mark-bg);color:inherit;border-radius:2px}.drawer .search-hit .muted.small{font-size:13px;line-height:18px}.media-grid{grid-template-columns:repeat(3,1fr);gap:3px;padding:8px 16px;display:grid}.media-cell{aspect-ratio:1;background:var(--surface-3);border-radius:var(--radius-xs);cursor:pointer;border:none;padding:0;overflow:hidden}.media-cell img,.media-cell video{object-fit:cover;width:100%;height:100%}.media-skel{aspect-ratio:1;border-radius:var(--radius-xs);background:var(--avatar-bg)}.media-other{height:100%;color:var(--icon-2);place-items:center;display:grid}.doc-row{flex:1;align-items:center;gap:12px;min-width:0}.doc-row .file-icon{color:var(--icon-2)}.link-row{text-overflow:ellipsis;white-space:nowrap;line-height:24px;display:block;overflow:hidden}@media (pointer:coarse){.link-row{padding-block:10px}}.presence-dot.big{width:20px;height:20px;bottom:4px;right:4px}.report-form{flex-direction:column;gap:8px;display:flex}.drawer-section.rows{gap:0;padding-top:0;padding-bottom:0}.drawer-section.rows>.report-form{padding:8px 0 12px}.drawer-section.rows>.form-error,.drawer-section.rows>.muted{margin:0;padding:8px 0}.drawer-section.rows>.settings-row{width:calc(100% + 32px);margin:0 -16px}.drawer-section.rows>.settings-row:last-child{border-bottom:0}.skel-rows{flex-direction:column;display:flex}.drawer-section .skel-rows{margin:0 -16px}.skel-row{align-items:center;gap:14px;min-height:56px;padding:0 16px;display:flex}.skel-dot{background:var(--avatar-bg);border-radius:50%;flex:none;width:24px;height:24px}.skel-bars{flex-direction:column;flex:1;gap:8px;display:flex}.skel-bar{background:var(--avatar-bg);border-radius:5px;width:60%;height:10px}.skel-bar.short{width:35%}.settings-row{border:none;border-bottom:1px solid var(--border-subtle);width:100%;min-height:56px;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:14px;padding:0 16px;font-size:15px;line-height:20px;display:flex}.settings-row:active{background:var(--state-pressed)}@media (hover:hover) and (pointer:fine){.settings-row:hover:not(:disabled){background:var(--state-hover)}}.settings-row:disabled{opacity:.45;cursor:default}.settings-row.profile{min-height:72px;padding:8px 16px}.settings-row.profile .person-name{font-size:var(--text-title-size);line-height:var(--text-title-lh)}.settings-row.profile .muted.small{text-overflow:ellipsis;white-space:nowrap;line-height:18px;overflow:hidden}.settings-row.toggle{cursor:default}.settings-row.toggle input{width:20px;height:20px;accent-color:var(--primary);flex:none;margin:0 0 0 auto}.settings-row .row-icon{color:var(--icon-2)}.settings-row .row-label{flex:1;min-width:0}.settings-row .row-icon.st-available{color:var(--success-text)}.settings-row .hint{color:var(--text-3)}.settings-row .row-value{color:var(--text-2);font-size:15px}.settings-row .row-chevron{color:var(--icon-3);flex:none;margin-left:auto}.settings-row .row-label+.row-chevron,.settings-row .row-value+.row-chevron,.settings-row .media-strip+.row-chevron{margin-left:0}.settings-row.danger-text .row-icon{color:currentColor}.settings-row.danger-text .row-icon[width="20"]{margin:0 2px}.media-strip{flex:none;gap:4px;display:flex}.media-strip img{object-fit:cover;background:var(--surface-3);border-radius:6px;width:40px;height:40px}.settings-section{flex-direction:column;gap:8px;padding:0 16px 16px;display:flex}.sub-head{align-items:center;gap:8px;min-height:56px;display:flex}.sub-head strong{font-size:var(--text-title-size);line-height:var(--text-title-lh);font-weight:600}.sub-head .back-btn{width:44px;height:44px;color:var(--icon);margin-left:-8px;padding:0}.status-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.status-grid .btn{border-radius:var(--radius-md);justify-content:flex-start;gap:10px;min-height:44px;padding:0 14px;font-size:15px;line-height:20px}.status-grid .btn.active{outline:2px solid var(--accent);outline-offset:0}.presence-dot.inline{vertical-align:middle;border:none;width:10px;height:10px;display:inline-block;position:static}.status-grid .presence-dot.inline{margin:0 5px}.st-available{color:var(--success-text)}.st-busy{color:var(--error)}.st-brb{color:var(--warning)}.st-dnd{color:var(--text-2);display:inline-flex;position:relative}.st-dnd .st-badge{color:var(--error);background:var(--surface);border-radius:50%;position:absolute;bottom:-3px;right:-4px}.ooo-icon{vertical-align:-5px;margin-right:6px}.row-inline{align-items:center;gap:8px;display:flex}.row-inline .text-input{border-radius:var(--radius-md);flex:1;min-width:0;min-height:44px}.row-inline.ooo{flex-wrap:wrap;align-items:flex-end}.ooo-field{flex-direction:column;flex:100%;min-width:0;display:flex}.ooo-field .field-label{margin:6px 0 4px}.set-btn{border-radius:var(--radius-md);min-width:64px;min-height:44px;padding:0 18px;font-size:15px;line-height:20px}.shell.wide .ooo-field{flex:1 1 0}.shell.wide .row-inline.ooo{flex-wrap:nowrap}.segmented{border-radius:var(--radius-md);background:var(--surface-2);gap:4px;padding:4px;display:flex}.segment{min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 8px;font-size:15px;font-weight:600;line-height:20px;display:inline-flex}.segment.active{background:var(--primary);color:var(--on-primary)}.segment:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (hover:hover) and (pointer:fine){.segment:not(.active):hover{background:var(--state-hover)}}.dialog-backdrop{background:var(--scrim);z-index:40;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{width:100%;max-width:var(--dialog-w);background:var(--surface-raised);border-radius:var(--radius-xl);max-height:86vh;box-shadow:var(--elev-4);border:0;flex-direction:column;gap:12px;padding:24px;display:flex}.dialog-backdrop{animation:fade-in var(--dur-fast) var(--ease-standard)}.dialog{animation:dialog-in var(--dur-base) var(--ease-spring)}.dialog h2{margin:0;font-size:20px;font-weight:700;line-height:24px}.dialog .text-input{border-radius:var(--radius-md);min-height:44px}.dialog .btn{border-radius:var(--radius-md);min-height:44px;font-size:15px;line-height:20px}.dialog .btn-row{margin-top:4px}.dialog .btn-secondary{background:0 0}.pick-list{border:1px solid var(--border);border-radius:var(--radius-md);flex:1;min-height:120px;overflow-y:auto}.pick-list .person{cursor:pointer;min-height:48px;padding:6px 12px}.pick-list .person-text .muted{font-size:13px;line-height:18px}.pick-list .person input[type=checkbox]{appearance:none;border:2px solid var(--icon-3);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin:0;display:grid}.pick-list .person input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}.pick-list .person input[type=checkbox]:checked:after{content:"";border:solid var(--on-primary);border-width:0 2px 2px 0;width:5px;height:10px;transform:translateY(-1px)rotate(45deg)}.pick-list .person input[type=checkbox]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.pick-list .person input[type=checkbox]:disabled{opacity:.4;cursor:default}.picked-chips{flex-wrap:wrap;gap:6px;max-height:76px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.picked-chip{background:var(--surface-3);height:28px;color:var(--text);border-radius:14px;align-items:center;gap:6px;padding:0 4px;font-size:13px;line-height:18px;display:inline-flex}.picked-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.picked-x{width:20px;height:20px;color:var(--icon-2);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:relative}.picked-x:after{content:"";position:absolute;inset:-12px -6px}@media (pointer:coarse){.picked-x:after{inset:-12px}}.picked-x:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.dialog{box-sizing:border-box;max-height:86vh;max-height:min(86dvh, calc(var(--vvh,100dvh) - 32px))}.shell.compact .dialog-backdrop{padding-top:calc(16px + var(--vvtop,0px));place-items:start center}.shell.compact .dialog{min-width:0;padding:20px}.shell.compact .dialog .person-text>.muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace.admin>.admin-inner{max-width:1100px;margin:0 auto}.admin-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.admin-head p{margin:0}.admin-head>div{flex:auto;min-width:0}.admin-head>.btn{white-space:nowrap;flex:none}.add-person{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start;gap:10px;margin:12px 0;padding:16px;display:grid}.table{border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px;font-size:14px;line-height:20px}.table th{color:var(--text-2);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);background:var(--surface-2);font-weight:600}.table tr:last-child td{border-bottom:none}.table .actions{justify-content:flex-end;gap:8px;display:flex}.table td.actions .btn{min-height:40px}@media (pointer:coarse){.table td.actions .btn{min-height:var(--target-coarse)}}.shell.compact .workspace.admin .admin-head{flex-wrap:wrap}@media (width<=767px){.table th:nth-child(3),.table td:nth-child(3){display:none}}@media (width<=480px){.table{display:block}.table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.table tbody{display:block}.table tr{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:10px 14px;display:grid}.table tr:last-child{border-bottom:none}.table td{overflow-wrap:anywhere;border-bottom:none;min-width:0;padding:0;display:block}.table td:first-child{grid-column:1;font-weight:600}.table td:nth-child(2){color:var(--text-2);grid-column:1}.table td.actions{grid-area:1/2/span 2;display:flex}.table td:nth-child(4):not(.actions){grid-area:1/2/span 2}.workspace.admin .tabs{gap:0}.workspace.admin .tab{padding:0 10px}}.toast-region{z-index:6;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:16px;left:0;right:0}.shell.compact .toast-region{bottom:12px}.toast{border-radius:var(--radius-md);background:var(--toast-bg);max-width:min(480px,100% - 136px);color:var(--toast-text);box-shadow:var(--elev-3);border:1px solid var(--border);text-align:center;overflow-wrap:anywhere;animation:toast-in var(--dur-base) var(--ease-decelerate);padding:12px 16px;font-size:14px;line-height:20px}.toast.out{animation:fade-out var(--dur-fast) var(--ease-accelerate);opacity:0}.voice-player{--progress:0;--vp-disc-bg:var(--primary,#1a1a1a);--vp-disc-fg:var(--on-primary);--vp-bar:var(--icon-3,#8a8a8a);--vp-bar-played:var(--accent,#016eeb);--vp-meta:var(--text-2,#6b6c6e);--vp-chip-bg:color-mix(in srgb, var(--vp-meta) 20%, transparent);align-items:flex-start;gap:var(--space-5,10px);width:240px;max-width:100%;padding:var(--space-1,2px) 0;color:inherit;-webkit-user-select:none;user-select:none;display:flex;position:relative}.voice-player.out{--vp-disc-bg:var(--bubble-out-text,#fff);--vp-disc-fg:var(--bubble-out,#111);--vp-bar:#ffffff6b;--vp-bar-played:color-mix(in srgb, var(--bubble-out-text,#fff) 90%, transparent);--vp-meta:var(--tick-on-out,#ffffffb3)}.voice-player .bubble-audio{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vp-play{border-radius:var(--radius-pill,999px);width:36px;height:36px;color:var(--vp-disc-fg);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;place-items:center;margin:1px 0 0;padding:0;display:grid}.vp-disc{border-radius:var(--radius-pill,999px);background:var(--vp-disc-bg);width:36px;height:36px;color:var(--vp-disc-fg);transition:transform var(--dur-instant,.1s) var(--ease-standard,ease), opacity var(--dur-instant,.1s) linear;place-items:center;display:grid}.vp-play:active .vp-disc{transform:scale(.92)}@media (hover:hover){.vp-play:hover .vp-disc{opacity:.88}}.vp-play:disabled{cursor:default}.vp-play:disabled .vp-disc{opacity:.45}.vp-glyph{animation:vp-glyph-in var(--dur-fast,.15s) var(--ease-standard,ease)}.vp-glyph-play{transform:translate(1px)}@keyframes vp-glyph-in{0%{opacity:0;scale:.8}}.vp-body{gap:var(--space-1,2px);flex-direction:column;flex:auto;min-width:0;display:flex}.vp-slider{padding:var(--space-3,6px) 0;border-radius:var(--radius-xs,4px);cursor:pointer;touch-action:none;position:relative}.vp-slider[aria-disabled=true]{cursor:default}.vp-slider:focus-visible{outline:2px solid var(--focus-ring,var(--accent,#0a66d0));outline-offset:2px}.wave{overflow-clip-margin:8px;height:26px;position:relative;overflow:clip}.wave-bars{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.wave-bars>i{background:var(--vp-bar);transform-origin:50%;border-radius:2px;flex:none;width:3px;height:100%;display:block}.wave-fill{clip-path:inset(0 calc(100% - var(--progress) * 100%) 0 0);position:absolute;inset:0}.wave-fill .wave-bars>i{background:var(--vp-bar-played)}.wave-knob-track{transform:translateX(calc(var(--progress) * 100%));pointer-events:none;position:absolute;inset:0}.wave-knob{background:var(--vp-bar-played);width:12px;height:12px;box-shadow:0 0 0 2px var(--vp-knob-ring,transparent);opacity:0;transition:opacity var(--dur-fast,.15s) var(--ease-standard,ease), transform var(--dur-fast,.15s) var(--ease-standard,ease);border-radius:50%;margin-top:-6px;position:absolute;top:50%;left:-6px;transform:scale(.5)}.voice-player:not([data-state=idle]):not([data-state=error]) .wave-knob{opacity:1;transform:none}.voice-player[data-state=loading] .wave{overflow:hidden}.voice-player[data-state=loading] .wave:after{content:"";background:linear-gradient(90deg, transparent, var(--skeleton-sheen,#ffffff80), transparent);animation:1.2s linear infinite vp-sheen;position:absolute;inset:0}.voice-player.out[data-state=loading] .wave:after{background:linear-gradient(90deg,#0000,#ffffff47,#0000)}@keyframes vp-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}.voice-player[data-state=error] .wave-bars>i{opacity:.4}.vp-foot{align-items:center;gap:var(--space-2,4px);height:18px;display:flex}.vp-time{font-variant-numeric:tabular-nums;color:var(--vp-meta);font-size:12px;line-height:16px}.voice-player[data-state=error] .vp-time{color:var(--error,#c62828)}.voice-player.out[data-state=error] .vp-time{color:var(--tick-failed-on-out,#ff8a80)}.vp-speed{height:28px;color:var(--vp-meta);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;opacity:0;transition:opacity var(--dur-fast,.15s) var(--ease-standard,ease);background:0 0;border:0;place-items:center;margin:-5px 0;padding:0 4px;display:grid}.vp-speed-pill{border-radius:var(--radius-pill,999px);background:var(--vp-chip-bg);font-variant-numeric:tabular-nums;place-items:center;min-width:34px;height:20px;padding:0 6px;font-size:11px;font-weight:600;line-height:14px;display:grid}.voice-player:not([data-state=idle]) .vp-speed,.vp-speed:focus-visible{opacity:1}@media (hover:hover){.voice-player:hover .vp-speed{opacity:1}}.voice-player[data-state=error] .vp-speed{visibility:hidden}@media (pointer:coarse){.vp-play{width:44px;height:44px;margin:-3px -4px -4px}.vp-slider{margin:-3px 0;padding:9px 0}.vp-speed{height:44px;margin:-13px 0;padding:0 6px}}.composer-bar.files.attach-preview{padding:var(--space-4,8px) 12px 0;animation:ap-in var(--dur-fast,.15s) var(--ease-standard,ease);display:block}@keyframes ap-in{0%{opacity:0;transform:translateY(8px)}}.ap-stage{margin-bottom:var(--space-4,8px)}.ap-stage-media{border-radius:var(--radius-md,12px);background:var(--surface-3);place-items:center;height:240px;display:grid;overflow:hidden}.ap-stage-media>img,.ap-stage-media>video{object-fit:contain;max-width:100%;max-height:240px;display:block}.ap-stage-doc{justify-items:center;gap:var(--space-3,6px);color:var(--icon-2,#6b6c6e);display:grid}.ap-stage-doc .ap-ext{font-size:13px}.ap-stage-info{align-items:baseline;gap:var(--space-4,8px);min-width:0;margin-top:var(--space-3,6px);display:flex}.ap-stage-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text,#1a1a1a);flex:0 auto;font-size:13px;font-weight:500;line-height:18px;overflow:hidden}.ap-stage-size{color:var(--text-2,#6b6c6e);flex:none;font-size:12px;line-height:16px}.ap-strip{gap:var(--space-4,8px);margin:0 calc(-1 * var(--space-7,16px));padding:10px var(--space-7,16px) var(--space-2,4px);overscroll-behavior:contain;scrollbar-width:thin;list-style:none;display:flex;overflow-x:auto}.attach-preview .file-chip.ap-tile{width:72px;height:72px;animation:ap-tile-in var(--dur-fast,.15s) var(--ease-decelerate,ease-out);background:0 0;border:0;border-radius:10px;flex:none;padding:0;font-size:13px;display:block;position:relative}@keyframes ap-tile-in{0%{opacity:0;transform:scale(.9)}}.ap-face{background:var(--surface-3);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--border-subtle,#0000000f);color:var(--icon-2,#6b6c6e);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.ap-face:focus-visible{outline:2px solid var(--focus-ring,var(--accent,#0a66d0));outline-offset:2px}.ap-tile[data-selected=true] .ap-face{box-shadow:inset 0 0 0 2px var(--accent,#016eeb)}.ap-tile[data-selected=true] .ap-face>img,.ap-tile[data-selected=true] .ap-face>video{opacity:.92}.ap-face>img,.ap-face>video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ap-tile[data-selected=true] .ap-face:after{content:"";box-shadow:inset 0 0 0 2px var(--accent,#016eeb);pointer-events:none;border-radius:10px;position:absolute;inset:0}.ap-doc{justify-items:center;gap:2px;display:grid}.ap-ext{letter-spacing:.3px;color:var(--text-2,#6b6c6e);font-size:11px;font-weight:700;line-height:14px}.ap-video-badge{color:#fff;background:#0000008c;border-radius:6px;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:4px;left:4px}.ap-name-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ap-remove{width:24px;height:24px;color:var(--icon,#1a1a1a);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-8px;right:-8px}.ap-remove:before{content:"";background:var(--surface);width:18px;height:18px;box-shadow:var(--elev-1,0 1px 1px #00000014);border-radius:50%;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%}.ap-remove .icon{position:relative}@media (hover:hover){.ap-remove:hover{color:var(--error,#c62828)}}.ap-remove:active{transform:scale(.9)}.ap-foot{justify-content:space-between;align-items:center;gap:var(--space-4,8px);padding-top:var(--space-2,4px);display:flex}.ap-count{color:var(--text-2,#6b6c6e);font-variant-numeric:tabular-nums;flex:none;font-size:12px;line-height:16px}.ap-count[data-full=true]{color:var(--warning-text,var(--text-2,#6b6c6e));font-weight:600}.shell.compact .ap-stage{display:none}@media (width<=767.98px){.ap-stage{display:none}}@media (height<=699px){.attach-preview .ap-stage{display:none}}@media (pointer:coarse){.ap-remove{width:44px;height:44px;top:-14px;right:-14px}.ap-strip{padding-top:16px}}@media (prefers-reduced-motion:reduce){.vp-glyph,.attach-preview,.attach-preview .file-chip.ap-tile{animation:none}.voice-player[data-state=loading] .wave:after{opacity:.6;animation:none;transform:none}.vp-disc,.wave-knob,.vp-speed{transition:none}}@media (forced-colors:active){.wave-bars>i{background:canvastext}.wave-fill .wave-bars>i,.wave-knob{background:highlight}.vp-disc{border:1px solid buttontext}}@keyframes panel-in{0%{transform:translate(100%)}}@keyframes panel-back{0%{opacity:.6;transform:translate(-20%)}}@keyframes room-in{0%{opacity:0;transform:translateY(4px)}}@keyframes menu-in{0%{opacity:0;transform:scale(.96)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes dialog-in{0%{opacity:0;transform:scale(.92)}}@keyframes bubble-live{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes badge-in{0%{transform:scale(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes skeleton-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes typing-dot{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.35}}@keyframes progress-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}}@keyframes reaction-pop{0%{transform:scale(.4)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes icon-swap{0%{opacity:0;transform:scale(.8)}}@keyframes bar-in{0%{opacity:0;transform:translateY(8px)}}.shell.compact .chat-pane[data-push=in]{animation:panel-in var(--dur-slow) var(--ease-decelerate)}.shell.compact .list-pane[data-push=back]{animation:panel-back var(--dur-medium) var(--ease-accelerate)}.shell.compact [data-push]{pointer-events:none}