:root{--neutral-0: #ffffff;--neutral-1: #f7f8fa;--neutral-2: #eef0f4;--neutral-3: #e2e6ec;--neutral-4: #cdd3dc;--neutral-5: #a8b1be;--neutral-6: #7c8796;--neutral-7: #5a6472;--neutral-8: #3a424e;--neutral-9: #1c2128;--accent-1: #eef4ff;--accent-2: #d6e4fb;--accent-3: #99b8e6;--accent-4: #4a7cc8;--accent-5: #2a5db0;--accent-6: #1f4585;--accent-7: #15305d;--success-1: #eaf7ee;--success-2: #a8dcb8;--success-3: #2a9d4a;--success-4: #1f7a39;--warning-1: #fdf4e3;--warning-2: #f0cf8a;--warning-3: #b87c0e;--warning-4: #7a5309;--danger-1: #fdeaea;--danger-2: #f3c2c2;--danger-3: #c0392b;--danger-4: #8f2a20;--surface: var(--neutral-0);--surface-sunken: var(--neutral-1);--surface-raised: var(--neutral-0);--surface-selected: var(--accent-1);--text: var(--neutral-9);--text-muted: var(--neutral-7);--text-inverse: var(--neutral-0);--border: var(--neutral-3);--border-strong: var(--neutral-6);--accent: var(--accent-5);--accent-hover: var(--accent-6);--accent-contrast: var(--neutral-0);--success: var(--success-3);--success-text: var(--success-4);--warning: var(--warning-3);--warning-text: var(--warning-4);--warning-surface: var(--warning-1);--warning-border: var(--warning-2);--danger: var(--danger-3);--danger-text: var(--danger-4);--danger-surface: var(--danger-1);--danger-border: var(--danger-2);--focus-ring: var(--accent-4);--rail-surface: var(--accent-7);--rail-border: #24406b;--rail-text: #c3d5f0;--rail-text-strong: var(--neutral-0);--rail-text-selected: var(--neutral-0);--rail-hover: rgba(255, 255, 255, .1);--rail-selected: rgba(255, 255, 255, .16);--rail-marker: var(--neutral-0);--video-surface: #1c1c1e;--video-border: #333333;--video-text: #ffffff;--video-text-muted: #dddddd;--video-scrim: rgba(0, 0, 0, .55);--video-stage: #101012;--recording-surface: #7a0000;--recording-text: #ffffff;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-1: .75rem;--font-size-2: .8125rem;--font-size-3: .9375rem;--font-size-4: 1rem;--font-size-5: 1.25rem;--font-size-6: 1.5625rem;--line-height-body: 1.5;--line-height-ui: 1.2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-1: 3px;--radius-2: 6px;--radius-3: 10px;--radius-full: 999px;--shadow-1: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--shadow-2: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .06);--shadow-3: 0 12px 16px -4px rgba(16, 24, 40, .1), 0 4px 6px -2px rgba(16, 24, 40, .05);--duration-fast: .12s;--duration-slow: .24s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-spring: cubic-bezier(.2, .8, .2, 1);--control-min-size: 44px;--control-font-size: 1rem;--focus-ring-width: 2px;--focus-ring-offset: 2px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--surface: #1c2128;--surface-sunken: #14181e;--surface-raised: #252c35;--surface-selected: #1f3557;--text: #f7f8fa;--text-muted: #a8b1be;--text-inverse: #14181e;--border: #333c47;--border-strong: #6c7887;--accent: #6f9fe8;--accent-hover: #8fb6ef;--accent-contrast: #0e1116;--success: #5fc87e;--success-text: #8ddfa3;--warning: #e0b04a;--warning-text: #eac776;--warning-surface: #3a2e14;--warning-border: #6b5520;--danger: #f08b80;--danger-text: #f6bdb6;--danger-surface: #3a1f1c;--danger-border: #6b3029;--focus-ring: #8fb6ef;--rail-surface: #0e1116;--rail-border: #262d37;--rail-text: #a8b1be;--rail-text-strong: #f7f8fa;--rail-text-selected: #f7f8fa;--rail-hover: rgba(255, 255, 255, .07);--rail-selected: rgba(255, 255, 255, .12);--rail-marker: #6f9fe8;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .5);--shadow-2: 0 4px 8px -2px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-3: 0 12px 16px -4px rgba(0, 0, 0, .55), 0 4px 6px -2px rgba(0, 0, 0, .4)}}:root[data-theme=dark]{--surface: #1c2128;--surface-sunken: #14181e;--surface-raised: #252c35;--surface-selected: #1f3557;--text: #f7f8fa;--text-muted: #a8b1be;--text-inverse: #14181e;--border: #333c47;--border-strong: #6c7887;--accent: #6f9fe8;--accent-hover: #8fb6ef;--accent-contrast: #0e1116;--success: #5fc87e;--success-text: #8ddfa3;--warning: #e0b04a;--warning-text: #eac776;--warning-surface: #3a2e14;--warning-border: #6b5520;--danger: #f08b80;--danger-text: #f6bdb6;--danger-surface: #3a1f1c;--danger-border: #6b3029;--focus-ring: #8fb6ef;--rail-surface: #0e1116;--rail-border: #262d37;--rail-text: #a8b1be;--rail-text-strong: #f7f8fa;--rail-text-selected: #f7f8fa;--rail-hover: rgba(255, 255, 255, .07);--rail-selected: rgba(255, 255, 255, .12);--rail-marker: #6f9fe8;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .5);--shadow-2: 0 4px 8px -2px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-3: 0 12px 16px -4px rgba(0, 0, 0, .55), 0 4px 6px -2px rgba(0, 0, 0, .4)}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 1ms;--duration-slow: 1ms;--ease-out: linear;--ease-spring: linear}}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:var(--surface);color:var(--text);font-family:var(--font-family);font-size:var(--font-size-4);line-height:var(--line-height-body);-webkit-text-size-adjust:100%}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}@supports selector(:focus-visible){:where(a,button,input,select,textarea,[tabindex]):focus:not(:focus-visible){outline:none}}.ui-button,.ui-icon-button{font:inherit;font-size:var(--control-font-size);line-height:var(--line-height-ui);min-height:var(--control-min-size);border-radius:var(--radius-2);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.ui-button{padding:var(--space-2) var(--space-4)}.ui-icon-button{min-width:var(--control-min-size);display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-2)}.ui-button--sm,.ui-icon-button--sm{min-height:var(--space-6);min-width:var(--space-6);font-size:var(--font-size-3);padding:var(--space-1) var(--space-2)}.ui-button:hover:not(:disabled),.ui-icon-button:hover:not(:disabled){background:var(--surface-sunken)}.ui-button:disabled,.ui-icon-button:disabled{opacity:.55;cursor:not-allowed}.ui-button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.ui-button--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.ui-button--danger{background:var(--danger-surface);border-color:var(--danger-border);color:var(--danger-text)}.ui-button--ghost,.ui-icon-button--ghost{background:none;border-color:transparent}.ui-field{display:grid;gap:var(--space-1)}.ui-field__label{font-size:var(--font-size-2);line-height:var(--line-height-ui);color:var(--text-muted)}.ui-field__input{font:inherit;font-size:var(--control-font-size);min-height:var(--control-min-size);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-2);background:var(--surface);color:var(--text);width:100%}.ui-field__input[aria-invalid=true]{border-color:var(--danger)}.ui-field__hint{margin:0;font-size:var(--font-size-2);color:var(--text-muted)}.ui-field__error{margin:0;font-size:var(--font-size-2);color:var(--danger-text)}.ui-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-full);font-size:var(--font-size-2);font-weight:600;line-height:1;width:var(--space-6);height:var(--space-6);background:hsl(var(--avatar-hue, 210) 45% 88%);color:hsl(var(--avatar-hue, 210) 60% 24%)}.ui-avatar[data-photo]{overflow:hidden;background:none}.ui-avatar__photo{width:100%;height:100%;object-fit:cover;display:block}.ui-avatar--sm{width:var(--space-5);height:var(--space-5);font-size:var(--font-size-1)}.ui-avatar--lg{width:var(--space-7);height:var(--space-7);font-size:var(--font-size-4)}.ui-avatar-wrap{position:relative;display:inline-flex;flex-shrink:0;--presence-size: calc(var(--space-6) * .34);--presence-ring: var(--surface)}.ui-avatar-wrap--sm{--presence-size: calc(var(--space-5) * .44)}.ui-avatar-wrap--lg{--presence-size: calc(var(--space-7) * .28)}.ui-avatar__presence{position:absolute;right:0;bottom:0;box-sizing:border-box;width:var(--presence-size);height:var(--presence-size);border-radius:var(--radius-full);transform:translate(18%,18%);box-shadow:0 0 0 2px var(--presence-ring)}.ui-avatar__presence--online{background:var(--success)}.ui-avatar__presence--unavailable{background:var(--warning);overflow:hidden}.ui-avatar__presence--unavailable:after{content:"";position:absolute;top:-20%;right:-20%;width:74%;height:74%;border-radius:var(--radius-full);background:var(--presence-ring)}.ui-avatar__presence--offline{background:var(--presence-ring);border:2px solid var(--text-muted)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .ui-avatar{background:hsl(var(--avatar-hue, 210) 30% 28%);color:hsl(var(--avatar-hue, 210) 55% 86%)}}:root[data-theme=dark] .ui-avatar{background:hsl(var(--avatar-hue, 210) 30% 28%);color:hsl(var(--avatar-hue, 210) 55% 86%)}.ui-badge{display:inline-block;border-radius:var(--radius-full);padding:0 var(--space-2);font-size:var(--font-size-1);line-height:var(--space-5);background:var(--surface-sunken);color:var(--text-muted)}.ui-badge--accent{background:var(--surface-selected);color:var(--accent)}.ui-badge--success{background:var(--success-1);color:var(--success-text)}.ui-badge--warning{background:var(--warning-surface);color:var(--warning-text)}.ui-badge--danger{background:var(--danger-surface);color:var(--danger-text)}.ui-spinner{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-size-2)}.ui-spinner__ring{width:var(--space-4);height:var(--space-4);border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:var(--radius-full);animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ui-spinner__ring{animation:none}}.ui-empty{display:grid;gap:var(--space-2);justify-items:start;padding:var(--space-5) var(--space-4);color:var(--text-muted)}.ui-empty__title{margin:0;color:var(--text);font-size:var(--font-size-4);font-weight:600}.ui-empty__body{margin:0;font-size:var(--font-size-3)}.ui-menu{display:grid;min-width:160px;padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-2);box-shadow:var(--shadow-2)}.ui-menu__item{font:inherit;font-size:var(--font-size-3);text-align:left;min-height:var(--control-min-size);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-1);background:none;color:var(--text);cursor:pointer}.ui-menu__item:hover{background:var(--surface-sunken)}.ui-dialog__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(var(--space-4),env(safe-area-inset-top,0px)) max(var(--space-4),env(safe-area-inset-right,0px)) max(var(--space-4),env(safe-area-inset-bottom,0px)) max(var(--space-4),env(safe-area-inset-left,0px));background:#10182873;z-index:10}.ui-dialog{width:min(100%,420px);background:var(--surface-raised);color:var(--text);border-radius:var(--radius-3);box-shadow:var(--shadow-3);padding:var(--space-4);display:grid;gap:var(--space-3);max-height:100%;overflow-y:auto}.ui-dialog__head{display:flex;align-items:center;gap:var(--space-2)}.ui-dialog__title{margin:0;flex:1;font-size:var(--font-size-5);line-height:var(--line-height-ui)}.ui-dialog__foot{display:flex;justify-content:flex-end;gap:var(--space-2)}.ui-toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-2);background:var(--surface-raised);box-shadow:var(--shadow-1);font-size:var(--font-size-3)}.ui-toast__message{flex:1}.ui-toast--danger{background:var(--danger-surface);border-color:var(--danger-border);color:var(--danger-text)}.ui-toast--success{background:var(--success-1);border-color:var(--success-2);color:var(--success-text)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.chat-layout{display:flex;height:100vh;height:100dvh;overflow:hidden;font-family:var(--font-family);background:var(--surface);color:var(--text)}.app-rail{flex:0 0 72px;width:72px;display:flex;flex-direction:column;background:var(--rail-surface);border-right:1px solid var(--rail-border);padding:var(--space-2) 0;position:relative;z-index:2}.app-rail__list{list-style:none;margin:0;padding:0 var(--space-1);display:flex;flex-direction:column;gap:2px;overflow-y:auto;scrollbar-width:none}.app-rail__list::-webkit-scrollbar{display:none}.app-rail__item+.app-rail__item[data-group=places],.app-rail__item+.app-rail__item[data-group=suite]{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--rail-border)}.app-rail__button{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--space-2) 2px;min-height:56px;border:0;border-radius:var(--radius-2);background:none;color:var(--rail-text);font-family:inherit;font-size:var(--font-size-1);line-height:var(--line-height-ui);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.app-rail__button:hover{background:var(--rail-hover);color:var(--rail-text-strong)}.app-rail__button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:-2px}.app-rail__button[data-selected=true]{color:var(--rail-text-selected);background:var(--rail-selected);font-weight:600}.app-rail__button[data-selected=true]:before{content:"";position:absolute;inset-block:8px;left:calc(-1 * var(--space-1));width:3px;border-radius:0 var(--radius-1) var(--radius-1) 0;background:var(--rail-marker)}.app-rail__glyph{display:flex;align-items:center;justify-content:center;height:24px}.app-rail__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-rail__count{position:absolute;top:4px;right:8px;min-width:18px;padding:0 4px;font-size:10px;line-height:18px;text-align:center}.app-rail__footer{margin-top:auto;padding:var(--space-2) var(--space-1) 0;border-top:1px solid var(--rail-border);display:flex;justify-content:center}@media (max-width: 700px){.app-rail{flex:0 0 auto;width:100%;order:2;flex-direction:row;border-right:0;border-top:1px solid var(--rail-border);padding:var(--space-1) 0 max(var(--space-1),env(safe-area-inset-bottom))}.app-rail__list{flex-direction:row;width:100%;gap:0;overflow-x:auto}.app-rail__item{flex:1 1 0;min-width:var(--control-min-size)}.app-rail__label{font-size:10px}.app-rail__item+.app-rail__item[data-group=places],.app-rail__item+.app-rail__item[data-group=suite]{margin-top:0;padding-top:0;border-top:0}.app-rail__button[data-selected=true]:before{inset:auto 8px;bottom:calc(-1 * var(--space-1));top:auto;width:auto;height:3px;border-radius:var(--radius-1) var(--radius-1) 0 0}.app-rail__footer{margin:0;padding:0 var(--space-2);border-top:0;border-left:1px solid var(--rail-border);align-items:center}}.chat-layout{padding-top:env(safe-area-inset-top,0px)}.chat-sidebar{width:280px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;background:var(--surface-sunken)}.chat-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.sidebar-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.sidebar-head .ui-button,.sidebar-tabs .ui-button,.sidebar-form .ui-button,.chat-head .ui-button,.invite-bar .ui-button,.composer-bar .ui-button{flex-shrink:0;white-space:nowrap}.sidebar-identity{min-width:0;display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-3);font-weight:600;font-family:inherit;color:inherit;background:none;border:0;padding:var(--space-1) var(--space-2);margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-2));border-radius:var(--radius-2);cursor:pointer;text-align:left}.sidebar-identity:hover{background:var(--surface-sunken)}.sidebar-identity:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sidebar-identity__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:0 var(--space-4) var(--space-3)}.sidebar-form{display:flex;gap:var(--space-2);align-items:center;padding:0 var(--space-4) var(--space-3)}.sidebar-rooms{flex:1;overflow-y:auto}.room-list{list-style:none;margin:0;padding:0}.room-group+.room-group{margin-top:var(--space-4)}.room-group__title{position:sticky;top:0;z-index:1;margin:0;padding:var(--space-2) var(--space-4);background:var(--surface-sunken);color:var(--text-muted);font-size:var(--font-size-1);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.room-item{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:left;padding:var(--space-3) var(--space-4);min-height:var(--control-min-size);border:none;border-bottom:1px solid var(--border);background:none;color:var(--text);font:inherit;font-size:var(--font-size-4);cursor:pointer}.room-item:hover{background:var(--surface)}.room-item[data-selected=true]{background:var(--surface-selected);box-shadow:inset 3px 0 0 var(--accent)}.ui-button[data-selected=true]{background:var(--surface-selected);border-color:var(--accent);color:var(--accent)}.chat-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border)}.chat-head__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 700px){.chat-head{flex-wrap:wrap}.chat-head__title,.chat-head__presence{flex-basis:100%;order:-1}}.timeline{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-4)}.timeline__day{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0 var(--space-2);color:var(--text-muted);font-size:var(--font-size-2)}.timeline__day:before,.timeline__day:after{content:"";flex:1;height:1px;background:var(--border)}.timeline__group{margin:var(--space-3) 0}.message{margin:0}.message__head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.message__sender{font-weight:600;font-size:var(--font-size-3)}.message__time{color:var(--text-muted);font-size:var(--font-size-1)}.message__body{margin:0 0 0 var(--space-6);white-space:pre-wrap;overflow-wrap:anywhere}.message[data-first=false] .message__body{margin-top:var(--space-1)}.composer-bar{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--border);padding:var(--space-2);display:flex;gap:var(--space-2);align-items:flex-end}.composer-bar__input{flex:1;resize:none;overflow-y:auto;font-family:inherit;line-height:var(--line-height-body)}.invite-bar{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-top:1px solid var(--border)}.invite-bar__input{flex:1;width:100%}.invite-bar__picker{flex:1;min-width:0}.invite-bar__raw{position:relative;flex-shrink:0}.invite-bar__raw-summary{cursor:pointer;color:var(--text-muted);font-size:var(--font-size-1);padding:var(--space-2);white-space:nowrap;list-style:none}.invite-bar__raw-summary::-webkit-details-marker{display:none}.invite-bar__raw[open] .invite-bar__raw-summary{color:var(--text)}.invite-bar__raw>.ui-field__input{position:absolute;bottom:calc(100% + var(--space-2));right:0;width:22rem;max-width:60vw;background:var(--surface-raised);border:1px solid var(--border-strong);box-shadow:var(--shadow-2);z-index:2}.error-banner{background:var(--danger-surface);color:var(--danger-text);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--danger-border)}.chat-placeholder{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-6);color:var(--text-muted)}.chat-placeholder__empty{max-width:26rem;text-align:center}.calls-panel{flex:1;overflow-y:auto}.calls-table{width:100%;border-collapse:collapse}.calls-row{cursor:pointer}.calls-row:hover{background:var(--surface-selected)}.calls-row td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);font-size:var(--font-size-3)}.voicemail-panel{flex:1;overflow-y:auto}.voicemail-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border)}.voicemail-unheard-count{background:var(--surface-selected);color:var(--accent);border-radius:var(--radius-full);padding:0 var(--space-2);font-size:var(--font-size-2)}.voicemail-list{display:flex;flex-direction:column}.voicemail-row{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border)}.voicemail-row-main{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-3)}.voicemail-unheard-badge{background:var(--surface-selected);color:var(--accent);border-radius:var(--radius-full);padding:0 var(--space-2);font-size:var(--font-size-1)}.voicemail-from{font-weight:600}.voicemail-time,.voicemail-duration{color:var(--text-muted);font-size:var(--font-size-2)}.voicemail-row-controls{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.back-button,.mobile-toolbar{display:none}@media (max-width: 700px){.chat-layout{flex-direction:column}.chat-sidebar,.chat-main{width:100%}.chat-sidebar[data-hidden=true],.chat-main[data-hidden=true]{display:none}.back-button{display:inline-flex}.chat-sidebar{flex:1 1 auto;min-height:0}}.attachment{margin:var(--space-2) 0 0 0;max-width:min(440px,100%)}.attachment__box{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-2);background:var(--surface-sunken)}.attachment__media{width:100%;height:100%;object-fit:contain;display:block}.attachment__meta{display:flex;gap:var(--space-2);align-items:baseline;min-width:0;margin-top:var(--space-1);font-size:var(--font-size-1);color:var(--text-muted)}.attachment__name{font-weight:600;min-width:0;overflow-wrap:anywhere}.attachment__size{flex-shrink:0;color:var(--text-muted)}.attachment--audio,.attachment--file{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-2);background:var(--surface-raised)}.attachment--file .attachment__meta{margin-top:0;flex-shrink:0}.attachment--file>a{flex-shrink:0;white-space:nowrap}.attachment--file .attachment__name{flex:1}.attachment__glyph{flex-shrink:0}.attachment__player{flex:1;min-width:0}.attachment--error{padding:var(--space-2);border:1px solid var(--danger-border);border-radius:var(--radius-2);background:var(--danger-surface);color:var(--danger-text);font-size:var(--font-size-2)}.upload-tray{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);border-top:1px solid var(--border);background:var(--surface-sunken)}.upload-tray__row{display:flex;align-items:center;gap:var(--space-2)}.upload-tray__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-2)}.upload-tray__size,.upload-tray__pct{flex-shrink:0;font-size:var(--font-size-1);color:var(--text-muted)}.upload-tray__bar{flex:0 0 8rem}@media (max-width: 520px){.upload-tray__bar{display:none}}.upload-tray__error{flex:2;min-width:0;color:var(--danger-text);font-size:var(--font-size-2)}.composer-bar__attach{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);flex-shrink:0;min-height:var(--control-min-size);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-2);background:var(--surface-raised);color:var(--text);font-size:var(--font-size-3);cursor:pointer}.composer-bar__attach:focus-within{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media (max-width: 520px){.composer-bar__attach-text{display:none}}.chat-main{position:relative}.chat-main[data-drop=true]:after{content:"Drop to send";position:absolute;inset:var(--space-2);z-index:1;display:flex;align-items:center;justify-content:center;border:2px dashed var(--accent);border-radius:var(--radius-3);background:var(--surface-selected);color:var(--accent);font-size:var(--font-size-5);font-weight:600;pointer-events:none}.message{position:relative}.message__actions{position:absolute;top:calc(-1 * var(--space-2));inset-inline-end:var(--space-2);display:flex;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-2);background:var(--surface-raised);box-shadow:var(--shadow-2);opacity:0;transition:opacity .12s ease}.message:hover .message__actions,.message:focus-within .message__actions{opacity:1}@media (prefers-reduced-motion: reduce){.message__actions{transition:none}}.reactions{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.reaction-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);min-height:var(--control-min-size);font:inherit;font-size:var(--font-size-1);color:var(--text);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer}.reaction-pill:hover{background:var(--surface-selected)}.reaction-pill:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.reaction-pill[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-1)}.reaction-pill__count{font-variant-numeric:tabular-nums;color:var(--text-muted)}.reaction-pill[aria-pressed=true] .reaction-pill__count{color:var(--text)}.emoji-picker{position:absolute;z-index:20;inset-inline-end:0;width:min(20rem,calc(100vw - 2 * var(--space-4)));padding:var(--space-2);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-2);box-shadow:var(--shadow-3)}.emoji-picker__search{width:100%}.emoji-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--control-min-size),1fr));gap:var(--space-1);margin-top:var(--space-2);max-height:14rem;overflow-y:auto}.emoji-picker__item{min-height:var(--control-min-size);font-size:var(--font-size-3);background:none;border:1px solid transparent;border-radius:var(--radius-2);cursor:pointer}.emoji-picker__item:hover{background:var(--surface-selected)}.emoji-picker__item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.emoji-picker__empty{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--font-size-1)}@media (max-width: 700px){.emoji-picker{position:fixed;top:auto;bottom:max(var(--space-2),env(safe-area-inset-bottom,0px));max-height:min(70vh,calc(100dvh - var(--space-6) - env(safe-area-inset-bottom,0px)));overflow-y:auto}}.composer-area{position:relative}.reply-strip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--font-size-1);background:var(--surface-sunken);border-top:1px solid var(--border)}.reply-strip__label{color:var(--text-muted);white-space:nowrap}.reply-strip__body{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message__reply{display:flex;gap:var(--space-2);margin-bottom:var(--space-1);padding-inline-start:var(--space-2);border-inline-start:2px solid var(--border-strong);font-size:var(--font-size-1);color:var(--text-muted)}.message__reply-sender{font-weight:600;white-space:nowrap}.message__reply-body{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message__reply--missing{font-style:italic}.message__body--redacted{color:var(--text-muted);font-style:italic}.message__edited{color:var(--text-muted);font-size:var(--font-size-1)}.message__edit{display:flex;flex-direction:column;gap:var(--space-1)}.message__edit-hint{margin:0;font-size:var(--font-size-1);color:var(--text-muted)}.dialog-quote{margin:var(--space-2) 0 0;padding-inline-start:var(--space-2);border-inline-start:2px solid var(--border-strong);color:var(--text-muted)}.message__thread{display:inline-flex;align-items:baseline;gap:var(--space-2);margin-top:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid transparent;border-radius:var(--radius-1);background:none;color:var(--accent);font:inherit;font-size:var(--font-size-1);cursor:pointer;min-height:var(--control-min-size)}.message__thread:hover{background:var(--surface-sunken);border-color:var(--border)}.message__thread:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.message__thread-count{font-weight:600}.message__thread-at{color:var(--text-muted)}.thread-panel{display:flex;flex-direction:column;width:22rem;min-width:0;border-left:1px solid var(--border);background:var(--surface-raised)}.thread-panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.thread-panel__title{font-size:var(--font-size-2)}.thread-panel .timeline{flex:1}.thread-panel__composer{position:relative;border-top:1px solid var(--border)}@media (max-width: 1000px){.thread-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border-left:none;z-index:2}}.typing-indicator{min-height:var(--space-5);margin:0;padding:0 var(--space-4);font-size:var(--font-size-1);color:var(--text-muted);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-item__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-item[data-unread=true] .room-item__name{font-weight:600}.room-item__unread{flex:none}.room-item--dm{padding-top:var(--space-2);padding-bottom:var(--space-2)}.room-item__avatar{flex:none}.dm-bar{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);padding:0 var(--space-4) var(--space-3)}.dm-bar__row{display:flex;gap:var(--space-2);align-items:center}.dm-bar__glyph{flex:none;width:var(--space-5);height:var(--space-5);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--font-size-5);line-height:1}.dm-bar__picker{flex:1;min-width:0;color:var(--text-muted)}.dm-bar__group{align-self:flex-start;margin-left:calc(var(--space-5) + var(--space-2));white-space:nowrap}.room-item__avatars{flex:none;display:flex;align-items:center;width:var(--space-5)}.room-item__avatars .ui-avatar{width:calc(var(--space-5) * .68);height:calc(var(--space-5) * .68);font-size:.6em}.room-item__avatars .ui-avatar+.ui-avatar{margin-left:calc(var(--space-5) * -.36);box-shadow:0 0 0 2px var(--surface-sunken)}.group-picker{display:flex;flex-direction:column;gap:var(--space-3);min-width:min(22rem,70vw)}.group-picker__chips{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.group-picker__chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-sunken)}.group-picker__chip-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-picker__hint{margin:0;font-size:var(--font-size-2);color:var(--text-muted)}.timeline__unread{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-3) 0;color:var(--accent);font-size:var(--font-size-1);font-weight:600}.timeline__unread:before,.timeline__unread:after{content:"";flex:1;height:1px;background:var(--accent)}.timeline__unread span{flex:none}.chat-room-split{display:flex;flex:1;min-height:0}.chat-room-col{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.search-panel{display:flex;flex-direction:column;width:352px;flex:0 0 352px;border-left:1px solid var(--border);background:var(--surface-raised);overflow-y:auto}.search-panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border)}.search-panel__form{padding:var(--space-3);display:grid;gap:var(--space-2)}.search-panel__filters{display:flex;gap:var(--space-2)}.search-panel__filters .ui-field__input{flex:1 1 0;min-width:0}.search-panel__summary{margin:0;padding:0 var(--space-3) var(--space-2);color:var(--text-muted);font-size:var(--font-size-1);min-height:var(--space-5)}.search-results{padding:0 var(--space-2) var(--space-4)}.search-group__head{display:flex;justify-content:space-between;gap:var(--space-2);margin:var(--space-3) var(--space-1) var(--space-1);font-size:var(--font-size-1);color:var(--text-muted)}.search-hit{display:block;width:100%;text-align:left;padding:var(--space-2);margin-bottom:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-2);background:var(--surface);color:var(--text);cursor:pointer}.search-hit:hover{background:var(--surface-selected)}.search-hit:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.search-hit__context{margin:0;color:var(--text-muted);font-size:var(--font-size-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-hit__main{display:block;padding:var(--space-1) 0}.search-hit__sender{font-weight:600;margin-right:var(--space-2)}.search-hit__at{color:var(--text-muted);font-size:var(--font-size-1)}.search-hit__body{display:block}@media (max-width: 1000px){.search-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;flex:1 1 auto;z-index:2}}.message[data-highlight=true]{background:var(--surface-selected);border-radius:var(--radius-2);box-shadow:inset 3px 0 0 0 var(--accent);animation:message-found 2.4s ease-out 1}@keyframes message-found{0%{background:var(--accent-3)}to{background:var(--surface-selected)}}@media (prefers-reduced-motion: reduce){.message[data-highlight=true]{animation:none}}.composer-stack{position:relative;display:flex;flex-direction:column}.mention-menu{position:absolute;bottom:100%;left:var(--space-2);right:var(--space-2);margin:0 0 var(--space-1) 0;padding:var(--space-1);list-style:none;z-index:5;max-height:15rem;overflow-y:auto;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-3);box-shadow:var(--shadow-3)}.mention-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border:0;border-radius:var(--radius-2);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.mention-menu__item[data-active=true],.mention-menu__item:hover{background:var(--surface-selected)}.mention-menu__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-menu__handle{color:var(--text-muted);font-size:var(--font-size-2)}.mention{padding:0 var(--space-1);border-radius:var(--radius-1);background:var(--surface-selected);color:var(--accent);font-weight:600}.mention[data-me=true]{background:var(--danger-surface);color:var(--danger-text)}.message[data-mention=true]{box-shadow:inset 2px 0 0 var(--danger-text);background:var(--danger-surface)}.message[data-mention=true] .mention[data-me=true]{background:var(--surface-raised)}.room-item__mention{flex:none;font-variant-numeric:tabular-nums}.room-item[data-mention=true] .room-item__name{font-weight:700}.notify-prompt{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-selected)}.notify-prompt__text{font-size:var(--font-size-2);color:var(--text-muted)}.notify-prompt__actions{display:flex;gap:var(--space-2);align-self:stretch}.notify-prompt__actions .ui-button{flex:1}.room-group--invites{padding-bottom:var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-2)}.room-item--invite{box-shadow:inset 2px 0 0 var(--warning)}.room-item__invite{flex:none;text-transform:none}.invite-pane{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);flex:1;padding:var(--space-6) var(--space-4);text-align:center}.invite-pane__headline{margin:0;max-width:28rem;font-size:var(--font-size-4);color:var(--text)}.invite-pane__note{margin:0;max-width:28rem;font-size:var(--font-size-2);color:var(--text-muted)}.invite-pane__actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.invite-pane__actions .ui-button{min-width:8rem}.profile-photo{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--border)}.profile-photo__actions{display:flex;align-items:center;gap:var(--space-2)}.profile-photo__pick{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-2);background:var(--surface-raised);color:var(--text);font-size:var(--font-size-3);cursor:pointer}.profile-photo__pick:focus-within{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.profile-photo__hint{margin:0;font-size:var(--font-size-2);color:var(--text-muted);text-align:center}.presence-control{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-3) var(--space-3)}.presence-control__row{display:flex;align-items:center;gap:var(--space-2)}.presence-control__picker{flex:1;min-width:0;font-size:var(--font-size-2)}.presence-control__status{font-size:var(--font-size-2)}.chat-sidebar .ui-avatar-wrap{--presence-ring: var(--surface-sunken)}.chat-head__presence{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-2);color:var(--text-muted)}.group-manager__section+.group-manager__section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border)}.group-manager__heading{margin:0 0 var(--space-2);font-size:var(--font-size-2);color:var(--text-muted);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.group-manager__name{display:flex;gap:var(--space-2);align-items:center}.group-manager__name .ui-field__input{flex:1;min-width:0}.group-manager__readonly{margin:0;color:var(--text)}.group-manager__hint{margin:var(--space-2) 0 0;font-size:var(--font-size-2);color:var(--text-muted)}.group-manager__people{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1)}.group-manager__person{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-2)}.group-manager__person:hover{background:var(--surface-sunken)}.group-manager__person-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-manager__you{font-size:var(--font-size-2);color:var(--text-muted)}.group-manager__confirm{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--danger-border);border-radius:var(--radius-2);background:var(--danger-surface);color:var(--danger-text)}.group-manager__confirm p{margin:0 0 var(--space-3)}.group-manager__confirm-actions{display:flex;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap}.group-manager__error{margin:0 0 var(--space-4);padding:var(--space-3);border:1px solid var(--danger-border);border-radius:var(--radius-2);background:var(--danger-surface);color:var(--danger-text)}.room-item__muted{flex:none;font-size:var(--font-size-3);line-height:1;opacity:.55;margin-right:var(--space-1)}.room-item[data-muted=true] .room-item__name{color:var(--text-muted)}.room-item__dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.room-item[data-muted=true][data-unread=true] .room-item__name{font-weight:600}.group-manager__mute{align-self:flex-start}.dnd-control{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-3) var(--space-2)}.dnd-control__toggle{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-1)}.dnd-control__note{margin:0;padding:var(--space-1) var(--space-2);border:1px solid var(--warning-border);border-radius:var(--radius-2);background:var(--warning-surface);color:var(--warning-text);font-size:var(--font-size-1)}.dnd-control__error{margin:0;color:var(--danger-text);font-size:var(--font-size-1)}.activity-pane{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4);background:var(--surface-sunken)}.activity-pane__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3)}.activity-pane__title{margin:0 auto 0 0;font-size:var(--font-size-5)}.activity-pane__filters{display:flex;gap:var(--space-2)}.activity-pane__error{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--danger-border);border-radius:var(--radius-2);background:var(--danger-surface);color:var(--danger-text)}.activity-notice{margin:0 0 var(--space-3);padding:var(--space-3);border:1px solid var(--warning-border);border-radius:var(--radius-2);background:var(--warning-surface);color:var(--warning-text);font-size:var(--font-size-2);line-height:1.5}.activity-day{margin-bottom:var(--space-4)}.activity-day__title{position:sticky;top:calc(var(--space-4) * -1);margin:0 0 var(--space-2);padding:var(--space-1) 0;background:var(--surface-sunken);color:var(--text-muted);font-size:var(--font-size-1);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.activity-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.activity-row{display:block}.activity-row__inner{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-2);background:var(--surface-raised);text-align:left;font:inherit;color:inherit}.activity-row__button{cursor:pointer}.activity-row__button:hover{background:var(--surface-selected)}.activity-row__button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.activity-row--gone .activity-row__inner{background:var(--surface-sunken);color:var(--text-muted)}.activity-row[data-unread=true] .activity-row__inner{border-left:3px solid var(--accent)}.activity-row__avatar{flex:0 0 auto}.activity-row__text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.activity-row__head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.activity-row__who{font-weight:600}.activity-row__preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.activity-row__meta{color:var(--text-muted);font-size:var(--font-size-1)}.activity-row__unread{flex:0 0 auto;align-self:center;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--accent)}.activity-pane__more{display:flex;justify-content:center;padding:var(--space-3) 0}.sidebar-tabs__count{margin-left:var(--space-1)}@media (max-width: 700px){.activity-pane{padding:var(--space-3)}.activity-day__title{top:calc(var(--space-3) * -1)}}.message__body--formatted{white-space:normal}.message__body--formatted>:first-child{margin-top:0}.message__body--formatted>:last-child{margin-bottom:0}.formatted-p{margin:0 0 var(--space-2) 0}.formatted-h1,.formatted-h2,.formatted-h3,.formatted-h4,.formatted-h5,.formatted-h6{margin:var(--space-3) 0 var(--space-2) 0;font-size:var(--font-size-5);line-height:1.3;font-weight:650}.formatted-h1{font-weight:700}.formatted-h3,.formatted-h4,.formatted-h5,.formatted-h6{font-size:var(--font-size-4);font-weight:600}.formatted-ul,.formatted-ol{margin:0 0 var(--space-2) 0;padding-left:var(--space-5)}.formatted-li{margin:0 0 var(--space-1) 0}.formatted-blockquote{margin:0 0 var(--space-2) 0;padding:0 0 0 var(--space-3);border-left:3px solid var(--border);color:var(--text-muted)}.formatted-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-1);padding:.1em .35em}.formatted-pre{margin:0 0 var(--space-2) 0;padding:var(--space-2) var(--space-3);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-2);overflow-x:auto;overflow-wrap:normal;white-space:pre}.formatted-pre .formatted-code{background:none;border:0;padding:0;font-size:.9em}.formatted-hr{margin:var(--space-3) 0;border:0;border-top:1px solid var(--border)}.formatted-a{color:var(--accent);text-decoration:underline}.formatted-img{max-width:100%;max-height:320px;border-radius:var(--radius-2)}.formatted-img--pending{color:var(--text-muted);font-style:italic}.composer__hint{position:sticky;bottom:0;background:var(--surface);padding:0 var(--space-2) var(--space-2) var(--space-2);margin:0;font-size:var(--font-size-1);color:var(--text-muted)}@media (max-width: 700px){.composer__hint--syntax{display:none}}.composer__hint code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--surface-sunken);border-radius:var(--radius-1);padding:0 .25em}.chat-head__encrypted{font-size:var(--font-size-3);line-height:1;margin-top:1px}.group-manager__note{margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--font-size-3);line-height:var(--line-height-body)}.group-manager__costs{margin:var(--space-2) 0;padding-left:var(--space-5);color:var(--text-muted);font-size:var(--font-size-3);line-height:var(--line-height-body)}.group-manager__costs li{margin:var(--space-1) 0}.search-panel__notice{margin:0;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--surface-sunken);color:var(--text-muted);font-size:var(--font-size-2);line-height:var(--line-height-body)}.activity-notice--info{background:var(--surface-sunken);color:var(--text-muted)}.message__body--undecryptable{color:var(--text-muted);font-style:italic}.calendar{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--surface)}.calendar__bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface)}.calendar__title{margin:0;font-size:var(--font-size-5);line-height:var(--line-height-ui);flex:1}.calendar__nav{display:flex;gap:var(--space-2);align-items:center}.calendar__body{flex:1;min-height:0;overflow:auto;padding:var(--space-4)}.calendar__body[aria-busy=true]{opacity:.6}.calendar__adhoc{margin-bottom:var(--space-4);padding:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-2)}.calendar__adhoc-title{margin:0 0 var(--space-2);font-size:var(--font-size-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.calendar__adhoc-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.calendar__chip{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text);font:inherit;font-size:var(--font-size-2);padding:var(--space-1) var(--space-3);min-height:var(--control-min-size);cursor:pointer}.calendar__chip:hover{background:var(--surface-selected)}.calendar__grid{display:grid;grid-template-columns:auto repeat(7,minmax(0,1fr));gap:0;border:1px solid var(--border);border-radius:var(--radius-2);overflow:hidden;--calendar-hour: 3rem}.calendar__gutter{padding-top:2.25rem}.calendar__hour-label{height:var(--calendar-hour);padding-right:var(--space-2);font-size:var(--font-size-1);color:var(--text-muted);text-align:right;transform:translateY(-.5em)}.calendar[data-hidden=true]{display:none}.calendar__day{border-left:1px solid var(--border);min-width:0}.calendar__day[data-today=true]{background:var(--surface-selected)}.calendar__day-head{height:2.25rem;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2);font-weight:600;border-bottom:1px solid var(--border);background:var(--surface-sunken)}.calendar__day[data-today=true] .calendar__day-head{color:var(--accent)}.calendar__day-body{position:relative}.calendar__hour{height:var(--calendar-hour);border-bottom:1px solid var(--border)}.calendar__event{position:absolute;overflow:hidden;display:flex;flex-direction:row;align-items:baseline;gap:var(--space-1);text-align:left;padding:var(--space-1) var(--space-2);border:1px solid var(--accent);border-radius:var(--radius-1);background:var(--accent-1);color:var(--text);font:inherit;font-size:var(--font-size-1);line-height:1.25;cursor:pointer}.calendar__event:hover{background:var(--accent-2)}.calendar__event[data-open=true]{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:-1px}.calendar__event-time{flex:none;white-space:nowrap;color:var(--text-muted)}.calendar__event[data-narrow=true] .calendar__event-time{display:none}.calendar__event-clip{flex:none;color:var(--text-muted)}.calendar__event-title{flex:1 1 auto;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar__agenda{display:none}.calendar__truncated{margin:var(--space-3) 0 0;font-size:var(--font-size-2);color:var(--warning-text)}.calendar__detail{border-top:1px solid var(--border);padding:var(--space-4);background:var(--surface-raised);box-shadow:var(--shadow-2)}.calendar__detail-head{display:flex;align-items:flex-start;gap:var(--space-3)}.calendar__detail-title{margin:0;flex:1;font-size:var(--font-size-4)}.calendar__detail-when{margin:var(--space-2) 0 var(--space-3);color:var(--text-muted);font-size:var(--font-size-3)}.calendar__detail-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.calendar__detail-note{margin:var(--space-3) 0 0;color:var(--text-muted);font-size:var(--font-size-2)}@media (max-width: 700px){.calendar__grid{display:none}.calendar__agenda{display:block;list-style:none;margin:0;padding:0}.calendar__bar{padding:var(--space-2) var(--space-3)}.calendar__title{font-size:var(--font-size-4);width:100%;flex:none}}.calendar__agenda-day{margin-bottom:var(--space-4)}.calendar__agenda-date{margin:0 0 var(--space-2);font-size:var(--font-size-3);color:var(--text-muted)}.calendar__agenda-date[data-today=true]{color:var(--accent);font-weight:600}.calendar__agenda-items{list-style:none;margin:0;padding:0}.calendar__agenda-item{display:flex;align-items:baseline;gap:var(--space-3);width:100%;text-align:left;min-height:var(--control-min-size);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-2);background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.calendar__agenda-item:hover{background:var(--surface-selected)}.calendar__agenda-time{color:var(--text-muted);font-size:var(--font-size-2);font-variant-numeric:tabular-nums;white-space:nowrap}.calendar__agenda-title{font-weight:600}.schedule{border:1px solid var(--border);border-radius:var(--radius-3);padding:var(--space-3) var(--space-4);margin:var(--space-2) var(--space-4)}.schedule__form{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}.schedule__label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-2);color:var(--text-muted)}.schedule__input{font:inherit;font-size:var(--control-font-size);min-height:2rem;box-sizing:border-box;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-1);background:var(--surface);color:var(--text)}.schedule-error{color:var(--danger-text);margin:var(--space-2) 0 0}.schedule__empty{margin:var(--space-2) 0;color:var(--text-muted)}.schedule__list{list-style:none;padding:0;margin:0}.schedule__row{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-1) 0}.schedule__row[data-past=true]{opacity:.65}.schedule__row-text{flex:1}.schedule__row-when{font-size:var(--font-size-2);color:var(--text-muted)}.schedule__past{margin-top:var(--space-2)}.schedule__past-summary{font-size:var(--font-size-2);cursor:pointer}.schedule__truncated{font-size:var(--font-size-2);color:var(--text-muted);margin:var(--space-2) 0 0}.calendar__quiet{margin:0 0 var(--space-3);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;color:var(--text-muted);font-size:var(--font-size-3)}.calendar__more{position:absolute;left:0;right:0;bottom:0;z-index:1;border:0;border-top:1px solid var(--accent);border-radius:var(--radius-1) var(--radius-1) 0 0;background:var(--surface-raised);color:var(--accent);font:inherit;font-size:var(--font-size-1);font-weight:600;padding:2px var(--space-2);cursor:pointer}.calendar__more:hover{background:var(--accent-1)}.calendar__day[data-uncovered=true] .calendar__day-body{background:repeating-linear-gradient(135deg,var(--surface-sunken) 0 6px,transparent 6px 12px)}.calendar__more[data-uncovered=true]{border-top-color:var(--border-strong);color:var(--text-muted)}.calendar__more[data-uncovered=true]:hover{background:var(--surface-sunken)}.calendar__day-view-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.calendar__day-view-title{margin:0;flex:1;font-size:var(--font-size-4)}.call-panel{border:1px solid var(--border);border-radius:var(--radius-3);padding:var(--space-3) var(--space-4);margin:var(--space-2) var(--space-4)}.call-panel__status{margin:0}.call-panel__error-box{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.call-error{margin:var(--space-2) 0 0;color:var(--danger-text)}.call-panel__live{display:flex;flex-direction:column;gap:var(--space-3)}.call-panel__body{display:flex;gap:var(--space-3);align-items:flex-start}.call-panel__stage{flex:1 1 auto;min-width:0}.call-panel__overflow{display:block;width:100%;margin-top:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-1);background:var(--surface-sunken);color:var(--text);font:inherit;font-size:var(--font-size-1);text-align:center;cursor:pointer}.call-panel__overflow:hover{background:var(--surface-selected)}.tile-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tile-stage{display:flex;flex-direction:column;gap:var(--space-2)}.tile-stage__main{width:100%}.tile-stage__strip{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.tile-stage__strip>*{flex:0 0 150px}.video-tile{position:relative;aspect-ratio:16 / 9;background:var(--video-surface);border-radius:var(--radius-2);overflow:hidden;display:flex;align-items:center;justify-content:center;outline:1px solid var(--video-border)}.video-tile[data-speaking=true]{outline:3px solid var(--success)}.video-tile[data-size=stage]{background:var(--video-stage);max-width:calc(min(62vh,560px) * 16 / 9);margin-inline:auto}.video-tile[data-size=strip]{aspect-ratio:16 / 9}.video-tile__video{width:100%;height:100%;object-fit:cover}.video-tile[data-share=true] .video-tile__video{object-fit:contain}.video-tile__initials{color:var(--video-text-muted);font-size:var(--font-size-5);font-weight:600}.video-tile__label{position:absolute;left:0;right:0;bottom:0;padding:var(--space-1) var(--space-2);background:var(--video-scrim);color:var(--video-text);font-size:var(--font-size-1);display:flex;gap:var(--space-2);align-items:baseline}.video-tile__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-tile__state{flex:none;opacity:.85}.call-controls{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.call-controls__leave{margin-left:auto}.roster{flex:0 0 260px;max-height:min(62vh,560px);display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-2);background:var(--surface-raised);overflow:hidden}.roster__head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.roster__title{margin:0;flex:1;font-size:var(--font-size-2)}.roster__list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.roster__row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.roster__row[data-hand=true]{background:var(--warning-1)}.roster__avatar{flex:none;width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-1);font-weight:600}.roster__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster__states{display:flex;gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end}.roster__state{font-size:var(--font-size-1);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-full);padding:0 var(--space-2);white-space:nowrap}.roster__state[data-kind=hand]{color:var(--warning-text);border-color:var(--warning-text)}.roster__state[data-kind=speaking]{color:var(--success-text);border-color:var(--success-text)}.roster__note{margin:0;padding:var(--space-3);border-top:1px solid var(--border);font-size:var(--font-size-1);color:var(--text-muted)}.device-picker{display:flex;gap:var(--space-3);flex-wrap:wrap;margin:var(--space-2) 0}.device-picker__field{font-size:var(--font-size-1);color:var(--text-muted)}.device-picker__select{font-size:var(--font-size-2);min-height:var(--control-min-size)}.device-picker__none{margin:var(--space-1) 0;font-size:var(--font-size-1);color:var(--text-muted)}.recording-indicator{display:flex;align-items:center;gap:var(--space-2);background:var(--recording-surface);color:var(--recording-text);border-radius:var(--radius-2);padding:var(--space-2) var(--space-3);margin:0 0 var(--space-2);font-weight:600}.recording-indicator__dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--recording-text);flex:0 0 auto}@media (max-width: 700px){.call-panel__body{flex-direction:column}.roster{flex:1 1 auto;width:100%;max-height:50vh}.video-tile[data-size=stage]{max-width:100%}.call-controls__leave{margin-left:0}}@media (max-width: 700px) and (orientation: portrait){.tile-stage__strip>*{flex:0 0 120px}}@media (min-width: 701px){.chat-sidebar{width:300px}}.pane-head{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);min-height:56px}.chat-sidebar .pane-head{background:var(--surface-sunken)}.pane-head--main{padding-inline:var(--space-4)}.pane-head__title{margin:0;flex:1;min-width:0;display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-5);line-height:var(--line-height-ui);font-weight:650;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-head__actions{position:relative;flex-shrink:0;display:flex;align-items:center;gap:var(--space-2)}.pane-head__add{font-size:var(--font-size-5);line-height:1}.start-new{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:20;width:288px;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-3);box-shadow:var(--shadow-3)}.start-new .sidebar-form,.start-new .dm-bar{padding:0;margin:0}.start-new .ui-field__input,.start-new select{width:100%;min-width:0}.pane-filter{flex-shrink:0;padding:var(--space-3) var(--space-3) var(--space-2);background:var(--surface-sunken)}.pane-filter__input{width:100%;box-sizing:border-box;min-height:var(--control-min-size);padding:0 var(--space-3);font-family:inherit;font-size:var(--control-font-size);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2)}.pane-filter__input::placeholder{color:var(--text-muted)}.pane-filter__input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset);border-color:var(--focus-ring)}.sidebar-rooms{padding-bottom:var(--space-4)}.rail-me{position:relative}.rail-me__button{display:flex;align-items:center;justify-content:center;width:var(--control-min-size);height:var(--control-min-size);padding:0;border:0;border-radius:var(--radius-full);background:none;cursor:pointer}.rail-me__button:hover{background:var(--rail-hover)}.rail-me__button:focus-visible{outline:var(--focus-ring-width) solid var(--rail-marker);outline-offset:1px}.rail-me .ui-avatar-wrap{--presence-ring: var(--rail-surface)}.rail-me__panel{position:absolute;bottom:0;left:calc(100% + var(--space-2));z-index:30;width:300px;padding:var(--space-2) 0 var(--space-3);background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-3);box-shadow:var(--shadow-3)}.rail-me__panel .sidebar-head{padding:var(--space-2) var(--space-3)}.rail-me__panel .presence-control,.rail-me__panel .dnd-control{padding-inline:var(--space-3)}@media (max-width: 700px){.rail-me__panel{bottom:calc(100% + var(--space-2));left:auto;right:0;width:min(300px,calc(100vw - var(--space-4)))}}.calls-panel,.voicemail-panel{display:flex;flex-direction:column;min-height:0;flex:1}.calls-panel__scroll{flex:1;min-height:0;overflow-y:auto}.calls-panel__loading,.voicemail-loading{padding:var(--space-5) var(--space-4)}.calls-table thead th{position:sticky;top:0;z-index:1;background:var(--surface-sunken);border-bottom:1px solid var(--border);padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--font-size-1);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.calls-row__direction{width:1.5rem;text-align:center}.calls-row__length{font-variant-numeric:tabular-nums}.voicemail-unheard-count{font-size:var(--font-size-2);font-weight:500;color:var(--text-muted)}.apps-pane{display:flex;flex-direction:column;min-height:0;flex:1}.apps-pane__scroll{flex:1;min-height:0;overflow-y:auto;max-width:1100px;width:100%;margin-inline:auto;padding:var(--space-5) var(--space-4) var(--space-7)}.apps-pane__lede{margin:0 0 var(--space-5);max-width:62ch;color:var(--text-muted);font-size:var(--font-size-4);line-height:var(--line-height-body)}.apps-section{margin-bottom:var(--space-6)}.apps-section__title{margin:0 0 var(--space-1);font-size:var(--font-size-2);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.apps-section__note{margin:0 0 var(--space-3);color:var(--text-muted);font-size:var(--font-size-2)}.apps-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.app-tile{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-3);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.app-tile[data-status=current]{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.app-tile[data-status=planned]{background:var(--surface-sunken)}.app-tile__mark{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-2);background:var(--surface-selected);color:var(--accent)}.app-tile__body{min-width:0;flex:1}.app-tile__name{margin:0 0 2px;display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-4);font-weight:650}.app-tile__status{flex-shrink:0}.app-tile__replaces{margin:0 0 var(--space-2);font-size:var(--font-size-2);color:var(--text-muted)}.app-tile__blurb{margin:0;font-size:var(--font-size-3);line-height:var(--line-height-body);color:var(--text)}.app-tile__open{margin-top:var(--space-3)}.room-row{position:relative}.room-item__more{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.room-row:hover .room-item__more,.room-row:focus-within .room-item__more,.room-item__more[data-open=true]{opacity:1}.room-item__more[data-open=true]{z-index:40}@media (hover: none){.room-item__more{opacity:1}}.room-item__more-button{background:var(--surface-raised);box-shadow:var(--shadow-1)}.ui-menu{position:absolute;top:calc(100% + var(--space-1));right:0;z-index:30;min-width:13rem;display:flex;flex-direction:column;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-2);background:var(--surface-raised);box-shadow:var(--shadow-3)}.ui-menu__item{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);min-height:var(--control-min-size);border:none;border-radius:var(--radius-1);background:none;color:var(--text);font:inherit;font-size:var(--font-size-3);cursor:pointer;white-space:nowrap}.ui-menu__item:hover,.ui-menu__item[data-active=true]{background:var(--surface-selected)}.ui-menu__item--danger{color:var(--danger-text)}.ui-menu__item--danger:hover,.ui-menu__item--danger[data-active=true]{background:var(--danger-surface)}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);background:var(--surface-sunken)}.login__card{width:100%;max-width:24rem;display:grid;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-3);background:var(--surface-raised);box-shadow:var(--shadow-2)}.login__brand{display:grid;justify-items:center;gap:var(--space-1);text-align:center;margin-bottom:var(--space-2)}.login__mark{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:var(--space-2);border-radius:var(--radius-3);background:var(--accent);color:var(--accent-contrast)}.login__title{margin:0;font-size:var(--font-size-6);line-height:var(--line-height-ui)}.login__lede{margin:0;font-size:var(--font-size-2);color:var(--text-muted)}@media (max-width: 420px){.login{padding:0;align-items:stretch}.login__card{max-width:none;border:none;border-radius:0;box-shadow:none;align-content:center}}.calls-panel__dial{max-width:26rem;padding-top:var(--space-3)}.calls-panel__scroll{display:flex;flex-direction:column}.calls-panel__empty,.voicemail-panel__empty{margin:auto;max-width:28rem;text-align:center}