.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);border:1px solid transparent;border-radius:var(--ds-radius-pill);font-weight:var(--ds-font-weight-semibold);cursor:pointer;transition:background-color var(--ds-transition-fast),border-color var(--ds-transition-fast),opacity var(--ds-transition-fast);white-space:nowrap}.ds-button:focus-visible{outline:2px solid var(--ds-focus-ring);outline-offset:2px}.ds-button:disabled{opacity:.5;cursor:default}.ds-button--full{width:100%}.ds-button--sm{padding:0 var(--ds-space-3);height:32px;font-size:var(--ds-font-size-sm)}.ds-button--md{padding:0 var(--ds-space-4);height:40px;font-size:var(--ds-font-size-md)}.ds-button--lg{padding:0 var(--ds-space-5);height:48px;font-size:var(--ds-font-size-lg)}.ds-button--primary{background:var(--ds-accent);color:var(--ds-accent-contrast)}.ds-button--primary:hover:not(:disabled){background:var(--ds-accent-hover)}.ds-button--primary:active:not(:disabled){background:var(--ds-accent-active)}.ds-button--secondary{background:var(--ds-bg-sunken);color:var(--ds-text);border-color:var(--ds-border)}.ds-button--secondary:hover:not(:disabled){border-color:var(--ds-border-strong)}.ds-button--ghost{background:transparent;color:var(--ds-text)}.ds-button--ghost:hover:not(:disabled){background:var(--ds-bg-sunken)}.ds-button--danger{background:transparent;color:var(--ds-danger);text-decoration:underline;border-radius:var(--ds-radius-sm)}.ds-button--danger:hover:not(:disabled){background:var(--ds-danger-bg)}.ds-button__spinner{width:14px;height:14px;border-radius:var(--ds-radius-pill);border:2px solid currentColor;border-top-color:transparent;animation:ds-spin .7s linear infinite;flex-shrink:0}.ds-button--loading .ds-button__label{opacity:.85}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-field{display:flex;flex-direction:column;gap:var(--ds-space-2);font-size:var(--ds-font-size-sm)}.ds-field__label{color:var(--ds-text-dim)}.ds-input{display:flex;align-items:center;background:var(--ds-bg-sunken);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);transition:border-color var(--ds-transition-fast)}.ds-input:focus-within{border-color:var(--ds-accent)}.ds-input--error{border-color:var(--ds-danger)}.ds-input--with-suffix{padding-right:var(--ds-space-3)}.ds-input__control{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--ds-text);padding:var(--ds-space-3);font-size:var(--ds-font-size-md);border-radius:inherit}.ds-input__control::placeholder{color:var(--ds-text-dim)}.ds-input__control:disabled{opacity:.6;cursor:not-allowed}.ds-input__suffix{color:var(--ds-text-dim);white-space:nowrap;font-size:var(--ds-font-size-sm)}.ds-field__error{margin:0;color:var(--ds-danger);font-size:var(--ds-font-size-xs)}.ds-field__hint{margin:0;color:var(--ds-text-dim);font-size:var(--ds-font-size-xs)}.ds-avatar{border-radius:var(--ds-radius-pill);flex-shrink:0;object-fit:cover}.ds-avatar--fallback{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--ds-font-weight-bold)}.ds-spinner-wrap{display:inline-flex;align-items:center;justify-content:center}.ds-spinner{display:inline-block;border-radius:var(--ds-radius-pill);border-style:solid;border-color:currentColor;border-top-color:transparent;color:var(--ds-accent);animation:ds-spinner-rotate .7s linear infinite}@keyframes ds-spinner-rotate{to{transform:rotate(360deg)}}.ds-badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-bold);line-height:1;border-radius:var(--ds-radius-pill);white-space:nowrap}.ds-badge--accent{background:var(--ds-accent);color:var(--ds-accent-contrast);min-width:20px;height:20px;padding:0 var(--ds-space-2)}.ds-badge--neutral{background:var(--ds-bg-sunken);color:var(--ds-text-dim);min-width:20px;height:20px;padding:0 var(--ds-space-2);border:1px solid var(--ds-border)}.ds-badge--danger{background:var(--ds-danger);color:#fff;min-width:20px;height:20px;padding:0 var(--ds-space-2)}.ds-badge--outline-online{color:var(--ds-accent);border:1px solid var(--ds-accent);padding:var(--ds-space-1) var(--ds-space-2);font-weight:var(--ds-font-weight-medium)}.ds-badge--outline-offline{color:var(--ds-danger);border:1px solid var(--ds-danger);padding:var(--ds-space-1) var(--ds-space-2);font-weight:var(--ds-font-weight-medium)}.ds-toast-stack{position:fixed;bottom:var(--ds-space-4);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--ds-space-2);z-index:1000;width:min(92vw,420px);pointer-events:none}.ds-toast{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-md);font-size:var(--ds-font-size-sm);box-shadow:var(--ds-shadow-md);background:var(--ds-bg-raised);color:var(--ds-text);border:1px solid var(--ds-border);pointer-events:auto}.ds-toast--inline{box-shadow:none;margin:var(--ds-space-2) 0}.ds-toast--info{border-color:var(--ds-border)}.ds-toast--success{border-color:var(--ds-accent);color:var(--ds-accent)}.ds-toast--error{background:var(--ds-danger-bg);border-color:var(--ds-danger-border);color:var(--ds-danger)}.ds-toast__message{flex:1}.ds-toast__close{background:none;border:none;color:inherit;font-size:var(--ds-font-size-lg);line-height:1;cursor:pointer;padding:0;opacity:.7}.ds-toast__close:hover{opacity:1}:root{color-scheme:light dark;--ds-color-green-500: #22c55e;--ds-color-green-600: #16a34a;--ds-color-green-700: #15803d;--ds-color-blue-500: #0ea5e9;--ds-color-red-500: #ef4444;--ds-color-amber-500: #f59e0b;--ds-color-gray-0: #ffffff;--ds-color-gray-50: #f9fafb;--ds-color-gray-100: #f3f4f6;--ds-color-gray-200: #e5e7eb;--ds-color-gray-300: #d1d5db;--ds-color-gray-400: #9ca3af;--ds-color-gray-500: #6b7280;--ds-color-gray-600: #4b5563;--ds-color-gray-700: #374151;--ds-color-gray-800: #1f2937;--ds-color-gray-850: #161b28;--ds-color-gray-900: #111827;--ds-color-gray-950: #0b0f19;--ds-bg: var(--ds-color-gray-950);--ds-bg-raised: var(--ds-color-gray-900);--ds-bg-sunken: #0f1420;--ds-border: var(--ds-color-gray-800);--ds-border-strong: var(--ds-color-gray-700);--ds-text: #e5e7eb;--ds-text-dim: var(--ds-color-gray-400);--ds-text-on-accent: #06210f;--ds-text-inverse: var(--ds-color-gray-900);--ds-accent: var(--ds-color-green-500);--ds-accent-hover: var(--ds-color-green-600);--ds-accent-active: var(--ds-color-green-700);--ds-accent-contrast: #06210f;--ds-info: var(--ds-color-blue-500);--ds-danger: var(--ds-color-red-500);--ds-danger-bg: rgba(239, 68, 68, .12);--ds-danger-border: rgba(239, 68, 68, .35);--ds-warning: var(--ds-color-amber-500);--ds-focus-ring: var(--ds-accent);--ds-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ds-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ds-font-size-xs: .72rem;--ds-font-size-sm: .85rem;--ds-font-size-md: .95rem;--ds-font-size-lg: 1.1rem;--ds-font-size-xl: 1.25rem;--ds-font-size-2xl: 1.5rem;--ds-font-weight-regular: 400;--ds-font-weight-medium: 500;--ds-font-weight-semibold: 600;--ds-font-weight-bold: 700;--ds-line-height-tight: 1.2;--ds-line-height-normal: 1.4;--ds-line-height-relaxed: 1.6;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-space-10: 40px;--ds-space-12: 48px;--ds-radius-sm: 6px;--ds-radius-md: 10px;--ds-radius-lg: 14px;--ds-radius-pill: 999px;--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);--ds-shadow-md: 0 4px 16px rgba(0, 0, 0, .32);--ds-shadow-lg: 0 12px 32px rgba(0, 0, 0, .4);--ds-transition-fast: .12s ease;--ds-transition-normal: .2s ease}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--ds-bg: var(--ds-color-gray-100);--ds-bg-raised: var(--ds-color-gray-0);--ds-bg-sunken: var(--ds-color-gray-50);--ds-border: var(--ds-color-gray-200);--ds-border-strong: var(--ds-color-gray-300);--ds-text: var(--ds-color-gray-900);--ds-text-dim: var(--ds-color-gray-500);--ds-text-inverse: var(--ds-color-gray-0);--ds-shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);--ds-shadow-md: 0 4px 16px rgba(17, 24, 39, .1);--ds-shadow-lg: 0 12px 32px rgba(17, 24, 39, .14)}}:root[data-theme=light]{--ds-bg: var(--ds-color-gray-100);--ds-bg-raised: var(--ds-color-gray-0);--ds-bg-sunken: var(--ds-color-gray-50);--ds-border: var(--ds-color-gray-200);--ds-border-strong: var(--ds-color-gray-300);--ds-text: var(--ds-color-gray-900);--ds-text-dim: var(--ds-color-gray-500);--ds-text-inverse: var(--ds-color-gray-0);--ds-shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);--ds-shadow-md: 0 4px 16px rgba(17, 24, 39, .1);--ds-shadow-lg: 0 12px 32px rgba(17, 24, 39, .14)}:root[data-theme=dark]{--ds-bg: var(--ds-color-gray-950);--ds-bg-raised: var(--ds-color-gray-900);--ds-bg-sunken: #0f1420;--ds-border: var(--ds-color-gray-800);--ds-border-strong: var(--ds-color-gray-700);--ds-text: #e5e7eb;--ds-text-dim: var(--ds-color-gray-400);--ds-text-inverse: var(--ds-color-gray-900);--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);--ds-shadow-md: 0 4px 16px rgba(0, 0, 0, .32);--ds-shadow-lg: 0 12px 32px rgba(0, 0, 0, .4)}:root[data-brand=diarra]{--ds-bg: #f3f6f1;--ds-bg-raised: #ffffff;--ds-bg-sunken: #eaf0e7;--ds-border: #dbe5d8;--ds-border-strong: #c3d3be;--ds-text: #0a3d2b;--ds-text-dim: #557366;--ds-text-on-accent: #ffffff;--ds-text-inverse: #ffffff;--ds-accent: #0e6b46;--ds-accent-hover: #0a4f35;--ds-accent-active: #06281c;--ds-accent-contrast: #ffffff;--ds-focus-ring: #c6f432;--ds-font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ds-shadow-sm: 0 1px 2px rgba(10, 61, 43, .08);--ds-shadow-md: 0 4px 16px rgba(10, 61, 43, .1);--ds-shadow-lg: 0 12px 32px rgba(10, 61, 43, .14);color-scheme:light}*,*:before,*:after{box-sizing:border-box}body{background:var(--ds-bg);color:var(--ds-text);font-family:var(--ds-font-family);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}.ds-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:root{color-scheme:light dark;--bg: #0b141a;--pane-bg: #111b21;--pane-bg-alt: #0b141a;--header-bg: #202c33;--border: #222d34;--text: #e9edef;--text-dim: #8696a0;--accent: #00a884;--accent-strong: #008069;--accent-contrast: #062015;--bubble-own: #005c4b;--bubble-own-text: #e9edef;--bubble-peer: #202c33;--bubble-peer-text: #e9edef;--danger: #ef4444;--read-tick: #53bdeb;--radius: 8px;--search-bg: #202c33}@media (prefers-color-scheme: light){:root{--bg: #eae6df;--pane-bg: #ffffff;--pane-bg-alt: #efeae2;--header-bg: #008069;--border: #e9edef;--text: #111b21;--text-dim: #667781;--accent: #00a884;--accent-strong: #008069;--accent-contrast: #ffffff;--bubble-own: #d9fdd3;--bubble-own-text: #111b21;--bubble-peer: #ffffff;--bubble-peer-text: #111b21;--read-tick: #53bdeb;--search-bg: #f0f2f5}}html,body,#root{height:100dvh;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.messaging-layout{height:100dvh;display:grid;grid-template-columns:1fr;background:var(--bg)}.messaging-layout__list-pane,.messaging-layout__thread-pane{min-height:0;overflow:hidden}.messaging-layout__thread-pane,.messaging-layout--has-selection .messaging-layout__list-pane{display:none}.messaging-layout--has-selection .messaging-layout__thread-pane{display:block}@media (min-width: 860px){.messaging-layout{grid-template-columns:minmax(300px,400px) 1fr}.messaging-layout__list-pane,.messaging-layout--has-selection .messaging-layout__list-pane{display:block;border-right:1px solid var(--border)}.messaging-layout__thread-pane,.messaging-layout--has-selection .messaging-layout__thread-pane{display:block}}.messaging-layout__placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-dim);background:var(--pane-bg-alt)}.conversation-list{height:100%;display:flex;flex-direction:column;background:var(--pane-bg)}.conversation-list__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--header-bg);color:#e9edef}.conversation-list__header h1{font-size:1.2rem;font-weight:600;margin:0;color:#e9edef}.connection-badge{font-size:.7rem;padding:4px 10px;border-radius:999px;border:1px solid rgba(233,237,239,.35);color:#e9edef}.connection-badge--online{border-color:var(--accent);background:#00a8842e}.connection-badge--offline{border-color:var(--danger);background:#ef44442e}.connection-badge--syncing{opacity:.75}.banner{margin:8px 16px;padding:8px 12px;border-radius:8px;font-size:.85rem}.banner--error{background:#ef44441f;color:var(--danger);border:1px solid rgba(239,68,68,.35)}.conversation-list__empty{padding:48px 16px;color:var(--text-dim);text-align:center}.conversation-list__empty-cta{margin-top:16px;padding:10px 20px;border:none;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-size:.9rem;font-weight:600;cursor:pointer}.conversation-list__empty-cta:hover{background:var(--accent-strong)}.conversation-list__items{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;background:var(--pane-bg)}.conversation-item{width:100%;display:flex;gap:14px;align-items:center;padding:12px 16px;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;transition:background-color .1s ease}.conversation-item:hover,.conversation-item--active{background:var(--pane-bg-alt)}.conversation-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;border-bottom:none;padding-top:2px}.conversation-item__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-item__handle{font-weight:500;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.conversation-item__time{font-size:.72rem;color:var(--text-dim);flex-shrink:0}.conversation-item__preview{font-size:.87rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;flex-shrink:0}.avatar{border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}.avatar--photo{object-fit:cover}.conversation-thread{height:100%;display:flex;flex-direction:column;position:relative;background-color:var(--pane-bg-alt);background-image:radial-gradient(circle at 8px 8px,rgba(134,150,160,.06) 1.4px,transparent 1.4px);background-size:26px 26px}.conversation-thread__header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--header-bg);color:#e9edef}.conversation-thread__title{display:flex;flex-direction:column;min-width:0;line-height:1.25}.conversation-thread__handle{font-weight:500;color:#e9edef;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-thread__call-buttons{display:flex;gap:4px;margin-left:auto}.conversation-thread__call-button{background:none;border:none;padding:6px;cursor:pointer;color:#e9edef;display:flex;border-radius:999px}.conversation-thread__call-button:hover:not(:disabled){background:#ffffff14}.conversation-thread__call-button:disabled{opacity:.4;cursor:not-allowed}.conversation-thread__typing{font-size:.75rem;color:var(--accent);font-style:normal}.conversation-item__typing{color:var(--accent);font-style:normal}.conversation-thread__menu{position:relative;margin-left:auto}.conversation-thread__menu-trigger,.conversation-thread__search-trigger{background:none;border:none;padding:4px;cursor:pointer;color:#e9edef;display:flex}.conversation-thread__search-trigger[aria-pressed=true]{color:var(--accent)}.conversation-thread__menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--pane-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #00000040;overflow:hidden;z-index:5}.conversation-thread__menu-item{display:block;width:100%;text-align:left;padding:10px 14px;background:none;border:none;cursor:pointer;font-size:.9rem;color:var(--text)}.conversation-thread__menu-item:hover{background:var(--pane-bg-alt)}.conversation-thread__menu-item:disabled{opacity:.6;cursor:default}.conversation-thread__e2ee-badge{background:none;border:none;padding:4px;margin-left:4px;cursor:pointer;color:#e9edef;opacity:.75;display:flex;align-items:center}.conversation-thread__e2ee-badge:hover{opacity:1}.conversation-thread__e2ee-badge--verified{opacity:1;color:var(--accent)}.conversation-thread__e2ee-badge--changed{opacity:1;color:#f15c5c}.conversation-thread__key-change-notice{padding:8px 16px;background:#f15c5c1f;border-bottom:1px solid rgba(241,92,92,.35);text-align:center}.conversation-thread__key-change-notice button{background:none;border:none;padding:0;color:#f15c5c;font-size:.85rem;cursor:pointer;text-decoration:underline}.conversation-thread__pinned-banner{flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}.conversation-thread__safety-number-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--pane-bg);overflow-y:auto}.forward-picker-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--pane-bg);display:flex;flex-direction:column}.forward-picker__header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--header-bg);flex-shrink:0}.forward-picker__back{border:none;background:none;color:inherit;cursor:pointer;display:flex;align-items:center;padding:4px}.forward-picker__title{font-size:1.05rem;font-weight:600;margin:0}.forward-picker__search{padding:8px 16px;flex-shrink:0}.forward-picker__search-input{width:100%;box-sizing:border-box;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--pane-bg-alt);color:inherit;font-size:.95rem}.forward-picker__list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.forward-picker__item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:none;color:inherit;cursor:pointer;text-align:left;font-size:.95rem}.forward-picker__item:hover{background:var(--pane-bg-alt)}.forward-picker__avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--accent, #25d366);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.forward-picker__handle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forward-picker__empty{padding:24px 16px;color:var(--text-dim);text-align:center;font-size:.9rem}.message-search-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--pane-bg-alt);flex-shrink:0}.message-search-bar__icon{flex-shrink:0;color:var(--text-dim);display:flex}.message-search-bar__input{flex:1;min-width:0;border:none;background:none;color:inherit;font-size:.95rem;outline:none}.message-search-bar__count{flex-shrink:0;font-size:.82rem;color:var(--text-dim);white-space:nowrap}.message-search-bar__nav,.message-search-bar__close{flex-shrink:0;border:none;background:none;color:inherit;cursor:pointer;display:flex;padding:4px}.message-search-bar__nav:disabled{color:var(--text-dim);cursor:default}.bubble__search-highlight{background:#ffe08a;color:#202c33;border-radius:2px;padding:0 1px}.conversation-thread__message-anchor--highlighted .bubble{background-color:#00a8842e;transition:background-color .3s ease}.composer-blocked-notice{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:var(--header-bg);color:var(--text-dim);font-size:.85rem;text-align:center}.back-button{background:none;border:none;padding:4px;cursor:pointer;color:#e9edef;display:flex}@media (min-width: 860px){.back-button{display:none}}.conversation-thread__scroll{flex:1;overflow-y:auto;padding:16px clamp(16px,6vw,96px);display:flex;flex-direction:column;gap:3px}.conversation-thread__empty{margin:auto;color:var(--text-dim);text-align:center;background:var(--pane-bg);padding:8px 16px;border-radius:8px}.bubble-row{display:flex}.bubble-row--own{justify-content:flex-end}.bubble-row--peer{justify-content:flex-start}.bubble{max-width:min(72%,480px);padding:7px 9px 8px;border-radius:var(--radius);display:flex;flex-direction:column;gap:2px;position:relative;box-shadow:0 1px .5px #00000021}.bubble--own{background:var(--bubble-own);color:var(--bubble-own-text);border-top-right-radius:2px}.bubble--peer{background:var(--bubble-peer);color:var(--bubble-peer-text);border-top-left-radius:2px}.bubble--failed{outline:1px solid var(--danger)}.bubble__content{white-space:pre-wrap;word-break:break-word;font-size:.93rem;line-height:1.35}.bubble__meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:.68rem;opacity:.65;margin-top:2px}.bubble__retry{align-self:flex-end;background:none;border:none;color:var(--danger);text-decoration:underline;font-size:.72rem;padding:0;cursor:pointer}.msg-status{display:inline-flex;align-items:center}.msg-status--sent{opacity:.75}.msg-status--delivered{opacity:.85}.msg-status--read{color:var(--read-tick);opacity:1}.msg-status--failed{color:var(--danger);font-weight:700}.msg-status__spinner{width:9px;height:9px;border-radius:999px;border:1.5px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.composer{display:flex;align-items:flex-end;gap:8px;padding:8px 12px;background:var(--header-bg);padding-bottom:max(8px,env(safe-area-inset-bottom))}.composer__input{flex:1;padding:10px 16px;border-radius:24px;border:none;background:var(--pane-bg);color:var(--text);font-size:.95rem;outline:none;resize:none;font-family:inherit;line-height:1.35;max-height:calc(1.35em * 6 + 20px);overflow-y:auto}.composer__input::placeholder{color:var(--text-dim)}.composer__input:focus{box-shadow:0 0 0 2px var(--accent) inset}.composer__send{width:42px;height:42px;border-radius:999px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.composer__send:disabled{opacity:.5;cursor:default}.bubble--typing{padding:10px 14px}.typing-dots{display:inline-flex;align-items:center;gap:3px}.typing-dots span{width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.5;animation:typing-bounce 1.2s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.bubble--deleted{opacity:.75}.bubble__content--deleted,.bubble__content--undecryptable{font-style:italic;color:var(--text-dim)}.bubble__menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:transparent}.bubble__menu{position:absolute;top:calc(100% + 4px);right:0;z-index:21;min-width:160px;background:var(--pane-bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 20px #00000040;padding:4px;display:flex;flex-direction:column;gap:2px}.bubble-row--peer .bubble__menu{right:auto;left:0}.bubble__menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;text-align:left;padding:8px 12px;border-radius:6px;font-size:.85rem;color:var(--text);cursor:pointer}.bubble__menu-item:hover{background:var(--pane-bg-alt)}.bubble__menu-item--danger{color:var(--danger)}.bubble__edit-form{display:flex;flex-direction:column;gap:6px;width:100%}.bubble__edit-input{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:12px;border:none;background:var(--pane-bg);color:var(--text);font-size:.93rem;font-family:inherit;line-height:1.35;resize:none;outline:none;max-height:calc(1.35em * 6 + 16px);overflow-y:auto}.bubble__edit-input:focus{box-shadow:0 0 0 2px var(--accent) inset}.bubble__edit-actions{display:flex;justify-content:flex-end;gap:8px}.bubble__edit-cancel,.bubble__edit-confirm{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:5px 14px;font-size:.8rem;font-weight:600;cursor:pointer}.bubble__edit-cancel{background:none;color:var(--text-dim)}.bubble__edit-confirm{background:var(--accent);color:#fff}.bubble__edit-confirm:disabled{opacity:.5;cursor:default}.bubble__edited-indicator,.bubble__forwarded-indicator{font-style:italic}.reaction-bar{position:absolute;bottom:calc(100% + 4px);right:0;z-index:21;display:flex;align-items:center;gap:2px;background:var(--pane-bg);border:1px solid var(--border);border-radius:999px;box-shadow:0 6px 20px #00000040;padding:4px 6px}.bubble-row--peer .reaction-bar{right:auto;left:0}.reaction-bar__emoji{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font-size:1.35rem;line-height:1;padding:4px;border-radius:999px;cursor:pointer;transition:transform .1s ease,background .1s ease}.reaction-bar__emoji:hover{background:var(--pane-bg-alt);transform:scale(1.15)}.bubble__reactions{display:flex;gap:3px;margin-top:3px;align-self:flex-start}.bubble-row--own .bubble__reactions{align-self:flex-end}.bubble__reaction-badge{display:inline-flex;align-items:center;gap:2px;font-size:.78rem;line-height:1;padding:2px 5px;border-radius:999px;background:var(--pane-bg);border:1px solid var(--border);box-shadow:0 1px 2px #00000026}.bubble__reaction-badge--own{border-color:var(--accent)}.bubble__reaction-count{font-size:.7rem;color:var(--text-dim)}.bubble-row{position:relative}.bubble-row__reply-affordance{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:var(--pane-bg-alt);color:var(--accent);pointer-events:none}.bubble-row--own .bubble-row__reply-affordance{right:calc(100% - 8px)}.bubble-row--peer .bubble-row__reply-affordance{left:8px}.bubble--swipeable{touch-action:pan-y}.bubble__reply-button{position:absolute;top:4px;right:4px;width:26px;height:26px;display:none;align-items:center;justify-content:center;border:none;border-radius:999px;background:#00000047;color:#fff;cursor:pointer;padding:0}.bubble-row--peer .bubble__reply-button{right:auto;left:4px}@media (hover: hover) and (pointer: fine){.bubble:hover .bubble__reply-button{display:flex}}.bubble__reply-preview{display:flex;gap:6px;padding:4px 6px;margin-bottom:3px;border-radius:6px;background:#0000001f;max-width:100%}.bubble--peer .bubble__reply-preview{background:#0000000f}.bubble__reply-preview-bar{flex-shrink:0;width:3px;border-radius:999px;background:var(--accent)}.bubble__reply-preview-body{display:flex;flex-direction:column;gap:1px;min-width:0}.bubble__reply-preview-sender{font-size:.76rem;font-weight:600;color:var(--accent)}.bubble__reply-preview-content{font-size:.8rem;color:inherit;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-reply-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--header-bg);border-top:1px solid var(--border)}.composer-reply-preview__bar{flex-shrink:0;align-self:stretch;width:3px;border-radius:999px;background:var(--accent)}.composer-reply-preview__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.composer-reply-preview__sender{font-size:.78rem;font-weight:600;color:var(--accent)}.composer-reply-preview__content{font-size:.85rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-reply-preview__cancel{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:none;color:var(--text-dim);cursor:pointer}.composer-reply-preview__cancel:hover{background:var(--pane-bg-alt);color:var(--text)}.statuses-bar-wrap{padding:12px 16px 4px}.statuses-bar__title{margin:0 0 10px;font-size:.85rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em}.statuses-bar{display:flex;gap:16px;overflow-x:auto;padding-bottom:4px}.status-bubble{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;width:64px;border:none;background:none;cursor:pointer;padding:0}.status-bubble--self{position:relative;cursor:default}.status-bubble__main{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;border:none;background:none;cursor:pointer;padding:0}.status-bubble__add{position:absolute;bottom:22px;right:2px;width:20px;height:20px;border-radius:999px;background:var(--accent);color:var(--accent-contrast);border:2px solid var(--pane-bg);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;cursor:pointer;padding:0;line-height:1}.status-bubble__ring{position:relative;width:56px;height:56px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:2.5px solid var(--accent);padding:2px}.status-bubble__ring--self{border-color:var(--border);background:var(--pane-bg-alt)}.status-bubble__avatar{width:100%;height:100%;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.85rem;background:#00000026}.status-bubble__plus{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:999px;background:var(--accent);color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;border:2px solid var(--pane-bg)}.status-bubble__label{font-size:.72rem;color:var(--text-dim);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex}.status-overlay__backdrop{position:relative;flex:1;display:flex;flex-direction:column;padding:20px 20px 32px}.status-overlay__close{align-self:flex-end;width:36px;height:36px;border-radius:999px;border:none;background:#00000040;color:#fff;font-size:1rem;cursor:pointer}.status-overlay__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.status-overlay__author{color:#fff;font-weight:600}.status-overlay__progress{display:flex;gap:4px}.status-overlay__progress-bar{flex:1;height:3px;border-radius:999px;background:#ffffff59}.status-overlay__progress-bar--seen{background:#fff}.status-overlay__content{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:1.4rem;font-weight:500;word-break:break-word;padding:24px 8px;margin:0}.status-overlay .status-composer__textarea{flex:1;color:#fff;font-size:1.3rem;text-align:center;background:none;border:none;outline:none;resize:none;font-family:inherit;margin:16px 0}.status-overlay .status-composer__textarea::placeholder{color:#ffffffbf}.status-composer__colors{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.status-composer__color{width:28px;height:28px;border-radius:999px;border:2px solid transparent;cursor:pointer;padding:0}.status-composer__color--selected{border-color:#fff}.status-overlay__publish{margin-top:16px;align-self:center;padding:10px 24px;border-radius:999px;border:none;background:#fff;color:#111;font-weight:600;cursor:pointer}.status-overlay__publish:disabled{opacity:.5;cursor:default}.status-overlay__nav{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none}.status-overlay__nav-zone{flex:1;border:none;background:none;pointer-events:auto;cursor:pointer}.status-overlay__delete{margin-top:16px;align-self:center;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.6);background:none;color:#fff;cursor:pointer}.voice-recorder__button{width:42px;height:42px;border-radius:999px;border:none;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.voice-recorder__button--recording{background:var(--danger)}.voice-recorder__timer{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-dim);white-space:nowrap}.voice-recorder__dot{width:8px;height:8px;border-radius:999px;background:var(--danger);animation:voice-recorder-pulse 1.2s ease-in-out infinite}.voice-recorder__error{font-size:.8rem;color:var(--danger)}.composer__attach{position:relative;flex-shrink:0}.composer__attach-trigger{width:42px;height:42px;border-radius:999px;border:none;background:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center}.composer__attach-trigger:disabled{opacity:.5;cursor:default}.composer__attach-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.composer__attach-menu{position:absolute;bottom:calc(100% + 6px);left:0;z-index:21;min-width:160px;background:var(--pane-bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 18px #00000040;overflow:hidden}.composer__attach-menu-item{display:block;width:100%;text-align:left;padding:10px 14px;border:none;background:none;color:var(--text);font-size:.9rem;cursor:pointer}.composer__attach-menu-item:hover{background:#7f7f7f1f}.composer__file-input{display:none}.composer-attach-status{display:flex;justify-content:space-between;gap:8px;padding:4px 16px;font-size:.8rem}.composer-attach-status__uploading{color:var(--text-dim)}.composer-attach-status__error{color:var(--danger)}.composer-attach-status__hint{color:var(--text-dim)}.bubble__media{display:flex;flex-direction:column;gap:4px}.bubble__media-caption{margin-top:2px}.bubble__media-purged-notice{font-size:.85rem;font-style:italic;color:var(--text-dim)}.bubble__media--audio{min-width:220px}.bubble__audio{width:100%;max-width:260px}.bubble__media-duration{font-size:.75rem;color:var(--text-dim)}.bubble__image-button{padding:0;border:none;background:none;cursor:pointer;line-height:0}.bubble__image{display:block;max-width:260px;max-height:320px;width:100%;height:auto;border-radius:12px;object-fit:cover}.bubble__video{display:block;max-width:260px;max-height:320px;width:100%;border-radius:12px;background:#000}.bubble--sticker{background:none;box-shadow:none;padding:0;border-radius:0}.bubble--sticker.bubble--own{border-top-right-radius:0}.bubble--sticker.bubble--peer{border-top-left-radius:0}.bubble__media--sticker{display:block}.bubble__sticker-image{display:block;width:128px;height:128px;object-fit:contain}.bubble__document-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#7f7f7f1f;text-decoration:none;color:inherit;min-width:200px;max-width:280px}.bubble__document-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#7f7f7f33;flex-shrink:0}.bubble__document-info{display:flex;flex-direction:column;gap:2px;min-width:0}.bubble__document-name{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubble__document-size{font-size:.75rem;color:var(--text-dim)}.bubble__fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000000e6;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.bubble__fullscreen-image{max-width:92vw;max-height:92vh;object-fit:contain;cursor:default}.bubble__fullscreen-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:999px;border:none;background:#ffffff26;color:#fff;cursor:pointer;font-size:1rem}.status-composer__photo-preview{position:relative;flex:1;display:flex;align-items:center;justify-content:center;margin:16px 0;min-height:0}.status-composer__photo-preview-img{max-width:100%;max-height:50vh;border-radius:8px;object-fit:contain}.status-composer__photo-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:999px;border:none;background:#0000008c;color:#fff;cursor:pointer}.status-composer__caption{border:none;outline:none;background:#ffffff26;color:#fff;border-radius:999px;padding:10px 16px;font-size:.95rem;margin-bottom:12px}.status-composer__caption::placeholder{color:#ffffffbf}.status-composer__add-photo{align-self:center;margin-bottom:12px;padding:8px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.6);background:none;color:#fff;cursor:pointer}.status-overlay__backdrop--image{padding:0}.status-overlay__image-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:0 8px}.status-overlay__image{max-width:100%;max-height:78vh;object-fit:contain;border-radius:4px}.status-overlay__image-caption{margin:12px 0 0;color:#fff;text-align:center;font-size:1rem;padding:0 16px}.bubble--uploading{position:relative;padding:3px;overflow:hidden;align-self:flex-end}.bubble__image--uploading,.bubble__video--uploading{filter:brightness(.55)}.bubble__upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.bubble__upload-spinner{width:30px;height:30px;border-radius:999px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;animation:bubble-upload-spin .8s linear infinite}@keyframes bubble-upload-spin{to{transform:rotate(360deg)}}.bubble-link__anchor{color:#53bdeb;text-decoration:underline;text-underline-offset:2px;word-break:break-all}.bubble-link__card{display:flex;gap:10px;margin:1px -4px 4px;padding:8px;border-radius:6px;background:#00000038;border-left:3px solid var(--accent);color:inherit;text-decoration:none;overflow:hidden;max-width:340px;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.bubble-link__card:hover{background:#0000004d}.bubble-link__card--wide{flex-direction:column;padding:0 0 8px;gap:8px;border-left:none}.bubble-link__image{width:64px;height:64px;border-radius:4px;object-fit:cover;flex-shrink:0;background:#ffffff0f}.bubble-link__card--wide .bubble-link__image{width:100%;height:auto;max-height:200px;aspect-ratio:1.91 / 1;border-radius:6px 6px 0 0}.bubble-link__body{display:flex;flex-direction:column;gap:2px;min-width:0}.bubble-link__card--wide .bubble-link__body{padding:0 10px}.bubble-link__site{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--accent)}.bubble-link__icon{width:16px;height:16px;border-radius:3px;object-fit:contain}.bubble-link__title{font-weight:600;font-size:.9rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bubble-link__description{font-size:.8rem;line-height:1.3;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bubble-link__host{font-size:.72rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: light){.bubble-link__anchor{color:#027eb5}.bubble-link__card{background:#0000000d}.bubble-link__card:hover{background:#00000014}}:root{color-scheme:light dark;--bg: #0b0f19;--pane-bg: #111827;--pane-bg-alt: #0f1420;--border: #1f2937;--text: #e5e7eb;--text-dim: #9ca3af;--accent: #22c55e;--accent-contrast: #06210f;--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .12);--radius: 14px}@media (prefers-color-scheme: light){:root{--bg: #f3f4f6;--pane-bg: #ffffff;--pane-bg-alt: #f9fafb;--border: #e5e7eb;--text: #111827;--text-dim: #6b7280}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{font:inherit;color:inherit}.app-shell{max-width:640px;margin:0 auto;padding:24px 16px 64px;display:flex;flex-direction:column;gap:20px}.settings-screen{display:flex;flex-direction:column;gap:20px}.screen-panel{background:var(--pane-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.screen-panel__header{padding:16px 20px;border-bottom:1px solid var(--border)}.screen-panel__header h1{margin:0;font-size:1.15rem}.panel-body{padding:20px;display:flex;flex-direction:column;gap:16px}.form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--text-dim)}.field input[type=text]{background:var(--pane-bg-alt);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:1rem}.field input[type=text]:focus{outline:2px solid var(--accent);outline-offset:1px}.field-static{display:flex;flex-direction:column;gap:4px}.field-static__label{font-size:.8rem;color:var(--text-dim)}.field-static__value{font-size:1.05rem;font-weight:600;word-break:break-all}.hint{font-size:.8rem;color:var(--text-dim);margin:0}.error{color:var(--danger);font-size:.85rem;margin:0}.success{color:var(--accent);font-size:.85rem;margin:0}button[type=submit]{align-self:flex-start;background:var(--accent);color:var(--accent-contrast);border:none;border-radius:8px;padding:10px 18px;font-weight:600;cursor:pointer}button[type=submit]:disabled{opacity:.5;cursor:default}.button--danger{background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer;white-space:nowrap}.button--danger:disabled{opacity:.5;cursor:default}.avatar-picker{display:flex;flex-direction:column;align-items:center;gap:8px}.avatar-picker__button{position:relative;padding:0;border:none;background:none;border-radius:999px;cursor:pointer;line-height:0}.avatar-picker__button:disabled{cursor:default;opacity:.7}.avatar-picker__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#00000073;color:#fff;font-size:.72rem;font-weight:600;opacity:0;transition:opacity .15s ease}.avatar-picker__button:hover .avatar-picker__overlay,.avatar-picker__button:focus-visible .avatar-picker__overlay{opacity:1}.profile-avatar{border-radius:999px;object-fit:cover;display:flex;align-items:center;justify-content:center}.profile-avatar--fallback{color:#fff;font-weight:700;letter-spacing:.02em}.phone-field{display:flex;gap:8px}.phone-field select{background:var(--pane-bg-alt);border:1px solid var(--border);border-radius:8px;padding:10px 8px;color:var(--text);font-size:.9rem;max-width:40%}.phone-field input[type=tel]{flex:1;min-width:0;background:var(--pane-bg-alt);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:1rem}.phone-field input[type=tel]:focus{outline:2px solid var(--accent);outline-offset:1px}.device-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.device-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--pane-bg-alt)}.device-item__body{display:flex;flex-direction:column;gap:4px;min-width:0}.device-item__row{display:flex;align-items:center;gap:8px}.device-item__row--sub{gap:12px}.device-item__label{font-weight:600}.badge{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px}.badge--current{background:#22c55e26;color:var(--accent)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.toggle-row__text{display:flex;flex-direction:column;gap:4px}.toggle-row__title{font-weight:600}.toggle-row input[type=checkbox]{width:42px;height:24px;flex-shrink:0;accent-color:var(--accent)}.logout-block{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.app-frame{display:flex;flex-direction:column;height:100%;background:var(--ds-bg);color:var(--ds-text)}.app-main{flex:1;min-height:0;overflow:auto;position:relative}@media (max-width: 859px){.app-main{padding-bottom:calc(var(--app-bottom-nav-height, 64px) + env(safe-area-inset-bottom,0px))}.app-main--thread{padding-bottom:0}}.app-loading{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-3, 12px);height:100%;color:var(--ds-text-dim);background:var(--ds-bg)}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3, 12px);padding:var(--ds-space-2, 8px) var(--ds-space-4, 16px);background:var(--ds-bg-raised);border-bottom:1px solid var(--ds-border);flex:none}.app-topbar__brand{display:flex;align-items:center;gap:var(--ds-space-2, 8px);flex:none}.app-topbar__brand-name{font-weight:var(--ds-font-weight-semibold, 600);font-size:1rem;color:var(--ds-text);white-space:nowrap}.app-topbar__identity{display:flex;align-items:center;gap:var(--ds-space-2, 8px);min-width:0;margin-left:auto}.app-topbar__handle{font-size:.875rem;color:var(--ds-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14rem}.app-topbar__desktop-links{display:none;gap:var(--ds-space-1, 4px)}.app-topbar__link{display:inline-block;padding:var(--ds-space-2, 8px) var(--ds-space-3, 12px);border-radius:var(--ds-radius-md, 10px);color:var(--ds-text-dim);text-decoration:none;font-size:.9375rem;transition:background var(--ds-transition-fast, .12s ease),color var(--ds-transition-fast, .12s ease)}.app-topbar__link:hover{background:var(--ds-bg-sunken);color:var(--ds-text)}.app-topbar__link--active{background:var(--ds-accent);color:var(--ds-accent-contrast)}.app-topbar__link:focus-visible{outline:2px solid var(--ds-focus-ring);outline-offset:2px}.app-overflow-menu{position:relative;flex:none}.app-overflow-menu__trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--ds-radius-pill, 999px);background:transparent;color:var(--ds-text-dim);cursor:pointer;transition:background var(--ds-transition-fast, .12s ease),color var(--ds-transition-fast, .12s ease)}.app-overflow-menu__trigger:hover{background:var(--ds-bg-sunken);color:var(--ds-text)}.app-overflow-menu__trigger:focus-visible{outline:2px solid var(--ds-focus-ring);outline-offset:2px}.app-overflow-menu__list{position:absolute;top:calc(100% + var(--ds-space-2, 8px));right:0;z-index:1200;min-width:12rem;margin:0;padding:var(--ds-space-2, 8px);list-style:none;background:var(--ds-bg-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg, 14px);box-shadow:var(--ds-shadow-lg)}.app-overflow-menu__item{display:block;width:100%;padding:var(--ds-space-2, 8px) var(--ds-space-3, 12px);border:none;border-radius:var(--ds-radius-md, 10px);background:transparent;color:var(--ds-text);font-size:.9375rem;text-align:left;cursor:pointer}.app-overflow-menu__item:hover,.app-overflow-menu__item:focus-visible{background:var(--ds-bg-sunken);outline:none}.app-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:1050;display:flex;align-items:stretch;justify-content:space-around;background:var(--ds-bg-raised);border-top:1px solid var(--ds-border);padding-bottom:env(safe-area-inset-bottom,0px)}.app-bottom-nav__link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--ds-space-2, 8px) var(--ds-space-1, 4px);min-height:56px;color:var(--ds-text-dim);text-decoration:none;transition:color var(--ds-transition-fast, .12s ease)}.app-bottom-nav__link:focus-visible{outline:2px solid var(--ds-focus-ring);outline-offset:-2px}.app-bottom-nav__link--active{color:var(--ds-accent)}.app-bottom-nav__label{font-size:.6875rem;font-weight:var(--ds-font-weight-medium, 500);line-height:1}.app-fab{position:fixed;right:var(--ds-space-4, 16px);bottom:calc(var(--app-bottom-nav-height, 64px) + env(safe-area-inset-bottom,0px) + var(--ds-space-4, 16px));z-index:1040;display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:none;border-radius:var(--ds-radius-pill, 999px);background:var(--ds-accent);color:var(--ds-accent-contrast);box-shadow:var(--ds-shadow-lg);cursor:pointer;transition:background var(--ds-transition-fast, .12s ease),transform var(--ds-transition-fast, .12s ease)}.app-fab:hover{background:var(--ds-accent-hover);transform:translateY(-1px)}.app-fab:focus-visible{outline:2px solid var(--ds-focus-ring);outline-offset:2px}@media (min-width: 860px){.app-fab{bottom:var(--ds-space-6, 24px)}}.app-fab-menu{position:fixed;right:var(--ds-space-4, 16px);bottom:calc(var(--app-bottom-nav-height, 64px) + env(safe-area-inset-bottom,0px) + var(--ds-space-4, 16px) + 64px);z-index:1040;min-width:13rem;margin:0;padding:var(--ds-space-2, 8px);list-style:none;background:var(--ds-bg-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg, 14px);box-shadow:var(--ds-shadow-lg)}.app-fab-menu__item{display:block;width:100%;padding:var(--ds-space-2, 8px) var(--ds-space-3, 12px);border:none;border-radius:var(--ds-radius-md, 10px);background:transparent;color:var(--ds-text);font-size:.9375rem;text-align:left;cursor:pointer}.app-fab-menu__item:hover,.app-fab-menu__item:focus-visible{background:var(--ds-bg-sunken);outline:none}@media (min-width: 860px){.app-fab-menu{bottom:calc(var(--ds-space-6, 24px) + 64px)}}.chat-list-group-icon{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--text-dim, #667781)}.chat-list-group-photo{flex-shrink:0;width:44px;height:44px;border-radius:50%;object-fit:cover}.business-screen{max-width:42rem;margin:0 auto;padding:var(--ds-space-5, 20px) var(--ds-space-4, 16px) var(--ds-space-8, 32px)}.business-screen__header{margin-bottom:var(--ds-space-5, 20px)}.business-screen__title{margin:0 0 var(--ds-space-1, 4px);font-size:1.375rem;color:var(--ds-text)}.business-screen__subtitle{margin:0;color:var(--ds-text-dim);font-size:.9375rem}.business-screen__list{display:flex;flex-direction:column;gap:var(--ds-space-3, 12px);list-style:none;margin:0;padding:0}.business-card{display:flex;align-items:center;gap:var(--ds-space-4, 16px);padding:var(--ds-space-4, 16px);background:var(--ds-bg-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg, 14px)}.business-card__icon{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:var(--ds-radius-md, 10px);background:var(--ds-bg-sunken);color:var(--ds-accent)}.business-card__body{flex:1;min-width:0}.business-card__heading{display:flex;align-items:center;gap:var(--ds-space-2, 8px);flex-wrap:wrap}.business-card__name{margin:0;font-size:1rem;color:var(--ds-text)}.business-card__description{margin:var(--ds-space-1, 4px) 0 0;color:var(--ds-text-dim);font-size:.875rem}.app-update-banner{position:fixed;top:0;left:0;right:0;z-index:1100;display:flex;align-items:center;justify-content:center;gap:var(--ds-space-3, 12px);padding:var(--ds-space-2, 8px) var(--ds-space-4, 16px);background:var(--ds-bg-raised);color:var(--ds-text);border-bottom:1px solid var(--ds-border-strong);font-size:.875rem}.session-evicted-notice{position:fixed;top:0;left:0;right:0;z-index:1200;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--ds-space-3, 12px);padding:var(--ds-space-2, 8px) var(--ds-space-4, 16px);background:var(--ds-bg-raised);color:var(--ds-text);border-bottom:1px solid var(--ds-border-strong);border-left:3px solid var(--ds-danger, #d94a3d);font-size:.875rem}.product-session-banner{display:flex;align-items:center;gap:var(--ds-space-3, 12px);padding:var(--ds-space-3, 12px) var(--ds-space-4, 16px);background:var(--ds-bg-raised);border-bottom:1px solid var(--ds-border)}.product-session-banner__image{width:44px;height:44px;border-radius:var(--ds-radius-md, 8px);object-fit:cover;flex-shrink:0;background:var(--ds-bg-subtle, #f3f4f6)}.product-session-banner__body{min-width:0;flex:1}.product-session-banner__name{margin:0;font-size:.875rem;font-weight:600;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-session-banner__price{margin:2px 0 0;font-size:.8125rem;color:var(--ds-text-dim)}.product-session-banner__pay-button{flex-shrink:0;display:inline-flex;align-items:center;padding:var(--ds-space-2, 8px) var(--ds-space-3, 12px);border-radius:var(--ds-radius-pill, 999px);background:var(--ds-accent, #16a34a);color:#fff;font-size:.8125rem;font-weight:600;text-decoration:none;white-space:nowrap}.product-session-banner__pay-button:hover{background:var(--ds-accent-hover, #15803d)}.login-token-choice{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--ds-space-4, 16px);max-width:360px;margin:0 auto;min-height:100vh;padding:var(--ds-space-6, 24px)}.login-token-choice__question{margin:0 0 var(--ds-space-2, 8px);font-size:1.125rem;font-weight:600;color:var(--ds-text);text-align:center}.login-token-choice__error{margin:0;font-size:.875rem;color:var(--ds-danger, #d94a3d);text-align:center}.push-prompt{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--ds-space-3, 12px);margin:var(--ds-space-3, 12px);padding:var(--ds-space-3, 12px) var(--ds-space-4, 16px);background:var(--ds-bg-raised);border:1px solid var(--ds-border);border-left:3px solid var(--ds-accent);border-radius:var(--ds-radius-md, 10px);box-shadow:var(--ds-shadow-sm)}.push-prompt__text{display:flex;flex-direction:column;gap:var(--ds-space-1, 4px);min-width:0;flex:1 1 220px}.push-prompt__title{color:var(--ds-text);font-size:var(--ds-font-size-md, .95rem);font-weight:var(--ds-font-weight-semibold, 600)}.push-prompt__hint{color:var(--ds-text-dim);font-size:var(--ds-font-size-sm, .85rem);line-height:var(--ds-line-height-normal, 1.4)}.push-prompt__error{color:var(--ds-danger);font-size:var(--ds-font-size-sm, .85rem)}.push-prompt__actions{display:flex;align-items:center;gap:var(--ds-space-2, 8px);flex-shrink:0}.install-prompt{position:fixed;top:0;left:0;right:0;z-index:1050;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--ds-space-3, 12px);padding:var(--ds-space-2, 8px) var(--ds-space-4, 16px);background:var(--ds-bg-raised);color:var(--ds-text);border-bottom:1px solid var(--ds-border-strong);font-size:.875rem}.install-prompt__text{display:flex;flex-direction:column;gap:var(--ds-space-1, 4px);min-width:0}.install-prompt__title{color:var(--ds-text);font-weight:var(--ds-font-weight-semibold, 600)}.install-prompt__hint{color:var(--ds-text-dim);font-size:var(--ds-font-size-sm, .85rem);line-height:var(--ds-line-height-normal, 1.4)}.install-prompt__actions{display:flex;align-items:center;gap:var(--ds-space-2, 8px);flex-shrink:0}.app-version-footer{margin:var(--ds-space-4, 16px) 0 var(--ds-space-6, 24px);padding:0 var(--ds-space-4, 16px);color:var(--ds-text-dim);font-size:.75rem;text-align:center}.ds-screen{display:flex;align-items:center;justify-content:center;min-height:100%;padding:var(--ds-space-4, 16px);background:var(--ds-bg)}.ds-card{width:100%;max-width:26rem;padding:var(--ds-space-6, 24px);background:var(--ds-bg-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg, 14px);box-shadow:var(--ds-shadow-md, 0 8px 24px rgba(0, 0, 0, .28))}.ds-card__logo{display:flex;justify-content:center;margin-bottom:var(--ds-space-4, 16px)}.ds-card__title{margin:0 0 var(--ds-space-1, 4px);font-size:1.5rem;color:var(--ds-text);text-align:center}.ds-card__subtitle{margin:0 0 var(--ds-space-5, 20px);color:var(--ds-text-dim);font-size:.9375rem}.ds-form{display:flex;flex-direction:column;gap:var(--ds-space-4, 16px)}.ds-divider{display:flex;align-items:center;gap:var(--ds-space-3, 12px);margin:var(--ds-space-5, 20px) 0;color:var(--ds-text-dim);font-size:.75rem;letter-spacing:.04em}.ds-divider:before,.ds-divider:after{content:"";flex:1;height:1px;background:var(--ds-border)}.google-signin-button{display:flex;justify-content:center;min-height:40px}.ds-field-hint{margin:0;color:var(--ds-text-dim);font-size:.8125rem;text-align:center}.privacy-card{max-width:42rem;text-align:left}.privacy-content{display:flex;flex-direction:column;gap:var(--ds-space-5, 20px);color:var(--ds-text);font-size:var(--ds-font-size-md, .95rem);line-height:1.6}.privacy-content h2{margin:0 0 var(--ds-space-2, 8px);font-size:var(--ds-font-size-lg, 1.1rem);color:var(--ds-text)}.privacy-content p{margin:0 0 var(--ds-space-2, 8px);color:var(--ds-text-dim)}.privacy-content ul{margin:0 0 var(--ds-space-2, 8px);padding-left:1.25em;color:var(--ds-text-dim);display:flex;flex-direction:column;gap:var(--ds-space-2, 8px)}.privacy-content a{color:var(--ds-accent)}.privacy-back{margin:var(--ds-space-5, 20px) 0 0;text-align:center}.privacy-back a{color:var(--ds-accent);text-decoration:none}.al{--al-bg: #faf6f0;--al-bg-alt: #f0ece3;--al-surface: #ffffff;--al-text: #1c2b24;--al-text-dim: #5b6b62;--al-accent: #00a884;--al-accent-dark: #06210f;--al-border: #e6ddd0;min-height:100%;overflow-y:auto;overflow-x:hidden;background:var(--al-bg);color:var(--al-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.al-nav{display:flex;align-items:center;gap:var(--ds-space-4, 16px);padding:var(--ds-space-3, 12px) var(--ds-space-5, 20px);background:var(--al-surface);border-bottom:1px solid var(--al-border);position:sticky;top:0;z-index:10}.al-nav__brand{display:flex;align-items:center;gap:var(--ds-space-2, 8px);font-weight:700;color:var(--al-text);flex:none}.al-nav__links{display:none;gap:var(--ds-space-5, 20px);flex:1}.al-nav__links a{color:var(--al-text-dim);text-decoration:none;font-size:.9rem}.al-nav__links a:hover{color:var(--al-text)}.al-nav__actions{display:flex;gap:var(--ds-space-2, 8px);margin-left:auto}@media (min-width: 720px){.al-nav__links{display:flex}}.al-btn{border:none;border-radius:999px;padding:8px 18px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease;font-family:inherit}.al-btn--solid{background:var(--al-accent);color:#fff}.al-btn--solid:hover{background:var(--al-accent-dark);transform:translateY(-1px)}.al-btn--ghost{background:transparent;color:var(--al-text);border:1px solid var(--al-border)}.al-btn--ghost:hover{background:var(--al-bg-alt)}.al-btn--lg{padding:12px 28px;font-size:1rem}.al-hero{display:grid;grid-template-columns:1fr;gap:var(--ds-space-6, 24px);align-items:center;max-width:72rem;margin:0 auto;padding:var(--ds-space-8, 40px) var(--ds-space-5, 20px);animation:al-rise .5s ease-out both}.al-hero__text h1{margin:0 0 var(--ds-space-3, 12px);font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;font-weight:700;color:var(--al-text);letter-spacing:-.02em}.al-hero__text p{margin:0 0 var(--ds-space-4, 16px);max-width:30rem;color:var(--al-text-dim);font-size:1.05rem;line-height:1.55}.al-hero__visual{max-width:26rem;margin:0 auto}@media (min-width: 900px){.al-hero{grid-template-columns:1fr 1fr;padding:var(--ds-space-8, 40px) var(--ds-space-6, 24px)}.al-hero__visual{max-width:none;margin:0}}.al-story{display:grid;grid-template-columns:1fr;gap:var(--ds-space-5, 20px);align-items:center;max-width:64rem;margin:0 auto;padding:var(--ds-space-7, 32px) var(--ds-space-5, 20px)}.al-story__visual{max-width:20rem;margin:0 auto}.al-story__text h2{margin:0 0 var(--ds-space-2, 8px);font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;color:var(--al-text);letter-spacing:-.01em}.al-story__text p{margin:0;color:var(--al-text-dim);font-size:1rem;line-height:1.6;max-width:30rem}@media (min-width: 820px){.al-story{grid-template-columns:1fr 1fr}.al-story__visual{max-width:none}.al-story--reverse .al-story__visual{order:2}}.al-cards{max-width:72rem;margin:0 auto;padding:var(--ds-space-7, 32px) var(--ds-space-5, 20px) var(--ds-space-8, 40px);background:var(--al-bg-alt);border-radius:var(--ds-radius-lg, 14px) var(--ds-radius-lg, 14px) 0 0}.al-cards h2{margin:0 0 var(--ds-space-5, 20px);text-align:center;font-size:1.5rem;font-weight:700;color:var(--al-text)}.al-cards__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--ds-space-4, 16px)}.al-card{display:flex;flex-direction:column;gap:var(--ds-space-2, 8px);padding:var(--ds-space-4, 16px);background:var(--al-surface);border:1px solid var(--al-border);border-radius:var(--ds-radius-lg, 14px);transition:transform .12s ease,box-shadow .12s ease;animation:al-rise .45s ease-out both;animation-delay:var(--card-delay, 0ms)}.al-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000014}.al-card__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--ds-radius-md, 10px);background:color-mix(in srgb,var(--al-accent) 14%,transparent);color:var(--al-accent)}.al-card h3{margin:0;font-size:.98rem;font-weight:700;color:var(--al-text)}.al-card p{margin:0;font-size:.88rem;color:var(--al-text-dim);line-height:1.45}.al-footer{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-3, 12px);max-width:40rem;margin:0 auto;padding:var(--ds-space-6, 24px) var(--ds-space-5, 20px) var(--ds-space-8, 40px);text-align:center;background:var(--al-bg-alt)}.al-footer__brand{display:flex;align-items:center;gap:var(--ds-space-2, 8px);font-weight:700;color:var(--al-text)}.al-footer__link{color:var(--al-accent);text-decoration:none;font-size:.85rem}.al-footer__link:hover{text-decoration:underline}@keyframes al-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.al-hero,.al-card{animation:none}}@media (max-width: 640px){.app-topbar{padding:var(--ds-space-2, 8px) var(--ds-space-3, 12px)}.app-topbar__handle{max-width:8rem}}@media (min-width: 860px){.app-topbar__desktop-links{display:flex}.app-bottom-nav{display:none}.app-main{padding-bottom:0}}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:var(--ds-bg, #0b0f19);color:var(--ds-text, #e5e7eb)}.call-overlay__panel{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-4, 16px);padding:var(--ds-space-8, 32px);text-align:center;width:100%;height:100%;justify-content:center}.call-overlay__panel--active{padding:0;position:relative;justify-content:flex-end}.call-overlay__peer{font-size:1.25rem;font-weight:600;margin:0}.call-overlay__status{display:flex;align-items:center;gap:var(--ds-space-2, 8px);color:var(--ds-text-dim, #9ca3af);margin:0}.call-overlay__actions{display:flex;gap:var(--ds-space-6, 24px);margin-top:var(--ds-space-6, 24px)}.call-overlay__actions--incoming{gap:var(--ds-space-12, 48px)}.call-overlay__actions button{border-radius:var(--ds-radius-pill, 999px);width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;padding:0}.call-overlay__actions .ds-button--danger{background:var(--ds-danger, #ef4444);color:#fff;text-decoration:none;border-radius:var(--ds-radius-pill, 999px)}.call-overlay__actions .ds-button--danger:hover:not(:disabled){opacity:.85}.call-overlay__actions--active{position:absolute;bottom:var(--ds-space-8, 32px);left:50%;transform:translate(-50%);z-index:2;background:#0b0f198c;padding:var(--ds-space-3, 12px) var(--ds-space-5, 20px);border-radius:var(--ds-radius-pill, 999px)}.call-overlay__actions--active button{width:52px;height:52px}.call-overlay__remote-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.call-overlay__local-video{position:absolute;top:var(--ds-space-5, 20px);right:var(--ds-space-5, 20px);width:110px;height:150px;object-fit:cover;border-radius:var(--ds-radius-md, 10px);border:2px solid var(--ds-border-strong, #374151);background:#000;z-index:1}.call-overlay__header-info{position:absolute;top:var(--ds-space-5, 20px);left:var(--ds-space-5, 20px);z-index:1;background:#0b0f198c;padding:var(--ds-space-2, 8px) var(--ds-space-4, 16px);border-radius:var(--ds-radius-pill, 999px)}.call-overlay__header-info .call-overlay__peer{font-size:1rem}.call-overlay__audio-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:var(--ds-space-4, 16px)}.call-overlay__panel--ended{color:var(--ds-text-dim, #9ca3af)}.call-overlay--minimized{inset:auto;bottom:var(--ds-space-5, 20px);right:var(--ds-space-5, 20px);width:220px;height:64px;border-radius:var(--ds-radius-lg, 14px);box-shadow:0 4px 24px #0006;background:var(--ds-surface, #111827);overflow:hidden}.call-overlay__panel--minimized{flex-direction:row;width:100%;height:100%;padding:var(--ds-space-2, 8px) var(--ds-space-3, 12px);gap:var(--ds-space-2, 8px);cursor:pointer;justify-content:flex-start}.call-overlay__minimized-video{width:48px;height:48px;border-radius:var(--ds-radius-md, 10px);object-fit:cover;background:#000;flex-shrink:0}.call-overlay__minimized-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;text-align:left}.call-overlay__panel--minimized .ds-button--danger{width:36px;height:36px;flex-shrink:0}.call-overlay__screen-share-badge{display:inline-block;margin-left:var(--ds-space-2, 8px);padding:2px var(--ds-space-2, 8px);border-radius:var(--ds-radius-pill, 999px);background:var(--ds-accent, #22c55e);color:#fff;font-size:.7rem;font-weight:600;vertical-align:middle}.call-overlay__audio-output-picker{position:absolute;top:calc(var(--ds-space-5, 20px) + 48px);left:var(--ds-space-5, 20px);z-index:1;background:#0b0f19b3;color:var(--ds-text, #e5e7eb);border:1px solid var(--ds-border-strong, #374151);border-radius:var(--ds-radius-md, 10px);padding:var(--ds-space-2, 8px) var(--ds-space-3, 12px);font-size:.8rem;max-width:160px}.invite-screen{display:flex;flex-direction:column;gap:var(--ds-space-4);padding:var(--ds-space-5);max-width:480px}.invite-screen__title{margin:0;font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-semibold);color:var(--ds-text)}.invite-screen__subtitle{margin:0;font-size:var(--ds-font-size-sm);color:var(--ds-text-dim);line-height:var(--ds-line-height-relaxed)}.invite-screen__link-row{display:flex;gap:var(--ds-space-2);align-items:stretch}.invite-screen__link-input{flex:1;min-width:0;padding:0 var(--ds-space-3);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border);background:var(--ds-bg-sunken);color:var(--ds-text);font-family:var(--ds-font-family-mono);font-size:var(--ds-font-size-sm)}.invite-screen__link-input:focus{outline:2px solid var(--ds-focus-ring);outline-offset:1px}.invite-screen__actions{display:flex;flex-wrap:wrap;gap:var(--ds-space-3)}.invite-screen__actions>*{flex:1 1 auto}.invite-landing{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--ds-space-5);background:var(--ds-bg)}.invite-landing__card{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:stretch;gap:var(--ds-space-4);padding:var(--ds-space-6);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border);background:var(--ds-bg-raised);box-shadow:var(--ds-shadow-lg);text-align:center}.invite-landing__brand{margin:0;font-size:var(--ds-font-size-2xl);font-weight:var(--ds-font-weight-bold);color:var(--ds-accent)}.invite-landing__loading{display:flex;justify-content:center;padding:var(--ds-space-6) 0}.invite-landing__headline{margin:0;font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-semibold);color:var(--ds-text);line-height:var(--ds-line-height-tight)}.invite-landing__subtitle{margin:0;font-size:var(--ds-font-size-sm);color:var(--ds-text-dim);line-height:var(--ds-line-height-relaxed)}.contacts-screen{display:flex;flex-direction:column;gap:var(--ds-space-4);padding:var(--ds-space-5);max-width:480px}.contacts-screen__title{margin:0;font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-semibold);color:var(--ds-text)}.contacts-screen__subtitle{margin:0;font-size:var(--ds-font-size-sm);color:var(--ds-text-dim);line-height:var(--ds-line-height-relaxed)}.contacts-screen__form{display:flex;flex-direction:column;gap:var(--ds-space-3)}.contacts-screen__actions{display:flex;gap:var(--ds-space-3)}.contacts-screen__actions>*{flex:1 1 auto}.contacts-list{display:flex;flex-direction:column;gap:var(--ds-space-2)}.contacts-list__empty{margin:0;padding:var(--ds-space-4) 0;color:var(--ds-text-dim);font-size:var(--ds-font-size-sm);text-align:center}.contacts-list__item{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border);background:var(--ds-bg-raised);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit}.contacts-list__item--editing{cursor:default}.contacts-list__item-rename-input{flex:1;min-width:0}.contacts-list__item:hover,.contacts-list__item:focus-visible{border-color:var(--ds-accent);outline:none}.contacts-list__item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.contacts-list__item-name{font-size:var(--ds-font-size-md);font-weight:var(--ds-font-weight-semibold);color:var(--ds-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contacts-list__item-handle{font-size:var(--ds-font-size-xs);color:var(--ds-text-dim);font-family:var(--ds-font-family-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contacts-list__item-remove{flex-shrink:0}.user-search-screen{display:flex;flex-direction:column;gap:var(--ds-space-4);padding:var(--ds-space-5);max-width:480px}.user-search-screen__title{margin:0;font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-semibold);color:var(--ds-text)}.user-search-screen__subtitle{margin:0;font-size:var(--ds-font-size-sm);color:var(--ds-text-dim);line-height:var(--ds-line-height-relaxed)}.user-search-list{display:flex;flex-direction:column;gap:var(--ds-space-2)}.user-search-list__empty{margin:0;padding:var(--ds-space-4) 0;color:var(--ds-text-dim);font-size:var(--ds-font-size-sm);text-align:center}.user-search-list__email-fallback{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-4) 0}.user-search-list__email-fallback .user-search-list__empty{padding:0}.user-search-list__item{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border);background:var(--ds-bg-raised)}.user-search-list__item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-search-list__item-name{font-size:var(--ds-font-size-md);font-weight:var(--ds-font-weight-semibold);color:var(--ds-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-search-list__item-handle{font-size:var(--ds-font-size-xs);color:var(--ds-text-dim);font-family:var(--ds-font-family-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-search-list__item-actions{display:flex;gap:var(--ds-space-2);flex-shrink:0}.invite-by-email-screen{display:flex;flex-direction:column;gap:var(--ds-space-4);padding:var(--ds-space-5);max-width:480px}.invite-by-email-screen__title{margin:0;font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-semibold);color:var(--ds-text)}.invite-by-email-screen__subtitle{margin:0;font-size:var(--ds-font-size-sm);color:var(--ds-text-dim);line-height:var(--ds-line-height-relaxed)}.invite-by-email-screen__form{display:flex;flex-direction:column;gap:var(--ds-space-3)}.invite-by-email-screen__message-field{display:flex;flex-direction:column;gap:var(--ds-space-1);font-size:var(--ds-font-size-sm);color:var(--ds-text)}.invite-by-email-screen__message-field textarea{font-family:inherit;font-size:var(--ds-font-size-md);color:var(--ds-text);background:var(--ds-bg-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-3);resize:vertical}.invite-by-email-screen__message-field textarea:focus{outline:2px solid var(--ds-accent);outline-offset:1px}.group-thread,.group-info,.groups-list,.groups-screen{--group-pane-bg: #111b21;--group-pane-bg-alt: #0b141a;--group-header-bg: #202c33;--group-border: #222d34;--group-text: #e9edef;--group-text-dim: #8696a0;--group-accent: #00a884;--group-bubble-own: #005c4b;--group-bubble-own-text: #e9edef;--group-bubble-peer: #202c33;--group-bubble-peer-text: #e9edef;--group-danger: #ef4444;--group-radius: 8px}@media (prefers-color-scheme: light){.group-thread,.group-info,.groups-list,.groups-screen{--group-pane-bg: #ffffff;--group-pane-bg-alt: #efeae2;--group-header-bg: #008069;--group-border: #e9edef;--group-text: #111b21;--group-text-dim: #667781;--group-accent: #00a884;--group-bubble-own: #d9fdd3;--group-bubble-own-text: #111b21;--group-bubble-peer: #ffffff;--group-bubble-peer-text: #111b21}}.groups-screen{display:flex;flex-direction:column;gap:var(--ds-space-4);padding:var(--ds-space-5);max-width:480px}.groups-screen__title{margin:0;font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-semibold);color:var(--ds-text)}.groups-screen__subtitle{margin:0;font-size:var(--ds-font-size-sm);color:var(--ds-text-dim);line-height:var(--ds-line-height-relaxed)}.groups-screen__form{display:flex;flex-direction:column;gap:var(--ds-space-3)}.groups-screen__actions{display:flex;justify-content:flex-end}.back-button{background:none;border:none;padding:4px;cursor:pointer;color:var(--group-text, currentColor);display:flex}.group-photo-picker{display:flex;align-items:center;gap:var(--ds-space-4)}.group-photo-picker__preview{position:relative;padding:0;border:none;background:none;cursor:pointer;border-radius:var(--ds-radius-pill);flex-shrink:0;line-height:0}.group-photo-picker__preview:focus-visible{outline:2px solid var(--ds-focus-ring);outline-offset:2px}.group-photo-picker__image{width:64px;height:64px;border-radius:var(--ds-radius-pill);object-fit:cover;display:block}.group-photo-picker__overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--ds-radius-pill);background:#00000073;display:flex;align-items:center;justify-content:center}.group-photo-picker__badge{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:var(--ds-radius-pill);background:var(--ds-accent);color:var(--ds-accent-contrast);border:2px solid var(--ds-bg);display:flex;align-items:center;justify-content:center;font-size:var(--ds-font-size-md);font-weight:var(--ds-font-weight-bold);line-height:1}.group-photo-picker__input{display:none}.group-photo-picker__meta{display:flex;flex-direction:column;gap:var(--ds-space-1);min-width:0}.group-photo-picker__label{font-size:var(--ds-font-size-sm);color:var(--ds-text-dim)}.group-photo-picker__status{font-size:var(--ds-font-size-xs);color:var(--ds-text-dim)}.group-photo-picker__status--error{color:var(--ds-danger)}.group-photo-picker__remove{align-self:flex-start;border:none;background:none;padding:0;color:var(--ds-danger);font-size:var(--ds-font-size-xs);text-decoration:underline;cursor:pointer}.member-picker__chips{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}.member-chip{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-full, 999px);border:1px solid var(--ds-border);background:var(--ds-bg-raised);font-size:var(--ds-font-size-sm);color:var(--ds-text)}.member-chip__remove{border:none;background:none;color:var(--ds-text-dim);cursor:pointer;font-size:var(--ds-font-size-sm);line-height:1;padding:0}.member-picker__results{display:flex;flex-direction:column;gap:var(--ds-space-2);max-height:220px;overflow-y:auto}.member-picker__result{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border);background:var(--ds-bg-raised)}.member-picker__result-handle{font-size:var(--ds-font-size-sm);color:var(--ds-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groups-list__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-space-2)}.groups-list__empty{margin:0;padding:var(--ds-space-4) 0;color:var(--ds-text-dim);font-size:var(--ds-font-size-sm);text-align:center}.group-item{width:100%;display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border);background:var(--ds-bg-raised);cursor:pointer;text-align:left;font:inherit;color:inherit}.group-item--active{border-color:var(--ds-accent, var(--ds-text))}.group-item__avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--ds-font-weight-semibold);font-size:var(--ds-font-size-md);color:#fff;background:var(--ds-text-dim)}.group-item__avatar--photo{object-fit:cover;background:none}.group-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.group-item__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ds-space-2)}.group-item__name{font-size:var(--ds-font-size-md);font-weight:var(--ds-font-weight-semibold);color:var(--ds-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-item__time{font-size:var(--ds-font-size-xs);color:var(--ds-text-dim);flex-shrink:0}.group-item__preview{flex:1;min-width:0;font-size:var(--ds-font-size-sm);color:var(--ds-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{flex-shrink:0;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--ds-accent, #2563eb);color:#fff;font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-semibold);display:flex;align-items:center;justify-content:center}.group-thread{display:flex;flex-direction:column;height:100%;max-width:640px;position:relative;background-color:var(--group-pane-bg-alt);background-image:radial-gradient(circle at 8px 8px,rgba(134,150,160,.06) 1.4px,transparent 1.4px);background-size:26px 26px}.group-thread__header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--group-header-bg);color:var(--group-text);border-bottom:none}.group-thread__title{display:flex;flex-direction:column;min-width:0;line-height:1.25}.group-thread__name{font-size:1rem;font-weight:500;color:var(--group-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.group-thread__member-count{font-size:.75rem;color:var(--group-text-dim)}.group-thread__identity{display:flex;align-items:center;gap:12px;flex:1;min-width:0;border:none;background:none;padding:0;cursor:pointer;text-align:left;font:inherit;color:inherit}.group-thread__identity:disabled{cursor:default}.group-thread__identity:focus-visible{outline:2px solid var(--group-accent);outline-offset:2px}.group-thread__avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--ds-font-size-sm);color:#fff;background:var(--group-accent, #25d366)}.group-thread__avatar--photo{object-fit:cover;background:none}.group-thread__muted-icon{margin-left:var(--ds-space-1);font-size:var(--ds-font-size-sm)}.group-thread__member-stack{display:flex;flex-shrink:0}.group-thread__member-stack-avatar{width:24px;height:24px;border-radius:50%;background:var(--group-text-dim);color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid var(--group-header-bg);margin-left:-8px}.group-thread__member-stack-avatar:first-child{margin-left:0}.group-thread__member-stack-more{background:var(--group-pane-bg);color:var(--group-text-dim);border-color:var(--group-border)}.group-thread__menu{position:relative;flex-shrink:0;margin-left:auto}.group-thread__menu-trigger{border:none;background:none;color:var(--group-text);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.group-thread__menu-trigger:hover{background:#ffffff14;border-radius:999px}.group-thread__menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:flex;flex-direction:column;min-width:200px;background:var(--group-pane-bg);border:1px solid var(--group-border);border-radius:8px;box-shadow:0 4px 16px #00000040;overflow:hidden}.group-thread__menu-item{display:block;width:100%;text-align:left;padding:10px 14px;background:none;border:none;cursor:pointer;font-size:.9rem;color:var(--group-text)}.group-thread__menu-item:hover:not(:disabled){background:var(--group-pane-bg-alt)}.group-thread__menu-item:disabled{opacity:.6;cursor:default}.group-thread__menu-item--danger{color:var(--group-danger, #dc2626)}.group-thread__leave-confirm{display:flex;flex-direction:column;gap:var(--ds-space-3);padding:var(--ds-space-4);border-bottom:1px solid var(--group-border);background:var(--group-pane-bg);font-size:var(--ds-font-size-sm)}.group-thread__leave-confirm p{margin:0;color:var(--group-text)}.group-thread__leave-confirm-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-2)}.group-info__topbar{display:flex;align-items:center;gap:var(--ds-space-3)}.group-info__identity{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-4) 0}.group-info__avatar{width:80px;height:80px;font-size:var(--ds-font-size-xl)}.group-info__name{font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-semibold);color:var(--ds-text);text-align:center}.group-info__created{font-size:var(--ds-font-size-xs);color:var(--ds-text-dim)}.group-info__actions{display:flex;flex-direction:column;gap:var(--ds-space-2)}.group-info__leave-confirm{display:flex;flex-direction:column;gap:var(--ds-space-3);padding:var(--ds-space-3);border-radius:var(--ds-radius-md);border:1px solid var(--ds-danger, #dc2626);background:var(--ds-bg-raised);font-size:var(--ds-font-size-sm)}.group-info__leave-confirm p{margin:0;color:var(--ds-text)}.group-info__leave-confirm-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-2)}.group-info__avatar-picker{width:80px;height:80px}.group-info__invite-link{display:flex;flex-direction:column;gap:var(--ds-space-2);padding:var(--ds-space-3);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border);background:var(--ds-bg-raised)}.group-info__invite-link-hint{margin:0;font-size:var(--ds-font-size-xs);color:var(--ds-text-dim);line-height:var(--ds-line-height-relaxed)}.group-info__invite-link-row{display:flex;gap:var(--ds-space-2)}.group-info__invite-link-input{flex:1;min-width:0;padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-sm, 6px);border:1px solid var(--ds-border);background:var(--ds-bg);color:var(--ds-text);font-size:var(--ds-font-size-sm)}.group-info__invite-link-regenerate{align-self:flex-start;border:none;background:none;padding:0;color:var(--ds-text-dim);font-size:var(--ds-font-size-xs);text-decoration:underline;cursor:pointer}.group-info__invite-link-regenerate:disabled{opacity:.5;cursor:not-allowed}.group-info__section-title{margin:var(--ds-space-2) 0 0;font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-semibold);color:var(--ds-text-dim)}.group-info__members{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-space-2)}.group-info__member{display:flex;align-items:center;gap:var(--ds-space-3)}.group-info__member-avatar{width:32px;height:32px;border-radius:50%;background:var(--ds-text-dim);color:#fff;font-size:11px;font-weight:var(--ds-font-weight-semibold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.group-info__member-handle{font-size:var(--ds-font-size-sm);color:var(--ds-text);display:flex;align-items:center;gap:var(--ds-space-2)}.group-info__member-badge{font-size:var(--ds-font-size-xs);color:var(--ds-accent, #2563eb);border:1px solid var(--ds-accent, #2563eb);border-radius:var(--ds-radius-pill, 999px);padding:0 var(--ds-space-2)}.group-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-space-2)}.group-media-grid__item{display:block;aspect-ratio:1;border-radius:var(--ds-radius-sm, 6px);overflow:hidden;background:var(--ds-bg-raised);border:1px solid var(--ds-border)}.group-media-grid__thumb{width:100%;height:100%;object-fit:cover;display:block}.group-media-grid__doc{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ds-space-2);font-size:var(--ds-font-size-xs);color:var(--ds-text-dim);text-align:center;word-break:break-word}.group-thread__scroll{flex:1;overflow-y:auto;padding:16px clamp(16px,6vw,96px);display:flex;flex-direction:column;gap:3px}.group-thread__empty{margin:auto;color:var(--group-text-dim);text-align:center;background:var(--group-pane-bg);padding:8px 16px;border-radius:8px;font-size:var(--ds-font-size-sm)}.group-bubble-row{display:flex;flex-direction:column;max-width:min(72%,480px)}.group-bubble-row--own{align-self:flex-end;align-items:flex-end}.group-bubble-row--peer{align-self:flex-start;align-items:flex-start}.group-bubble__sender{font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-semibold);color:var(--group-text-dim);margin-bottom:2px;padding:0 var(--ds-space-2)}.group-bubble{max-width:100%;padding:7px 9px 8px;border-radius:var(--group-radius, 8px);font-size:.93rem;line-height:1.35;position:relative;word-break:break-word;box-shadow:0 1px .5px #00000021}.group-bubble--own{background:var(--group-bubble-own);color:var(--group-bubble-own-text);border-top-right-radius:2px}.group-bubble--peer{background:var(--group-bubble-peer);color:var(--group-bubble-peer-text);border:none;border-top-left-radius:2px}.group-bubble--failed{outline:1px solid var(--group-danger)}.group-bubble__meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:.68rem;opacity:.65;margin-top:2px}.group-bubble__retry{margin-top:var(--ds-space-1);border:none;background:none;color:var(--group-danger, #dc2626);font-size:var(--ds-font-size-xs);text-decoration:underline;cursor:pointer;padding:0}.group-composer{display:flex;align-items:flex-end;gap:8px;padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:var(--group-header-bg)}.group-composer__input{flex:1;min-width:0;resize:none;max-height:120px;padding:9px 12px;border:none;border-radius:8px;background:var(--group-pane-bg);color:var(--group-text);font-size:.95rem;font-family:inherit;line-height:1.3}.group-composer__input:focus{outline:none}.group-composer__attach{position:relative;flex-shrink:0}.group-composer__attach-trigger{width:42px;height:42px;border-radius:999px;border:none;background:none;color:var(--group-text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center}.group-composer__attach-trigger:hover:not(:disabled){background:#ffffff14}.group-composer__attach-trigger:disabled{opacity:.5;cursor:not-allowed}.group-composer__attach-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.group-composer__attach-menu{position:absolute;bottom:calc(100% + 6px);left:0;z-index:21;min-width:170px;background:var(--group-pane-bg);border:1px solid var(--group-border);border-radius:10px;box-shadow:0 4px 18px #00000040;overflow:hidden}.group-composer__attach-menu-item{display:block;width:100%;text-align:left;padding:10px 14px;border:none;background:none;color:var(--group-text);font-size:.9rem;cursor:pointer}.group-composer__attach-menu-item:hover{background:#7f7f7f1f}.group-composer__file-input{display:none}.group-composer__send{width:42px;height:42px;border-radius:999px;border:none;background:var(--group-accent);color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.group-composer__send:disabled{opacity:.5;cursor:default}.group-composer__reply-preview{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);background:var(--group-pane-bg-alt);font-size:var(--ds-font-size-sm)}.group-composer__reply-preview-body{min-width:0;overflow:hidden}.group-composer__reply-preview-sender{font-weight:var(--ds-font-weight-semibold);color:var(--group-accent)}.group-composer__reply-preview-content{color:var(--group-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-composer__reply-cancel{flex-shrink:0;border:none;background:none;color:var(--group-text-dim);cursor:pointer;font-size:var(--ds-font-size-md);line-height:1}.group-composer__pending-media{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);background:var(--group-pane-bg-alt);font-size:var(--ds-font-size-sm);color:var(--group-text-dim)}.group-bubble__reply-quote{display:flex;flex-direction:column;gap:2px;padding:var(--ds-space-1) var(--ds-space-2);margin-bottom:var(--ds-space-1);border-left:3px solid currentColor;border-radius:var(--ds-radius-xs, 4px);background:#00000014;font-size:var(--ds-font-size-xs);opacity:.9}.group-bubble__reply-quote-sender{font-weight:var(--ds-font-weight-semibold)}.group-bubble__media-image{display:block;max-width:100%;max-height:320px;border-radius:var(--ds-radius-md, 10px);margin-bottom:var(--ds-space-1);object-fit:cover}.group-bubble__media-video,.group-bubble__media-audio{display:block;max-width:100%;border-radius:var(--ds-radius-md, 10px);margin-bottom:var(--ds-space-1)}.group-bubble__media-document{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2);margin-bottom:var(--ds-space-1);border-radius:var(--ds-radius-md, 10px);background:#00000014;text-decoration:none;color:inherit;font-size:var(--ds-font-size-sm)}.group-bubble--deleted{font-style:italic;opacity:.7}.group-bubble__edited-tag{font-size:10px;opacity:.75}.group-bubble{cursor:pointer}.group-bubble__menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:transparent}.group-bubble__menu{position:absolute;top:calc(100% + 4px);right:0;z-index:21;min-width:160px;background:var(--group-pane-bg);border:1px solid var(--group-border);border-radius:10px;box-shadow:0 6px 20px #00000040;padding:4px;display:flex;flex-direction:column;gap:2px}.group-bubble-row--peer .group-bubble__menu{right:auto;left:0}.group-bubble__menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;text-align:left;padding:8px 12px;border-radius:6px;font-size:.85rem;color:var(--group-text);cursor:pointer}.group-bubble__menu-item:hover{background:var(--group-pane-bg-alt)}.group-bubble__menu-item--danger{color:var(--group-danger)}.group-bubble__reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.group-bubble__reaction-badge{display:inline-flex;align-items:center;gap:2px;font-size:.78rem;line-height:1;padding:2px 5px;border-radius:999px;background:var(--group-pane-bg);border:1px solid var(--group-border);color:var(--group-text);box-shadow:0 1px 2px #00000026;cursor:pointer}.group-bubble__reaction-badge--self{border-color:var(--group-accent)}.group-bubble__reaction-picker{position:absolute;bottom:calc(100% + 4px);right:0;z-index:21;display:flex;align-items:center;gap:2px;padding:4px 6px;border-radius:999px;background:var(--group-pane-bg);border:1px solid var(--group-border);box-shadow:0 6px 20px #00000040;width:fit-content}.group-bubble-row--peer .group-bubble__reaction-picker{right:auto;left:0}.group-bubble__reaction-picker-emoji{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;font-size:1.35rem;line-height:1;padding:4px;border-radius:999px;transition:transform .1s ease,background .1s ease}.group-bubble__reaction-picker-emoji:hover{background:var(--group-pane-bg-alt);transform:scale(1.15)}.group-bubble__edit-form{display:flex;gap:var(--ds-space-2);margin-top:var(--ds-space-1)}.group-bubble__edit-input{flex:1;font-size:var(--ds-font-size-md)}.group-thread__read-status{font-size:10px;color:var(--group-text-dim);margin-top:2px;text-align:right}.group-bubble--uploading{position:relative;padding:3px;overflow:hidden;align-self:flex-end}.group-bubble__media-image--uploading,.group-bubble__media-video--uploading{filter:brightness(.55)}.group-bubble__upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.group-bubble__upload-spinner{width:30px;height:30px;border-radius:999px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;animation:group-bubble-upload-spin .8s linear infinite}@keyframes group-bubble-upload-spin{to{transform:rotate(360deg)}}.voice-recorder{display:flex;align-items:center;gap:6px}.voice-recorder__button{width:42px;height:42px;border-radius:999px;border:none;background:var(--group-accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.voice-recorder__button:disabled{opacity:.5;cursor:default}.voice-recorder__button--recording{background:var(--group-danger)}.voice-recorder__timer{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--group-text-dim);white-space:nowrap}.voice-recorder__dot{width:8px;height:8px;border-radius:999px;background:var(--group-danger);animation:voice-recorder-pulse 1.2s ease-in-out infinite}@keyframes voice-recorder-pulse{0%,to{opacity:1}50%{opacity:.25}}.voice-recorder__error{font-size:.8rem;color:var(--group-danger)}.group-link__anchor{color:#53bdeb;text-decoration:underline;text-underline-offset:2px;word-break:break-all}.group-link__card{display:flex;gap:10px;margin:1px -4px 4px;padding:8px;border-radius:6px;background:#00000038;border-left:3px solid var(--group-accent);color:inherit;text-decoration:none;overflow:hidden;max-width:340px;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.group-link__card:hover{background:#0000004d}.group-link__card--wide{flex-direction:column;padding:0 0 8px;gap:8px;border-left:none}.group-link__image{width:64px;height:64px;border-radius:4px;object-fit:cover;flex-shrink:0;background:#ffffff0f}.group-link__card--wide .group-link__image{width:100%;height:auto;max-height:200px;aspect-ratio:1.91 / 1;border-radius:6px 6px 0 0}.group-link__body{display:flex;flex-direction:column;gap:2px;min-width:0}.group-link__card--wide .group-link__body{padding:0 10px}.group-link__site{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--group-accent)}.group-link__icon{width:16px;height:16px;border-radius:3px;object-fit:contain}.group-link__title{font-weight:600;font-size:.9rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-link__description{font-size:.8rem;line-height:1.3;color:var(--group-text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-link__host{font-size:.72rem;color:var(--group-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: light){.group-link__anchor{color:#027eb5}.group-link__card{background:#0000000d}.group-link__card:hover{background:#00000014}}.group-bubble__visitor-badge{margin-left:6px;padding:1px 6px;border-radius:8px;font-size:.68rem;font-weight:600;letter-spacing:.02em;background:#00a8842e;color:var(--group-accent);vertical-align:1px}.group-widget-panel{display:flex;flex-direction:column;gap:10px;padding:12px 0 4px}.group-widget-panel p{margin:0;font-size:.85rem;color:var(--group-text-dim);line-height:1.4}.group-widget-panel__code{display:block;width:100%;box-sizing:border-box;padding:10px 12px;border-radius:8px;border:1px solid var(--group-border);background:var(--group-pane-bg-alt);color:var(--group-text);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.45;white-space:pre-wrap;word-break:break-all;resize:none}.group-widget-panel__actions{display:flex;gap:8px;flex-wrap:wrap}.webinar-screen{display:flex;flex-direction:column;gap:var(--ds-space-4);padding:var(--ds-space-5);max-width:720px;margin:0 auto;color:var(--ds-text);font-family:var(--ds-font-family)}.webinar-screen--wide{max-width:1100px}.webinar-screen__cover{width:calc(100% + 2 * var(--ds-space-5));max-height:360px;object-fit:cover;border-radius:var(--ds-radius-lg);margin:calc(-1 * var(--ds-space-5)) calc(-1 * var(--ds-space-5)) 0}.webinar-screen__title{margin:0;font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-semibold);color:var(--ds-text)}.webinar-screen__subtitle{margin:0;font-size:var(--ds-font-size-sm);color:var(--ds-text-dim);line-height:var(--ds-line-height-relaxed)}.webinar-screen__error{padding:var(--ds-space-3);border-radius:var(--ds-radius-md);background:var(--ds-danger-bg);border:1px solid var(--ds-danger-border);color:var(--ds-danger);font-size:var(--ds-font-size-sm)}.webinar-screen__form{display:flex;flex-direction:column;gap:var(--ds-space-3)}.webinar-screen__actions{display:flex;justify-content:flex-end;gap:var(--ds-space-2)}.webinar-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-3)}.webinar-checkbox-row{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-font-size-sm);color:var(--ds-text)}.webinar-card{border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-bg-raised);padding:var(--ds-space-4);display:flex;flex-direction:column;gap:var(--ds-space-2)}.webinar-card__title{margin:0;font-size:var(--ds-font-size-md);font-weight:var(--ds-font-weight-semibold)}.webinar-card__meta{display:flex;gap:var(--ds-space-2);align-items:center;font-size:var(--ds-font-size-xs);color:var(--ds-text-dim)}.webinar-list{display:flex;flex-direction:column;gap:var(--ds-space-3)}.webinar-custom-field{display:flex;align-items:center;gap:var(--ds-space-2)}.webinar-waiting-room{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-5);text-align:center;padding:var(--ds-space-8) var(--ds-space-5)}.webinar-waiting-room__countdown{font-size:var(--ds-font-size-2xl);font-weight:var(--ds-font-weight-bold);color:var(--ds-accent)}.webinar-media-preview{width:100%;max-width:480px;aspect-ratio:16 / 9;background:var(--ds-bg-sunken);border-radius:var(--ds-radius-lg);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--ds-border)}.webinar-media-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.webinar-media-preview__placeholder{color:var(--ds-text-dim);font-size:var(--ds-font-size-sm)}.webinar-media-controls{display:flex;gap:var(--ds-space-3)}.webinar-live{display:grid;grid-template-columns:1fr 340px;gap:var(--ds-space-4);height:100vh;padding:var(--ds-space-4);box-sizing:border-box;color:var(--ds-text);font-family:var(--ds-font-family)}@media (max-width: 860px){.webinar-live{grid-template-columns:1fr;height:auto}}.webinar-live__stage{display:flex;flex-direction:column;gap:var(--ds-space-3);min-width:0;position:relative}.webinar-live__pip{position:absolute;bottom:calc(var(--ds-space-3) + 1px);right:var(--ds-space-3);width:28%;max-width:220px;min-width:120px;box-shadow:0 4px 16px #0006;border-radius:var(--ds-radius-md);overflow:hidden;border:2px solid rgba(255,255,255,.85)}.webinar-live__pip .webinar-video-stage{border-radius:0;aspect-ratio:4 / 3}.webinar-live__pip--speaker{top:var(--ds-space-3);left:var(--ds-space-3);bottom:auto;right:auto}.webinar-video-stage{background:#000;border-radius:var(--ds-radius-lg);aspect-ratio:16 / 9;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.webinar-video-stage video{width:100%;height:100%;object-fit:contain;background:#000}.webinar-video-stage__placeholder{color:var(--ds-color-gray-400, #9ca3af);font-size:var(--ds-font-size-sm);text-align:center;padding:var(--ds-space-4)}.webinar-video-stage__label{position:absolute;bottom:var(--ds-space-2);left:var(--ds-space-2);background:#0009;color:#fff;padding:2px var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:var(--ds-font-size-xs)}.webinar-live-controls,.webinar-reactions{display:flex;gap:var(--ds-space-2);flex-wrap:wrap}.webinar-reactions__button{border:1px solid var(--ds-border, rgba(0, 0, 0, .12));background:var(--ds-surface, #fff);border-radius:var(--ds-radius-full, 999px);font-size:1.25rem;line-height:1;padding:var(--ds-space-2) var(--ds-space-3);cursor:pointer;transition:transform .1s ease}.webinar-reactions__button:hover:not(:disabled){transform:scale(1.12)}.webinar-reactions__button:disabled{opacity:.6;cursor:default}.webinar-reactions__overlay{z-index:6;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.webinar-reactions__floating{position:absolute;bottom:10%;font-size:2.5rem;transform:translate(-50%);animation:webinar-reaction-float 2.2s ease-out forwards}@keyframes webinar-reaction-float{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.6)}15%{opacity:1;transform:translate(-50%) translateY(-20px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-220px) scale(1.1)}}.webinar-live__panels{display:flex;flex-direction:column;min-height:0;border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-bg-raised);overflow:hidden}.webinar-panel-tabs{display:flex;border-bottom:1px solid var(--ds-border);flex-shrink:0}.webinar-panel-tab{flex:1;padding:var(--ds-space-2) var(--ds-space-1);background:transparent;border:none;color:var(--ds-text-dim);font-size:var(--ds-font-size-xs);cursor:pointer;border-bottom:2px solid transparent}.webinar-panel-tab--active{color:var(--ds-accent);border-bottom-color:var(--ds-accent);font-weight:var(--ds-font-weight-semibold)}.webinar-panel-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:var(--ds-space-1);border-radius:var(--ds-radius-full, 999px);background:var(--ds-danger, #dc2626);color:#fff;font-size:10px;font-weight:var(--ds-font-weight-semibold);line-height:1;vertical-align:middle}.webinar-panel-body{flex:1;overflow-y:auto;padding:var(--ds-space-3);display:flex;flex-direction:column;gap:var(--ds-space-2);min-height:0}.webinar-panel-footer{flex-shrink:0;padding:var(--ds-space-2);border-top:1px solid var(--ds-border);display:flex;gap:var(--ds-space-2)}.webinar-chat-message{padding:var(--ds-space-2);border-radius:var(--ds-radius-md);background:var(--ds-bg-sunken);font-size:var(--ds-font-size-sm)}.webinar-chat-message--to-host{border:1px dashed var(--ds-warning)}.webinar-chat-message__author{font-weight:var(--ds-font-weight-semibold);margin-right:var(--ds-space-1)}.webinar-chat-message__actions{margin-top:var(--ds-space-1);display:flex;gap:var(--ds-space-1)}.webinar-question-item{padding:var(--ds-space-2);border-radius:var(--ds-radius-md);background:var(--ds-bg-sunken);display:flex;flex-direction:column;gap:var(--ds-space-1)}.webinar-question-item--answered{opacity:.6}.webinar-question-item__row{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-2)}.webinar-poll{padding:var(--ds-space-3);border-radius:var(--ds-radius-md);background:var(--ds-bg-sunken);display:flex;flex-direction:column;gap:var(--ds-space-2)}.webinar-poll__option{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-font-size-sm)}.webinar-poll__bar-track{flex:1;height:8px;border-radius:var(--ds-radius-pill);background:var(--ds-border);overflow:hidden}.webinar-poll__bar-fill{height:100%;background:var(--ds-accent);border-radius:var(--ds-radius-pill)}.webinar-hand-raise-item{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-2);border-radius:var(--ds-radius-md);background:var(--ds-bg-sunken);font-size:var(--ds-font-size-sm)}.webinar-empty-state{color:var(--ds-text-dim);font-size:var(--ds-font-size-sm);text-align:center;padding:var(--ds-space-4)}.webinar-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--ds-space-3)}.webinar-stat-tile{border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-bg-raised);padding:var(--ds-space-4);display:flex;flex-direction:column;gap:var(--ds-space-1)}.webinar-stat-tile__value{font-size:var(--ds-font-size-2xl);font-weight:var(--ds-font-weight-bold);color:var(--ds-accent)}.webinar-stat-tile__label{font-size:var(--ds-font-size-xs);color:var(--ds-text-dim)}.webinar-screen__more{margin:4px 0;font-size:.9rem}.webinar-screen__more summary{cursor:pointer;color:var(--ds-color-text-muted, #8696a0);padding:6px 0}.webinar-screen__more[open] summary{margin-bottom:8px}.webinar-join-toasts{position:absolute;left:12px;bottom:72px;z-index:7;display:flex;flex-direction:column;gap:6px;pointer-events:none;max-width:min(320px,70%)}.webinar-join-toast{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;background:#111b21e0;color:#e9edef;font-size:.85rem;box-shadow:0 6px 18px #0000004d;animation:webinar-join-in .25s ease-out}.webinar-join-toast--more{color:#8696a0}.webinar-join-toast__dot{width:8px;height:8px;border-radius:50%;background:#25d366;flex-shrink:0}@keyframes webinar-join-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.webinar-video-stage__off{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 50% 40%,#1f3a34,#0b141a 70%);color:#e9edef}.webinar-video-stage__avatar{width:clamp(56px,18%,120px);aspect-ratio:1;border-radius:50%;background:#00a884;display:flex;align-items:center;justify-content:center;font-size:clamp(1.4rem,5vw,3rem);font-weight:700}.webinar-video-stage__off-text{font-size:.9rem;color:#8696a0}.webinar-bg{position:relative}.webinar-bg__panel{position:absolute;bottom:calc(100% + 8px);left:0;z-index:20;width:min(340px,86vw);padding:14px;border-radius:14px;background:#111b21;color:#e9edef;box-shadow:0 14px 40px #00000073}.webinar-bg__title{font-weight:700;margin-bottom:10px}.webinar-bg__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.webinar-bg__option{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:none;cursor:pointer;aspect-ratio:16 / 9}.webinar-bg__option.is-on{border-color:#25d366}.webinar-bg__option:disabled{opacity:.6;cursor:wait}.webinar-bg__thumb,.webinar-bg__swatch{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.8rem;color:#e9edef}.webinar-bg__swatch--none{background:#202c33}.webinar-bg__swatch--blur{background:linear-gradient(135deg,#5b6b73,#2a3942);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.webinar-bg__swatch--photo{background:#2a3942;border:1px dashed #8696a0}.webinar-bg__hint{margin:10px 0 0;font-size:.78rem;color:#8696a0}.webinar-screen--cover{position:relative;isolation:isolate}.webinar-screen--cover:before{content:"";position:fixed;top:-40px;right:-40px;bottom:-40px;left:-40px;z-index:-1;background:var(--webinar-cover) center / cover no-repeat;filter:blur(28px) brightness(.45);transform:scale(1.1)}.webinar-bg__tips{margin:8px 0 0;padding-left:18px;font-size:.76rem;color:#aebac1;line-height:1.45}