:root{--color-bg-page: #f0f2f5;--color-bg-surface: #ffffff;--color-bg-subtle: #f7f8fa;--color-bg-brand: #2f6bff;--color-bg-brand-soft: #eef3ff;--color-bg-selected: #eef3ff;--color-bg-danger: #ef4444;--color-bg-danger-soft: #fee2e2;--color-bg-success-soft: #dcfce7;--color-bg-warning-soft: #ffedd5;--color-bg-bubble-mine: #dcebff;--color-bg-bubble-theirs: #ffffff;--color-bg-sidebar: #0b1220;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-inverse: #ffffff;--color-text-brand: #2f6bff;--color-text-danger: #dc2626;--color-text-success: #15803d;--color-text-warning: #ea580c;--color-text-on-sidebar: #d1d5db;--color-border-default: #e5e7eb;--color-border-strong: #d1d5db;--color-border-brand: #2f6bff;--color-icon-default: #6b7280;--color-icon-brand: #2f6bff;--color-status-danger: #ef4444;--color-status-online: #16a34a;--color-status-warning: #f97316;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--shadow-card: 0 1px 3px rgba(15, 23, 41, .06), 0 4px 12px rgba(15, 23, 41, .04);--font-family-base: "PingFang SC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Microsoft YaHei", sans-serif;--bg: var(--color-bg-page);--surface: var(--color-bg-surface);--panel: var(--color-bg-surface);--sidebar: var(--color-bg-subtle);--sidebar-dark: var(--color-bg-sidebar);--chat-bg: var(--color-bg-surface);--line: var(--color-border-default);--line-strong: var(--color-border-strong);--ink: var(--color-text-primary);--ink-soft: #374151;--muted: var(--color-text-tertiary);--muted-strong: var(--color-text-secondary);--accent: var(--color-bg-brand);--accent-rgb: 47, 107, 255;--accent-soft: var(--color-bg-brand-soft);--link: var(--color-text-brand);--field: var(--color-bg-subtle);--chip: var(--color-bg-subtle);--chip-strong: #e9ecf2;--hover: #eef0f4;--active: var(--color-bg-selected);--pinned: #f3f4f6;--bubble-mine: var(--color-bg-bubble-mine);--bubble-theirs: var(--color-bg-bubble-theirs);--danger: var(--color-status-danger);--danger-rgb: 239, 68, 68;--danger-text: var(--color-text-danger);--danger-bg: var(--color-bg-danger-soft);--success: var(--color-status-online);--success-rgb: 22, 163, 74;--warning: var(--color-status-warning);--warning-rgb: 249, 115, 22;--warning-text: var(--color-text-warning);--warning-bg: var(--color-bg-warning-soft);--warning-line: #fdba74;--purple: #6b4fd8;--ink-on-dark: #edf5ff;--muted-on-dark: #b4c4d6;--shadow: var(--shadow-card)}:root{color:var(--ink);background:var(--bg);font-family:var(--font-family-base)}html,body,#root{height:100%;min-height:0;overflow:hidden}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.pairing-screen{align-items:center;background:var(--bg);display:flex;min-height:100vh;justify-content:center;padding:24px}.pairing-card{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;gap:16px;max-width:420px;padding:32px;text-align:center;width:100%}.pairing-card h1{margin:0}.pairing-card p,.pairing-card span{color:var(--muted-strong);margin:0}.pairing-card canvas{background:#fff;border-radius:14px;padding:10px}.app-shell{background:var(--bg);display:grid;grid-template-columns:60px clamp(280px,28vw,340px) minmax(0,1fr);height:100%;height:100dvh;min-height:0;overflow:hidden}.chat-panel{background:var(--surface);display:grid;grid-template-rows:64px minmax(0,1fr) auto;min-height:0;min-width:0;overflow:hidden;position:relative}.topbar,.composer{align-items:center;background:var(--surface);border-color:var(--line);display:flex;gap:12px;padding:12px 16px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between}.topbar strong,.topbar span{display:block}.chat-header-identity{background:transparent;border:0;color:inherit;min-width:0;padding:0;text-align:left}.chat-header-identity.clickable{cursor:pointer}.selection-count{align-self:center;color:var(--ink-soft);font-size:13px;padding:0 4px}.topbar span{color:var(--muted-strong);font-size:13px;margin-top:2px}.topbar-actions>button span,.chat-header-menu-wrap>button span{color:inherit;font-size:14px;margin-top:0}.topbar-actions{display:flex;gap:8px;position:relative}.topbar-actions>button,.chat-header-menu-wrap>button,.composer button{align-items:center;background:var(--accent);border:0;border-radius:10px;color:#fff;display:inline-flex;gap:7px;justify-content:center;font-weight:800;min-height:36px;padding:0 12px}.topbar-actions>button:disabled,.chat-header-menu-wrap>button:disabled,.composer button:disabled{cursor:default;opacity:.45}.chat-header-menu-wrap{position:relative}.chat-header-menu{background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 18px 44px #0000005c;display:grid;min-width:210px;overflow:hidden;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:25}.chat-header-menu button{align-items:center;background:transparent;border:0;border-radius:9px;color:var(--ink);cursor:pointer;display:flex;justify-content:flex-start;min-height:40px;padding:0 12px;text-align:left;white-space:nowrap;width:100%}.chat-header-menu button:hover{background:var(--hover)}.chat-header-menu .danger{color:var(--danger)}.messages-stage{min-height:0;min-width:0;position:relative}.messages{background:var(--chat-bg);display:flex;flex-direction:column;height:100%;min-height:0;overflow:auto;padding:18px}.scroll-to-end-button{align-items:center;background:var(--chip-strong);border:1px solid var(--line-strong);border-radius:8px;bottom:14px;box-shadow:0 8px 24px #00000061;color:var(--ink);display:inline-flex;font-size:13px;font-weight:800;gap:6px;left:50%;min-height:40px;padding:0 12px;position:absolute;transform:translate(-50%);z-index:4}.scroll-to-end-button:hover{background:var(--hover)}.date-divider{align-self:center;background:var(--chip-strong);border-radius:999px;color:var(--muted-strong);font-size:12px;font-weight:800;margin:4px 0 12px;padding:5px 12px}.pinned-banner{align-items:center;align-self:stretch;background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);display:grid;gap:10px;grid-template-columns:24px minmax(0,1fr);margin-bottom:10px;min-height:54px;padding:8px 12px;text-align:left}.pinned-banner strong,.pinned-banner small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-banner strong{color:var(--accent);font-size:13px}.pinned-banner small{color:var(--muted-strong);margin-top:2px}.center{color:var(--muted-strong);display:grid;min-height:100%;place-items:center}.message{align-self:flex-start;background:var(--bubble-theirs);border:1px solid var(--line);border-radius:8px;margin:0 0 10px;max-width:72%;padding:10px 12px;position:relative}.message.mine{align-self:flex-end;background:var(--bubble-mine);border-color:#89dd5e}.message.mine time,.message.mine .message-status.sending{color:#5a7a4a}.message.selecting{cursor:pointer}.message.selected{box-shadow:0 0 0 2px var(--accent)}.message.reply-target-highlighted{animation:reply-target-highlight 1.8s ease-out}@keyframes reply-target-highlight{0%,38%{box-shadow:0 0 0 3px var(--accent),0 0 24px rgba(var(--accent-rgb),.62)}to{box-shadow:0 0 rgba(var(--accent-rgb),0)}}.message-select-box{align-items:center;background:var(--field);border:1px solid var(--line-strong);border-radius:4px;display:flex;height:20px;justify-content:center;left:-30px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.message.mine .message-select-box{left:auto;right:-30px}.message.selected .message-select-box{background:var(--accent);border-color:var(--accent)}.message p a{color:var(--link);text-decoration:underline;text-underline-offset:2px}.message p{margin:4px 0;white-space:pre-wrap;word-break:break-word}.expandable-message-text{min-width:0;overflow:hidden;width:100%}.expandable-message-text p.collapsed{-webkit-box-orient:vertical;-webkit-line-clamp:6;display:-webkit-box;overflow:hidden}.message-read-more{background:transparent;border:0;color:var(--link);display:block;font-size:12px;font-weight:800;margin:2px 0 1px;padding:0;text-align:left}.message-reply-preview{background:rgba(var(--accent-rgb),.1);border-left:3px solid var(--accent);border-radius:7px;margin:0 0 8px;max-width:100%;padding:7px 9px}button.message-reply-preview{border-bottom:0;border-right:0;border-top:0;color:inherit;font:inherit;text-align:left;width:100%}.message-reply-preview.clickable:hover{background:rgba(var(--accent-rgb),.18)}.message-reply-preview strong,.message-reply-preview span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-preview strong{color:var(--link);font-size:12px}.message-reply-preview span{color:var(--muted-strong);font-size:13px;margin-top:2px}.message time,.sender{color:var(--muted);font-size:12px}.message-meta{align-items:center;display:flex;gap:5px;justify-content:flex-end}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0 2px}.message-reactions.mine{justify-content:flex-end}.message-reactions>span{align-items:center;background:var(--field);border:1px solid var(--line-strong);border-radius:12px;display:inline-flex;gap:3px;min-height:24px;padding:1px 7px}.message-reactions>span.mine{background:rgba(var(--accent-rgb),.18);border-color:var(--accent)}.message-reactions small{color:var(--muted-strong);font-size:11px;font-weight:800}.message-status{color:var(--success);display:inline-flex;flex:0 0 auto}.message-status.read{color:var(--link)}.message-status.sending{color:var(--muted)}.attachment-upload-progress{display:grid;gap:5px;margin-top:8px;min-width:180px}.attachment-upload-progress>div{background:#8ba1b847;border-radius:3px;height:4px;overflow:hidden}.attachment-upload-progress i{background:var(--accent);display:block;height:100%;transition:width .12s linear}.attachment-upload-progress small{color:var(--muted-strong);font-size:11px;text-align:right}.attachment-upload-progress.failed i{background:var(--danger);width:100%!important}.attachment-upload-progress.failed small{color:var(--danger-text)}.message-media{border-radius:10px;display:block;max-height:360px;max-width:100%}.media-preview{background:transparent;border:0;color:var(--ink);display:grid;gap:7px;justify-items:start;padding:0;text-decoration:none}.media-preview-open:disabled{cursor:default}.media-preview-open{background:transparent;border:0;color:inherit;display:block;max-width:100%;padding:0}.media-preview .media-filename{color:var(--muted-strong);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.authenticated-file-download{align-items:center;background:transparent;border:0;color:var(--ink);display:inline-flex;gap:8px;max-width:100%;padding:0;text-align:left}.authenticated-file-download span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.authenticated-file-download:disabled{color:var(--muted)}.media-caption p{color:var(--ink);font-size:14px;line-height:1.4;margin:1px 0 0;text-align:left}.image-preview .message-media,.video-preview .message-media{background:#05080c;object-fit:contain;width:min(360px,100%)}.video-preview-open{position:relative}.video-preview .server-video-thumbnail{object-fit:cover}.video-preview-play{align-items:center;background:#040a10ad;border-radius:50%;color:#fff;display:flex;height:44px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:44px}.media-loading{background:linear-gradient(90deg,var(--field),var(--hover),var(--field));min-width:min(320px,64vw)}.media-viewer-backdrop{background:#000000d1;z-index:45}.media-viewer-modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:16px;box-shadow:0 24px 80px #00000080;display:grid;grid-template-rows:auto minmax(0,1fr);height:min(860px,calc(100dvh - 32px));overflow:hidden;width:min(1120px,calc(100vw - 32px))}.media-viewer-modal header{align-items:center;background:var(--surface);border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;min-width:0;padding:12px 14px}.media-viewer-modal header>div:first-child{display:grid;min-width:0}.media-viewer-modal strong,.media-viewer-modal header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-viewer-modal header span{color:var(--muted-strong);font-size:13px}.media-viewer-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px}.media-viewer-actions button{align-items:center;background:var(--chip);border:0;border-radius:10px;color:var(--ink);display:inline-flex;font-weight:900;height:36px;justify-content:center;min-width:36px;padding:0 10px}.media-viewer-actions button:hover{background:var(--hover)}.media-viewer-stage{align-items:center;background:#05080c;display:flex;justify-content:center;min-height:0;overflow:auto;padding:18px}.media-viewer-stage img{max-height:calc(100dvh - 132px);max-width:100%;object-fit:contain;transform-origin:center center;transition:transform .12s ease}.media-viewer-stage video{background:#000;max-height:calc(100dvh - 132px);max-width:100%}.voice-message{align-items:center;display:grid;gap:10px;grid-template-columns:38px minmax(150px,1fr) 48px;min-width:min(300px,100%)}.voice-message audio{display:none}.voice-play-button,.voice-speed-button{align-items:center;background:var(--chip);border:0;color:var(--ink);display:inline-flex;font-weight:900;justify-content:center;min-height:36px}.voice-play-button{border-radius:50%;height:36px;padding:0;width:36px}.voice-play-button svg{margin-left:1px}.voice-play-button:disabled,.voice-speed-button:disabled{cursor:default;opacity:.45}.voice-speed-button{border-radius:8px;font-size:12px;padding:0 8px;width:48px}.voice-playback-track{display:grid;gap:2px;min-width:0}.voice-playback-track input{accent-color:var(--accent);cursor:pointer;margin:0;min-width:0;width:100%}.voice-playback-track span{color:var(--muted-strong);font-size:12px;font-variant-numeric:tabular-nums;font-weight:800}.composer{align-items:flex-end;border-top:1px solid var(--line);flex-shrink:0;flex-wrap:wrap;gap:8px;min-width:0;padding:8px 16px 12px;position:relative}.composer:not(.composer-muted):after{content:"";flex-basis:100%;height:0;order:1}.composer>.attachment-control,.composer>.composer-icon-button,.composer>.voice-recording-counter{order:0}.composer textarea{background:transparent;border:0;border-radius:0;color:var(--ink);flex:1;line-height:20px;max-height:148px;min-width:0;min-height:72px;order:2;outline:0;padding:4px 0;resize:none}.composer>button[aria-label]:last-child{order:3}.hidden-input{display:none}.attachment-control{position:relative}.composer .composer-icon-button{background:transparent;color:var(--ink-soft);min-height:32px;padding:0;width:32px}.composer .composer-icon-button:hover:not(:disabled){background:var(--chip)}.composer .composer-icon-button.recording{background:var(--danger);color:#fff}.composer .composer-icon-button.active{background:var(--accent);color:#fff}.voice-recording-counter{color:var(--danger-text);font-variant-numeric:tabular-nums;font-weight:900;min-width:44px;text-align:center}.emoji-panel{background:var(--surface);border-top:1px solid var(--line);display:grid;gap:8px;padding:10px 14px}.emoji-tabs{display:flex;gap:6px;overflow-x:auto}.emoji-tabs button{background:var(--chip);border:0;border-radius:999px;color:var(--muted-strong);font-size:12px;font-weight:800;padding:6px 10px}.emoji-tabs button.active{background:var(--accent);color:#fff}.emoji-grid{display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));max-height:180px;overflow:auto}.emoji-grid button{background:transparent;border:0;border-radius:8px;font-size:24px;min-height:36px}.emoji-grid button:hover{background:var(--chip-strong)}.attachment-menu{background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;bottom:calc(100% + 12px);box-shadow:0 14px 36px #0000006b;display:grid;gap:3px;left:0;min-width:270px;padding:6px;position:absolute;z-index:12}.attachment-menu button{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--ink);display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr);justify-content:stretch;min-height:42px;padding:0 10px;text-align:left;white-space:nowrap;width:100%}.attachment-menu button svg{justify-self:center}.attachment-menu button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-menu button:hover{background:var(--chip)}.attachment-error{align-items:center;background:var(--danger-bg);bottom:72px;color:#fff;display:flex;gap:10px;justify-content:space-between;left:max(16px,calc(76px + clamp(280px,28vw,340px)));padding:10px 12px;position:fixed;right:16px;z-index:14}.attachment-error button,.modal-close{align-items:center;background:transparent;border:0;color:inherit;display:inline-flex;justify-content:center;padding:4px}.modal-backdrop{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:30}.contact-picker{background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;display:grid;grid-template-rows:auto auto minmax(0,1fr);max-height:min(680px,calc(100dvh - 40px));max-width:520px;overflow:hidden;width:100%}.contact-picker>header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:14px 16px}.contact-picker>input{background:var(--field);border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);margin:12px;min-height:42px;outline:0;padding:0 12px}.contact-list{min-height:220px;overflow:auto}.contact-list>button{align-items:center;background:transparent;border:0;border-top:1px solid var(--line);color:var(--ink);display:grid;gap:12px;grid-template-columns:44px minmax(0,1fr) auto;min-height:66px;padding:10px 14px;text-align:left;width:100%}.contact-list>button:hover{background:var(--hover)}.pinned-row{align-items:center;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 44px}.pinned-row>button:first-child{align-items:center;background:transparent;border:0;color:var(--ink);display:grid;gap:12px;grid-template-columns:24px minmax(0,1fr);min-height:64px;padding:10px 14px;text-align:left}.pinned-row strong,.pinned-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-row small{color:var(--muted);margin-top:3px}.pinned-remove{align-items:center;background:transparent;border:0;color:var(--danger);display:inline-flex;height:44px;justify-content:center}.contact-list strong,.contact-list small{display:block}.contact-list small{color:var(--muted);margin-top:3px}.caption-modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:14px;display:grid;gap:14px;max-height:min(760px,calc(100vh - 32px));max-width:min(560px,calc(100vw - 32px));overflow:hidden;padding:14px;width:100%}.caption-modal header{align-items:center;display:flex;justify-content:space-between}.message-edit-backdrop{z-index:48}.message-edit-modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:14px;box-shadow:0 24px 70px #00000085;display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(720px,calc(100dvh - 32px));overflow:hidden;width:min(620px,calc(100vw - 32px))}.message-edit-modal>header{align-items:center;border-bottom:1px solid var(--line-strong);display:flex;justify-content:space-between;padding:14px 16px}.message-edit-modal>header strong{font-size:18px}.message-edit-body{display:grid;gap:10px;min-height:0;overflow:auto;padding:16px}.message-edit-body textarea{background:var(--field);border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);font:inherit;line-height:1.5;min-height:220px;outline:none;overflow:auto;padding:12px 14px;resize:vertical;width:100%}.message-edit-body textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.message-edit-error{color:var(--danger-text);font-size:13px}.message-edit-modal>footer{border-top:1px solid var(--line-strong);display:flex;gap:10px;justify-content:flex-end;padding:12px 16px}.message-edit-modal>footer button{align-items:center;background:var(--accent);border:0;border-radius:9px;color:#fff;display:inline-flex;font-weight:800;gap:7px;justify-content:center;min-height:42px;min-width:100px;padding:0 18px}.message-edit-modal>footer button.secondary{background:var(--chip)}.message-edit-modal>footer button:disabled{cursor:default;opacity:.5}.send-options-backdrop{z-index:34}.send-options-modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 24px 70px #0000007a;display:grid;gap:14px;max-width:480px;overflow:hidden;padding:16px;width:min(100%,480px)}.send-options-modal>header{align-items:center;display:flex;justify-content:space-between}.send-options-modal>header strong{font-size:18px}.send-options-menu{display:grid;gap:8px}.send-options-menu>button{align-items:center;background:var(--field);border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);display:grid;gap:12px;grid-template-columns:42px minmax(0,1fr);min-height:70px;padding:10px 12px;text-align:left}.send-options-menu>button:hover{background:var(--hover);border-color:var(--accent)}.send-option-icon{align-items:center;background:var(--accent-soft);border-radius:8px;color:var(--link);display:inline-flex;height:42px;justify-content:center;width:42px}.send-options-menu strong,.send-options-menu small{display:block}.send-options-menu small{color:var(--muted-strong);line-height:18px;margin-top:3px}.send-options-form{display:grid;gap:12px}.send-options-form p{color:var(--muted-strong);line-height:21px;margin:0}.send-options-form label{display:grid;gap:6px}.send-options-form label>span{color:var(--ink-soft);font-size:13px;font-weight:800}.send-options-form input{background:var(--field);border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);min-height:44px;outline:none;padding:0 12px}.send-options-form input:focus{border-color:var(--accent)}.send-options-form>button{align-items:center;background:var(--accent);border:0;border-radius:8px;color:#fff;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:44px}.send-options-form>button:disabled{opacity:.5}.send-options-error{background:rgba(var(--danger-rgb),.13);border:1px solid rgba(var(--danger-rgb),.4);border-radius:8px;color:var(--danger-text);line-height:20px;padding:10px 12px}.disappearing-reveal{align-items:center;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.34);border-radius:8px;color:var(--link);display:flex;font-weight:800;gap:9px;min-height:48px;padding:8px 12px;width:100%}.message-lifecycle-notice{align-items:center;color:var(--muted-strong);display:flex;font-size:11px;font-weight:700;gap:5px;margin-top:6px}.message-lifecycle-notice.scheduled{color:var(--link)}.message-lifecycle-notice.disappearing{color:var(--purple)}.caption-header-actions{display:flex;gap:8px}.caption-preview{align-items:center;background:var(--chat-bg);border-radius:10px;display:grid;min-height:220px;overflow:hidden;place-items:center}.caption-preview img,.caption-preview video{max-height:min(420px,52vh);max-width:100%;object-fit:contain}.caption-file{align-items:center;color:var(--muted-strong);display:grid;gap:10px;justify-items:center;padding:24px;text-align:center}.caption-input-row{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 44px}.caption-input-row input{background:var(--field);border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);min-height:44px;padding:0 12px}.caption-input-row button{align-items:center;background:var(--accent);border:0;border-radius:8px;color:#fff;display:inline-flex;height:44px;justify-content:center}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.conversation-panel{background:var(--sidebar);border-right:1px solid var(--line);display:grid;grid-template-rows:64px minmax(0,1fr);min-height:0;overflow:hidden}.brand{align-items:center;background:var(--sidebar);display:flex;font-size:16px;font-weight:700;gap:8px;height:64px;justify-content:space-between;min-width:0;padding:0 12px}.brand-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand .message-search-bar{background:transparent;border-bottom:0;flex:1;min-width:0;position:static}.brand .message-search-bar .search-input-wrap{margin:0;min-width:0}.brand .message-search-bar .search-input-wrap input{min-height:32px;min-width:0;width:100%}.brand button{align-items:center;background:var(--chip);border:0;border-radius:6px;color:var(--ink-soft);display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;width:32px}.brand button:hover{background:var(--hover)}.brand-actions{align-items:center;display:flex;flex:0 0 auto;gap:4px}.panel-content{min-height:0;overflow:auto}.panel-empty{color:var(--muted);display:grid;min-height:180px;padding:18px;place-items:center;text-align:center}.panel-tabs{align-content:start;background:var(--sidebar-dark);display:grid;gap:6px;grid-auto-rows:max-content;min-height:0;overflow:hidden;padding:14px 0;row-gap:6px}.panel-tabs button{align-items:center;background:transparent;border:0;border-radius:8px;color:#a8a8a8;display:grid;font-size:10px;font-weight:600;gap:2px;justify-items:center;margin:0 auto;min-height:50px;min-width:0;padding:6px 2px;width:50px}.panel-tabs button:hover{color:#fff}.panel-tabs button.active{background:transparent;color:var(--accent)}.panel-tabs button.has-statuses svg{color:var(--success);filter:drop-shadow(0 0 7px rgba(var(--success-rgb),.55))}.empty-main-panel{align-items:center;background:var(--chat-bg);color:var(--muted);display:grid;justify-items:center;min-height:0}.empty-main-panel strong{color:var(--ink);font-size:22px}.group-invite-placeholder{align-items:center;background:var(--chat-bg);color:var(--muted);display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:0;padding:24px;text-align:center}.group-invite-placeholder-icon,.group-invite-modal-icon{align-items:center;background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.34);border-radius:50%;color:var(--accent);display:inline-flex;justify-content:center}.group-invite-placeholder-icon{height:64px;width:64px}.group-invite-placeholder strong{color:var(--ink);font-size:20px}.group-invite-placeholder button{background:var(--accent);border:0;border-radius:8px;color:#fff;font-weight:800;margin-top:6px;min-height:40px;padding:0 18px}.statuses-panel{display:grid;padding-bottom:12px}.status-top-actions{display:grid;gap:8px;grid-template-columns:1fr auto;padding:12px}.status-compose-button{align-items:center;background:var(--chip);border:0;border-radius:10px;color:var(--ink);display:inline-flex;gap:8px;justify-content:center;min-height:42px;padding:0 12px}.status-compose-button.primary{background:var(--success);color:#fff;font-weight:900}.status-section{color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.04em;padding:12px 14px 6px;text-transform:uppercase}.status-row{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);display:grid;gap:12px;grid-template-columns:48px minmax(0,1fr);min-height:72px;padding:10px 14px;text-align:left;width:100%}.status-row.own{grid-template-columns:minmax(0,1fr) 38px;padding:0}.status-row-main{align-items:center;background:transparent;border:0;color:var(--ink);display:grid;gap:12px;grid-template-columns:48px minmax(0,1fr);min-height:72px;padding:10px 14px;text-align:left}.status-row-menu{align-items:center;background:transparent;border:0;color:var(--muted);display:inline-flex;height:38px;justify-content:center;margin-right:8px;width:38px}.status-row:hover,.status-row-main:hover{background:var(--hover)}.status-row strong,.status-row small,.status-row-main strong,.status-row-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-row small,.status-row-main small{color:var(--muted);margin-top:3px}.status-thumb{align-items:center;border-radius:50%;display:inline-flex;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.status-thumb.has-ring{border:3px solid var(--success);padding:2px}.status-row:not(.unviewed) .status-thumb.has-ring{border-color:var(--line-strong)}.status-thumb img,.status-thumb video{border-radius:50%;height:100%;object-fit:cover;width:100%}.status-thumb.text{color:#fff}.status-thumb-video-icon{background:#0000008c;border-radius:50%;bottom:2px;color:#fff;padding:2px;position:absolute;right:2px}.status-media-loading{background:linear-gradient(90deg,var(--field),var(--hover),var(--field));display:block;height:100%;width:100%}.status-composer-modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:18px;display:grid;gap:14px;max-height:min(820px,calc(100dvh - 32px));max-width:min(560px,calc(100vw - 32px));overflow:auto;padding:16px;width:100%}.status-composer-modal>header,.status-actions-modal>header{align-items:center;display:flex;justify-content:space-between}.status-text-preview{border-radius:18px;display:grid;min-height:320px;padding:18px;place-items:center}.status-text-preview textarea{background:transparent;border:0;color:#fff;font-size:28px;font-weight:900;min-height:180px;outline:0;resize:none;text-align:center;width:100%}.status-text-preview textarea::placeholder{color:#ffffffb3}.status-colors{display:flex;gap:8px}.status-colors button{border:2px solid rgba(255,255,255,.45);border-radius:50%;height:26px;width:26px}.status-colors button.active{border-color:#fff;transform:scale(1.12)}.status-media-composer{display:grid;gap:12px}.status-media-composer img,.status-media-composer video{background:#05080c;border-radius:14px;max-height:min(430px,52dvh);object-fit:contain;width:100%}.status-pick-media{align-items:center;background:var(--field);border:1px dashed var(--accent);border-radius:14px;color:var(--link);display:grid;gap:8px;justify-items:center;min-height:240px}.status-media-composer input,.status-reply-footer input{background:var(--field);border:1px solid var(--line-strong);border-radius:999px;color:var(--ink);min-height:44px;outline:0;padding:0 14px}.status-audience-box{background:var(--field);border:1px solid var(--line);border-radius:14px;display:grid;gap:10px;padding:12px}.status-audience-box>span{color:var(--muted);font-size:13px;font-weight:900}.status-audience-options{display:flex;flex-wrap:wrap;gap:8px}.status-audience-options button,.status-submit-button,.status-done-button{align-items:center;background:var(--chip);border:0;border-radius:999px;color:var(--ink);display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:0 14px}.status-audience-options button.active,.status-submit-button,.status-done-button{background:var(--accent);color:#fff;font-weight:900}.status-submit-button:disabled{cursor:default;opacity:.45}.status-audience-modal .contact-list>button.selected{background:var(--chip-strong)}.status-done-button{border-radius:0;min-height:52px}.status-viewer-backdrop{align-items:center;background:#000000db;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:55}.status-viewer{background:#070b10;border:1px solid rgba(255,255,255,.12);border-radius:18px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:min(860px,calc(100dvh - 36px));overflow:hidden;position:relative;width:min(480px,calc(100vw - 36px))}.status-progress{display:flex;gap:4px;padding:10px 10px 0;position:relative;z-index:3}.status-progress span{background:#ffffff40;border-radius:999px;flex:1;height:3px;overflow:hidden}.status-progress i{background:#fff;display:block;height:100%}.status-viewer header{align-items:center;color:#fff;display:grid;gap:10px;grid-template-columns:42px minmax(0,1fr) 38px;padding:10px 12px;position:relative;z-index:3}.status-viewer header button{background:#ffffff1f;border:0;border-radius:50%;color:#fff;height:36px;width:36px}.status-viewer header strong,.status-viewer header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-viewer header small{color:#ffffffb3}.status-viewer-content{min-height:0}.status-viewer-content.text{align-items:center;color:#fff;display:grid;font-size:30px;font-weight:900;padding:32px;text-align:center}.status-viewer-content.text p,.status-viewer-content.media p{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.status-viewer-content.media{align-items:center;display:grid;justify-items:center;overflow:hidden;position:relative}.status-viewer-content.media img,.status-viewer-content.media video{max-height:100%;max-width:100%;object-fit:contain}.status-viewer-content.media p{background:linear-gradient(transparent,#000000c2);bottom:0;color:#fff;left:0;padding:42px 18px 18px;position:absolute;right:0;text-align:center}.status-tap-zone{background:transparent;border:0;bottom:72px;position:absolute;top:72px;width:36%;z-index:2}.status-tap-zone.left{left:0}.status-tap-zone.right{right:0}.status-reply-footer,.status-own-footer{align-items:center;background:#070b10eb;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 44px;padding:12px;position:relative;z-index:3}.status-reply-footer button,.status-own-footer button,.status-action-buttons button{align-items:center;background:var(--accent);border:0;border-radius:999px;color:#fff;display:inline-flex;gap:7px;justify-content:center;min-height:42px;padding:0 14px}.status-reply-footer button:disabled{opacity:.45}.status-own-footer{grid-template-columns:1fr 1fr}.status-own-footer .danger,.status-action-buttons .danger{background:var(--danger)}.status-actions-modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:18px;display:grid;gap:14px;max-height:min(760px,calc(100dvh - 36px));max-width:min(560px,calc(100vw - 36px));overflow:hidden;padding:16px;width:100%}.status-actions-modal>header{justify-content:flex-start;gap:12px}.status-action-buttons{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.status-action-buttons button:disabled{cursor:default;opacity:.45}.status-viewers-list{background:var(--field);border:1px solid var(--line);border-radius:14px;display:grid;max-height:420px;overflow:auto}.status-viewers-list>strong{color:var(--muted);padding:12px 14px}.status-viewer-row{align-items:center;border-top:1px solid var(--line);display:grid;gap:12px;grid-template-columns:44px minmax(0,1fr);min-height:64px;padding:10px 14px}.status-viewer-row strong,.status-viewer-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-viewer-row small{color:var(--muted);margin-top:3px}.reply-banner{align-items:center;background:var(--surface);border-left:3px solid var(--accent);border-top:1px solid var(--line);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;padding:9px 14px}.reply-banner>div{min-width:0}.reply-banner strong,.reply-banner span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-banner strong{color:var(--accent);font-size:13px}.reply-banner span{color:var(--muted-strong);font-size:13px;margin-top:2px}.reply-banner button{align-items:center;background:transparent;border:0;color:var(--muted-strong);display:inline-flex;justify-content:center;padding:5px}.voice-room-controls{align-items:center;background:var(--field);border-top:1px solid var(--line);display:flex;gap:8px;min-width:0;padding:9px 14px}.voice-room-controls button{align-items:center;background:var(--chip);border:0;border-radius:8px;color:var(--ink);display:inline-flex;font-weight:900;gap:5px;height:36px;justify-content:center;min-width:42px;padding:0 10px}.voice-room-controls button.active{background:var(--accent)}.voice-room-controls button:disabled{cursor:default;opacity:.45}.voice-room-controls>span{color:var(--muted);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-room-person{align-items:center;border-top:1px solid var(--line);display:grid;gap:12px;grid-template-columns:44px minmax(0,1fr);min-height:66px;padding:10px 14px}.voice-room-person strong,.voice-room-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-room-person small{color:var(--muted);margin-top:3px}.web-settings{align-items:start;background:radial-gradient(circle at top left,rgba(var(--accent-rgb),.14),transparent 34%),var(--chat-bg);display:flex;justify-content:center;overflow:auto;padding:28px 18px}.settings-modal-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:grid;gap:16px;max-width:560px;padding:18px;width:min(100%,560px)}.settings-profile{align-items:center;background:linear-gradient(135deg,rgba(var(--accent-rgb),.16),#ffffff0a);border:1px solid rgba(var(--accent-rgb),.25);border-radius:18px;display:grid;gap:12px;grid-template-columns:52px minmax(0,1fr) auto;padding:14px}.settings-profile strong,.settings-profile span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-profile span{color:var(--muted);margin-top:3px}.settings-profile-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.settings-profile-actions button{background:rgba(var(--accent-rgb),.16);border:1px solid rgba(var(--accent-rgb),.28);border-radius:999px;color:var(--link);font-size:12px;font-weight:900;min-height:34px;padding:0 12px}.settings-profile-actions button+button{background:rgba(var(--danger-rgb),.12);border-color:rgba(var(--danger-rgb),.28);color:var(--danger-text)}.settings-section{background:var(--surface);border:1px solid var(--line);border-radius:16px;display:grid;overflow:hidden}.settings-action,.settings-toggle,.settings-field,.settings-logout{align-items:center;background:transparent;border:0;border-top:1px solid var(--line);color:var(--ink);display:flex;justify-content:space-between;min-height:54px;padding:0 14px}.settings-section>:first-child{border-top:0}.settings-action strong{color:var(--muted);font-size:13px;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-field select{background:var(--panel);border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);min-height:38px;outline:0;padding:0 12px}.settings-toggle input{height:20px;width:20px}.settings-logout{background:rgba(var(--danger-rgb),.14);color:var(--danger);font-weight:900;justify-content:center}.group-details-modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:18px;display:grid;grid-template-rows:auto minmax(0,1fr);max-height:min(760px,calc(100dvh - 40px));max-width:620px;overflow:hidden;width:min(100%,620px)}.group-details-modal>header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px}.group-details-modal>header strong,.group-details-modal>header span{display:block}.group-details-modal>header span{color:var(--muted);font-size:13px;margin-top:3px}.group-details-body{display:grid;gap:14px;min-height:0;overflow:auto;padding:14px 0}.group-details-hero{align-items:center;display:grid;gap:14px;grid-template-columns:58px minmax(0,1fr) 38px;padding:0 16px}.group-avatar-button,.group-inline-action,.group-member-actions button{align-items:center;background:transparent;border:0;color:var(--link);display:inline-flex;justify-content:center;padding:0}.group-avatar-button{border-radius:50%;position:relative}.group-avatar-button:disabled{cursor:default}.avatar-edit-badge{align-items:center;background:#08111cb8;border:1px solid rgba(255,255,255,.24);border-radius:999px;bottom:-2px;color:var(--ink);display:inline-flex;height:24px;justify-content:center;position:absolute;right:-2px;width:24px}.group-inline-action{background:var(--chip);border-radius:9px;height:38px;width:38px}.group-details-hero strong,.group-details-hero span{display:block}.group-details-hero span{color:var(--muted);margin-top:4px}.group-details-section{background:var(--field);border:1px solid var(--line);border-radius:14px;display:grid;margin:0 16px;overflow:hidden}.group-details-section-title{align-items:center;color:var(--ink);display:flex;gap:9px;padding:13px 14px}.group-members-list{max-height:280px;overflow:auto}.group-member-row{align-items:center;border-top:1px solid var(--line);display:grid;gap:12px;grid-template-columns:42px minmax(0,1fr) auto;min-height:62px;padding:10px 14px}.group-member-row strong,.group-member-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-member-row small{color:var(--muted);margin-top:2px}.group-member-row em{background:rgba(var(--accent-rgb),.16);border:1px solid rgba(var(--accent-rgb),.28);border-radius:999px;color:var(--link);font-size:12px;font-style:normal;font-weight:900;padding:4px 8px}.group-member-actions{align-items:center;display:flex;gap:7px}.group-member-actions button{background:var(--chip);border-radius:7px;height:30px;width:30px}.group-member-actions button.danger{color:var(--danger)}.group-delete-action{align-items:center;background:rgba(var(--danger-rgb),.12);border:0;border-top:1px solid var(--line);color:var(--danger);display:flex;font-weight:800;gap:9px;min-height:46px;padding:0 14px}.group-management-action{align-items:center;background:transparent;border:0;color:var(--link);display:flex;font-weight:800;gap:9px;min-height:46px;padding:0 14px}.ownership-transfer-modal .forward-target-list{min-height:260px}.ownership-candidate-row{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);display:grid;gap:12px;grid-template-columns:42px minmax(0,1fr);min-height:62px;padding:10px 16px;text-align:left;width:100%}.ownership-candidate-row:hover{background:var(--chip)}.ownership-candidate-row strong,.ownership-candidate-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ownership-candidate-row small{color:var(--muted);margin-top:2px}.transfer-confirm-panel{align-items:center;display:grid;gap:8px;justify-items:center;min-height:260px;padding:28px 24px;text-align:center}.transfer-confirm-panel p{color:var(--ink-soft);line-height:1.45;margin:8px 0 0;max-width:360px}.transfer-confirm-panel small,.transfer-confirm-panel span{color:var(--muted)}.transfer-confirm-panel .transfer-countdown{background:var(--field);border:1px solid var(--line-strong);border-radius:999px;color:var(--ink-soft);font-size:18px;font-weight:900;margin-top:10px;padding:9px 16px}.ownership-transfer-submit{background:#2563eb;color:#fff}.ownership-transfer-submit:disabled{background:var(--chip-strong);color:var(--muted);cursor:not-allowed;opacity:1}.direct-details-modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:18px;color:var(--ink);display:grid;grid-template-rows:auto auto minmax(0,1fr);max-height:min(760px,calc(100dvh - 40px));overflow:hidden;width:min(680px,calc(100vw - 32px))}.direct-details-modal>header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px}.direct-details-profile{align-items:center;display:flex;gap:12px;min-width:0}.direct-details-profile span,.direct-details-profile strong,.direct-details-profile small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-details-profile small{color:var(--muted);margin-top:3px}.direct-details-tabs{border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.direct-details-tabs button{align-items:center;background:transparent;border:0;color:var(--muted);display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:48px}.direct-details-tabs button.active{background:rgba(var(--accent-rgb),.12);color:var(--link)}.direct-details-body{min-height:280px;overflow:auto;padding:16px}.direct-media-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.direct-media-tile{background:var(--field);border:1px solid var(--line);border-radius:12px;display:block;overflow:hidden;padding:0;position:relative}.direct-media-tile:before{content:"";display:block;padding-top:100%}.direct-media-tile img,.direct-media-tile video,.direct-media-loading{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.direct-media-loading{align-items:center;color:var(--muted);display:flex;justify-content:center}.direct-media-tile>span{align-items:center;background:#ffffffd9;border-radius:999px;color:var(--ink);display:inline-flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.direct-file-list,.direct-link-list{display:grid;gap:8px}.direct-file-list a,.direct-link-list a{align-items:center;background:var(--field);border:1px solid var(--line);border-radius:12px;color:var(--ink);display:grid;gap:12px;min-height:56px;padding:10px 12px;text-decoration:none}.direct-file-list a{grid-template-columns:24px minmax(0,1fr) 22px}.direct-link-list a{grid-template-columns:minmax(0,1fr)}.direct-file-list strong,.direct-file-list small,.direct-link-list strong,.direct-link-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-file-list small,.direct-link-list small{color:var(--muted);margin-top:3px}.context-menu-backdrop{inset:0;position:fixed;z-index:40}.context-menu{background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 16px 42px #0000007a;display:grid;max-height:calc(100vh - 16px);min-width:240px;overflow-y:auto;padding:6px;position:absolute}.context-reactions{border-bottom:1px solid var(--line-strong);display:grid;gap:3px;grid-template-columns:repeat(7,minmax(28px,1fr));margin:0 4px 5px;padding:2px 0 7px}.context-menu button.context-reaction-button{display:flex;font-size:20px;justify-content:center;min-height:34px;padding:0}.context-menu button.context-reaction-button.active{background:rgba(var(--accent-rgb),.22);box-shadow:inset 0 0 0 1px var(--accent)}.context-menu>strong{color:var(--muted);font-size:12px;padding:8px 10px}.context-menu button{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--ink);display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr);min-height:40px;padding:0 10px;text-align:left;width:100%}.context-menu button:hover{background:var(--chip)}.context-menu button.destructive{color:var(--danger)}.conversation{align-items:center;background:transparent;border:0;border-bottom:0;color:var(--ink);display:grid;gap:12px;grid-template-columns:44px minmax(0,1fr) auto;min-height:68px;padding:10px 14px;text-align:left;width:100%}.side-row{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);display:grid;gap:12px;grid-template-columns:44px minmax(0,1fr) auto;min-height:72px;padding:10px 14px;text-align:left;width:100%}.side-row:hover{background:var(--hover)}.side-row strong,.side-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-row small{align-items:center;color:var(--muted);display:flex;gap:5px;margin-top:3px}.call-log-icon{align-items:center;background:rgba(var(--accent-rgb),.14);border-radius:50%;color:var(--accent);display:inline-flex;height:44px;justify-content:center;width:44px}.call-log-icon.missed{background:rgba(var(--danger-rgb),.15);color:var(--danger)}.row-actions{align-items:center;display:flex;gap:4px}.row-actions button{align-items:center;background:var(--chip);border:0;border-radius:8px;color:var(--accent);display:inline-flex;height:34px;justify-content:center;padding:0;width:34px}.contact-row{cursor:pointer}.conversation.active{background:var(--active)}.conversation strong,.conversation small,.conversation em,.conversation time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation>span{display:grid;min-width:0}.conversation-avatar-wrap{display:grid;flex:0 0 auto;position:relative}.online-dot{background:var(--success);border:2px solid var(--panel);border-radius:999px;bottom:1px;box-shadow:0 0 0 2px rgba(var(--success-rgb),.14),0 0 8px rgba(var(--success-rgb),.6);height:12px;position:absolute;right:1px;width:12px}.conversation-title-line{align-items:center;display:flex!important;gap:5px;min-width:0}.conversation-title-line>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-star,.conversation-kind-icon{flex:0 0 auto}.premium-star{color:var(--accent);filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.45))}.conversation-kind-icon{color:var(--accent)}.conversation small{align-items:center;color:var(--muted);display:flex;gap:3px;margin-top:3px;min-width:0}.conversation-preview-line>span{display:block;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation time{color:var(--muted);font-size:12px;max-width:72px}.conversation-side{align-self:stretch;display:grid;gap:6px;justify-items:end;min-width:0}.conversation-badges{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.conversation em{background:rgba(var(--warning-rgb),.14);border:1px solid rgba(var(--warning-rgb),.28);border-radius:999px;color:var(--warning);font-size:11px;font-style:normal;font-weight:800;max-width:max-content;padding:2px 7px}.conversation b{align-items:center;background:var(--accent);border-radius:999px;color:#fff;display:inline-flex;font-size:12px;height:22px;justify-content:center;min-width:22px;padding:0 6px}.avatar{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:inline-flex;font-weight:900;height:44px;justify-content:center;object-fit:cover;width:44px}.search-input-wrap{align-items:center;background:var(--field);border:1px solid var(--line-strong);border-radius:6px;display:flex;gap:8px;margin:12px;padding:0 12px}.search-input-wrap input{background:transparent;border:0;color:var(--ink);flex:1;min-height:42px;min-width:0;outline:0}.bulk-action-modal,.forward-picker-modal,.image-editor-modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:14px;color:var(--ink);display:grid;overflow:hidden;width:min(520px,calc(100vw - 32px))}.group-invite-modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);display:grid;gap:16px;justify-items:center;padding:24px;text-align:center;width:min(440px,calc(100vw - 32px))}.group-invite-modal-icon{height:62px;width:62px}.group-invite-modal-heading span{color:var(--accent);font-size:12px;font-weight:900;text-transform:uppercase}.group-invite-modal-heading h2{font-size:22px;margin:5px 0 0}.group-invite-modal-group{align-items:center;display:flex;gap:10px;max-width:100%}.group-invite-modal-group strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-invite-modal p{color:var(--muted-strong);line-height:1.55;margin:0}.group-invite-modal footer{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.group-invite-modal footer button{align-items:center;background:var(--accent);border:0;border-radius:8px;color:#fff;display:inline-flex;font-weight:800;gap:7px;justify-content:center;min-height:42px;padding:0 18px}.group-invite-modal footer button.secondary{background:var(--chip)}.group-invite-modal footer button:disabled{cursor:default;opacity:.55}.bulk-action-modal header,.forward-picker-modal header,.image-editor-modal header{align-items:center;border-bottom:1px solid var(--line-strong);display:flex;justify-content:space-between;padding:14px 16px}.bulk-action-modal>button{background:transparent;border:0;border-top:1px solid var(--line);color:var(--ink);min-height:48px;padding:0 16px;text-align:left}.bulk-action-modal>button.danger{color:var(--danger)}.forward-picker-modal{grid-template-rows:auto minmax(0,1fr) auto;max-height:min(720px,calc(100dvh - 32px))}.forward-picker-modal header span{color:var(--muted);display:block;font-size:12px;margin-top:3px}.forward-target-list{min-height:220px;overflow:auto}.forward-target-list label{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:12px;grid-template-columns:22px minmax(0,1fr);min-height:58px;padding:8px 16px}.forward-target-list strong,.forward-target-list small{display:block}.forward-target-list small{color:var(--muted);margin-top:2px}.forward-picker-modal footer,.image-editor-modal footer{border-top:1px solid var(--line-strong);display:flex;gap:10px;justify-content:flex-end;padding:12px 16px}.forward-picker-modal footer button,.image-editor-modal footer button{background:var(--accent);border:0;border-radius:9px;color:#fff;font-weight:800;min-height:40px;padding:0 18px}.forward-picker-modal footer button.secondary,.image-editor-modal footer button.secondary{background:var(--chip)}.image-editor-backdrop{z-index:50}.image-editor-modal{height:min(820px,calc(100dvh - 32px));width:min(980px,calc(100vw - 32px))}.image-editor-stage{align-items:center;background:#05080c;display:flex;justify-content:center;min-height:0;overflow:hidden;padding:14px}.image-editor-stage canvas{cursor:crosshair;max-height:100%;max-width:100%;touch-action:none}@media(max-width:800px){.app-shell{grid-template-columns:clamp(190px,38vw,280px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 58px}.panel-tabs{align-content:center;grid-auto-rows:auto;grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px}.panel-tabs button{min-height:48px;width:auto}.conversation-panel{border-right:1px solid var(--line);grid-row:1}.chat-panel{grid-row:1}.brand-actions{gap:2px}.topbar-actions>button span,.chat-header-menu-wrap>button span{display:none}.topbar,.composer{padding-left:10px;padding-right:10px}.attachment-error{bottom:130px;left:calc(clamp(190px,38vw,280px) + 10px)}}@media(max-width:520px){.app-shell{grid-template-columns:150px minmax(0,1fr)}.conversation,.side-row{gap:8px;grid-template-columns:36px minmax(0,1fr);padding-left:8px;padding-right:8px}.call-log-icon{height:36px;width:36px}.row-actions,.panel-tabs span{display:none}.panel-tabs{min-height:52px}.conversation b{display:none}.avatar{height:36px;width:36px}.brand{font-size:16px;padding:0 10px}.topbar-actions{gap:4px}.topbar-actions>button,.chat-header-menu-wrap>button{padding:0 8px}.settings-profile{grid-template-columns:44px minmax(0,1fr)}.settings-profile-actions{grid-column:1 / -1;justify-content:flex-start}.attachment-error{left:160px}}.brand-badge-button{position:relative}.brand-badge{align-items:center;background:var(--danger);border-radius:999px;color:#fff;display:inline-flex;font-size:11px;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-5px;top:-5px}.conversation.pinned:hover{background:var(--hover)}.conversation.pinned.active{background:var(--active)}.conversation-pin-icon{color:var(--muted)}.conversation .conversation-mention-tag{color:var(--danger);flex:none;font-weight:800}.contacts-entry-row{cursor:pointer}.contacts-entry-row.active{background:var(--hover)}.contacts-entry-icon{align-items:center;border-radius:10px;color:#fff;display:inline-flex;height:44px;justify-content:center;width:44px}.contacts-entry-icon.new-friends{background:#f59e0b}.contacts-entry-icon.favorites{background:#2563eb}.contacts-entry-badge{align-items:center;background:var(--danger);border-radius:999px;color:#fff;display:inline-flex;font-size:12px;height:22px;justify-content:center;min-width:22px;padding:0 6px}.settings-user-code{align-items:center;display:inline-flex;font-variant-numeric:tabular-nums;gap:6px}.settings-action.static{cursor:default}.asaf-main-list{min-height:0;overflow:auto;padding-bottom:24px}.asaf-main-list-header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:14px 16px}.asaf-main-list-header button{align-items:center;background:var(--chip);border:0;border-radius:8px;color:var(--ink);display:inline-flex;gap:6px;min-height:34px;padding:0 12px}.friend-request-row{cursor:default}.friend-request-row.busy{opacity:.6}.friend-request-actions{align-items:center;display:flex;gap:8px}.friend-request-actions button,.add-friend-result button,.add-friend-search button{background:var(--accent);border:0;border-radius:8px;color:#fff;font-weight:700;min-height:34px;padding:0 14px}.friend-request-actions button.secondary{background:var(--chip);color:var(--ink)}.friend-request-actions button:disabled,.add-friend-result button:disabled,.add-friend-search button:disabled{opacity:.55}.friend-request-status,.add-friend-result em{color:var(--muted);font-size:13px;font-style:normal}.asaf-note{color:var(--muted);font-size:12px;line-height:1.5;margin:14px 16px}.favorite-row{border-bottom:1px solid var(--line);display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto;padding:12px 16px}.favorite-row-meta{display:flex;gap:10px;grid-column:1 / -1;justify-content:space-between}.favorite-row-meta strong{font-size:13px}.favorite-row-meta time,.favorite-row-kind{color:var(--muted);font-size:12px}.favorite-row-body p{margin:0;white-space:pre-wrap;word-break:break-word}.favorite-row-actions{align-items:flex-start;display:flex;gap:6px}.favorite-row-actions button{align-items:center;background:var(--chip);border:0;border-radius:8px;color:var(--accent);display:inline-flex;height:32px;justify-content:center;width:32px}.favorite-row-actions button.danger{color:var(--danger)}.announcement-banner{align-items:flex-start;align-self:stretch;background:var(--warning-bg);border:1px solid var(--warning-line);border-radius:10px;color:var(--warning);display:grid;gap:10px;grid-template-columns:18px minmax(0,1fr) 24px;margin-bottom:10px;padding:10px 12px}.announcement-banner-body{background:transparent;border:0;color:inherit;padding:0;text-align:left}.announcement-banner-body strong,.announcement-banner-body small{display:block}.announcement-banner-body small{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--warning-text);display:-webkit-box;margin-top:2px;overflow:hidden;white-space:pre-wrap}.announcement-banner-close{background:transparent;border:0;color:inherit;padding:0}.announcement-text{line-height:1.6;max-height:50vh;overflow:auto;white-space:pre-wrap;word-break:break-word}.announcement-meta{color:var(--muted);display:block;margin-top:10px}.group-announcement-preview{background:var(--field);border:1px solid var(--line);border-radius:8px;color:var(--ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;padding:10px 12px;text-align:left;white-space:pre-wrap;width:100%}.group-announcement-preview.empty{color:var(--muted);cursor:default}.group-inline-action.small{height:28px;margin-left:auto;width:28px}.message-recall-notice{align-self:center;color:var(--muted);font-size:12px;margin:2px 0 12px;padding:4px 12px;text-align:center}.message.mentions-me{box-shadow:inset 3px 0 0 var(--warning)}.message-mention{color:var(--link);font-weight:700}.message-failed-button{align-items:center;background:transparent;border:0;color:var(--danger);display:inline-flex;padding:0}.message-failed-button:disabled{cursor:default}.business-card{align-items:center;background:var(--field);border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);display:grid;gap:10px;grid-template-columns:44px minmax(0,1fr);min-width:220px;padding:10px 12px;text-align:left}.business-card strong,.business-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.business-card small{color:var(--muted);margin-top:2px}.business-card em{border-top:1px solid var(--line);color:var(--muted);font-size:11px;font-style:normal;grid-column:1 / -1;padding-top:6px}.mention-picker{background:var(--panel);border-top:1px solid var(--line-strong);display:grid;grid-template-rows:auto minmax(0,1fr);max-height:280px}.mention-picker-header{align-items:center;display:flex;gap:8px;padding:8px 12px}.mention-picker-header input{background:var(--field);border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);flex:1;min-height:36px;outline:0;padding:0 10px}.mention-picker-header button{background:transparent;border:0;color:var(--muted)}.mention-picker-list{overflow:auto}.mention-picker-list>button{align-items:center;background:transparent;border:0;color:var(--ink);display:flex;gap:10px;min-height:46px;padding:6px 14px;text-align:left;width:100%}.mention-picker-list>button:hover{background:var(--hover)}.mention-picker-list .avatar,.mention-all-icon{height:32px;width:32px}.mention-all-icon{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:inline-flex;justify-content:center}.mention-picker-list .center{min-height:60px}.composer.composer-muted{color:var(--muted);justify-content:center;min-height:66px}.add-friend-modal{grid-template-rows:auto auto auto minmax(0,1fr)}.add-friend-search{align-items:center;display:flex;gap:8px;padding-right:12px}.add-friend-search .search-input-wrap{flex:1}.add-friend-my-code{align-items:center;background:transparent;border:0;color:var(--muted);display:inline-flex;font-size:12px;gap:5px;justify-content:center;padding:0 0 8px}.add-friend-result{align-items:center;border-top:1px solid var(--line);display:grid;gap:12px;grid-template-columns:44px minmax(0,1fr) auto;min-height:66px;padding:10px 14px}.add-friend-result strong,.add-friend-result small{display:block}.add-friend-result small{color:var(--muted);margin-top:2px}.create-group-modal{grid-template-rows:auto auto minmax(0,1fr) auto}.create-group-title{background:var(--field);border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);margin:12px 16px;min-height:42px;outline:0;padding:0 12px}.forward-result-row{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;min-height:54px;padding:8px 16px}.forward-result-row em{font-style:normal;font-weight:700}.forward-result-row.success em{color:var(--success)}.forward-result-row.failed em,.forward-result-row.failed small{color:var(--danger)}.member-muted-label{color:var(--warning)!important}.group-member-actions button.active{color:var(--warning)}.member-mute-menu{align-items:center;display:flex;flex-wrap:wrap;gap:6px;grid-column:1 / -1}.member-mute-menu span{color:var(--muted);font-size:12px;margin-right:4px}.member-mute-menu button{background:var(--chip);border:0;border-radius:7px;color:var(--ink);min-height:28px;padding:0 10px}.member-mute-menu button:hover{background:var(--hover)}.asaf-toast{background:#282828eb;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:999px;bottom:96px;box-shadow:0 8px 24px #00000059;color:var(--ink);left:50%;padding:8px 18px;position:fixed;transform:translate(-50%);z-index:60}.pairing-card canvas.pairing-qr-stale{opacity:.25}.pairing-refresh{padding:8px 18px;border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.message-edited{font-style:italic}.history-load-earlier{align-self:center;background:var(--chip);border:0;border-radius:999px;color:var(--muted-strong);cursor:pointer;font-size:13px;margin:8px auto;padding:6px 16px}.history-load-earlier:disabled{cursor:default;opacity:.6}.settings-account{align-items:center;background:transparent;border:0;border-top:1px solid var(--line);color:var(--ink);display:flex;gap:12px;min-height:54px;padding:8px 16px;text-align:left;width:100%}.settings-account.current{cursor:default}.settings-account strong{display:block}.settings-account span{color:var(--muted-strong);font-size:13px}.settings-account .settings-account-badge{margin-left:auto;color:var(--accent);font-weight:700}.pairing-cancel{margin-top:12px;background:transparent;border:1px solid var(--line-strong);border-radius:10px;color:var(--muted-strong);min-height:36px;padding:0 14px}.message-search-bar{background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.message-search-bar .search-input-wrap{margin:10px 12px}.message-search-bar .search-input-wrap input{min-height:36px}.message-search-bar .search-input-wrap input::-webkit-search-cancel-button{display:none}.message-search-clear{align-items:center;background:transparent;border:0;color:var(--muted);display:inline-flex;justify-content:center;padding:2px}.message-search-clear:hover{color:var(--ink)}.message-search-result small>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-search-highlight{background:transparent;color:var(--accent);font-weight:700}.message-search-load-more{align-items:center;background:transparent;border:0;color:var(--accent);display:flex;justify-content:center;min-height:48px;width:100%}.message-search-load-more:disabled{cursor:default;opacity:.6}.message-receipts-modal{grid-template-rows:auto minmax(0,1fr)}.message-receipts-sections{display:grid;gap:12px;min-height:0;overflow:auto}.message-receipts-sections .status-viewers-list{max-height:none;overflow:visible}.composer.composer-group-muted{justify-content:flex-start}.composer-group-muted-field{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.composer-group-muted-field textarea{background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--ink);line-height:20px;opacity:.6;padding:10px 14px;resize:none;width:100%}.composer-group-muted-notice{color:var(--danger);font-size:13px;font-weight:600;text-align:center}.forward-picker-modal header .forward-select-all{background:transparent;border:1px solid var(--line-strong);border-radius:8px;color:var(--accent);cursor:pointer;font-size:13px;font-weight:600;margin-left:auto;margin-right:10px;padding:6px 10px}.forward-picker-modal header .forward-select-all:disabled{cursor:default;opacity:.45}.direct-details-remark{align-items:center;background:transparent;border:0;color:var(--accent);cursor:pointer;display:inline-flex;font-size:12px;gap:4px;margin-top:4px;padding:0}.invite-request-row{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:10px;grid-template-columns:40px minmax(0,1fr) auto auto;padding:8px 0}.invite-request-row>span{display:flex;flex-direction:column;min-width:0}.invite-request-row small{color:var(--muted);font-size:12px}.invite-request-row button{font-size:13px;padding:6px 10px}.settings-select select{background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:13px;padding:6px 8px}.group-qr-box{align-items:center;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;padding:14px 16px}.group-qr-box canvas{background:#fff;border-radius:10px}.group-qr-box small{color:var(--muted);font-size:12px}.group-qr-box button{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell{grid-template-columns:64px 320px minmax(0,1fr)}.app-shell.has-group-drawer{grid-template-columns:64px 320px minmax(0,1fr) 360px}.panel-tabs{gap:var(--spacing-sm);padding:var(--spacing-lg) 0;row-gap:var(--spacing-sm)}.panel-tabs button{border-radius:var(--radius-md);color:var(--color-text-on-sidebar);height:40px;min-height:40px;padding:0;position:relative;width:40px}.panel-tabs button span{display:none}.panel-tabs button svg{height:22px;width:22px}.panel-tabs button:hover{background:#ffffff14;color:var(--color-text-inverse)}.panel-tabs button.active{background:var(--color-bg-brand);color:var(--color-text-inverse)}.panel-tabs .panel-tabs-avatar{background:transparent;height:32px;margin-bottom:var(--spacing-sm);min-height:32px;width:32px}.panel-tabs .panel-tabs-avatar .avatar{display:inline-flex;font-size:12px;height:32px;width:32px}.panel-tabs .panel-tabs-avatar:hover{background:transparent}.panel-tab-badge{align-items:center;background:var(--color-status-danger);border-radius:var(--radius-full);color:var(--color-text-inverse);display:inline-flex;font-size:11px;font-weight:500;height:18px;justify-content:center;left:23px;line-height:14px;min-width:18px;padding:0 6px;position:absolute;top:-6px}.avatar{background:var(--color-bg-brand-soft);border-radius:30%;color:var(--color-text-brand);font-size:14px;font-weight:500;height:40px;width:40px}.conversation.group .avatar,.group-avatar-button .avatar,.group-details-hero .avatar{border-radius:var(--radius-md)}.conversation-panel{grid-template-rows:auto minmax(0,1fr)}.brand{gap:var(--spacing-sm);height:auto;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.brand-title{color:var(--color-text-primary);font-size:18px;font-weight:500;line-height:26px}.brand button{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-icon-default);height:36px;width:36px}.brand button:hover{background:var(--color-bg-brand-soft);color:var(--color-icon-brand)}.brand-badge{background:var(--color-status-danger)}.search-input-wrap{background:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-tertiary);min-height:40px}.search-input-wrap input{color:var(--color-text-primary);font-size:14px;min-height:38px}.search-input-wrap input::placeholder{color:var(--color-text-tertiary)}.brand .message-search-bar .search-input-wrap input{min-height:38px}.conversation{gap:var(--spacing-md);grid-template-columns:40px minmax(0,1fr) auto;min-height:64px;padding:var(--spacing-md) var(--spacing-lg)}.conversation.pinned{background:var(--pinned)}.conversation:hover{background:var(--hover)}.conversation.active{background:var(--color-bg-selected)}.conversation strong{font-size:14px;font-weight:500;line-height:22px}.conversation small{color:var(--color-text-secondary);font-size:13px;line-height:18px;margin-top:4px}.conversation time{color:var(--color-text-tertiary);font-size:12px;line-height:16px;max-width:96px}.conversation-side{gap:var(--spacing-xs)}.conversation-kind-icon{display:none}.conversation em{background:var(--color-bg-brand-soft);border:0;border-radius:var(--radius-sm);color:var(--color-text-brand);font-size:12px;font-weight:500;line-height:16px;padding:2px 8px}.conversation b,.contacts-entry-badge{background:var(--color-status-danger);font-size:11px;font-weight:500;height:18px;min-width:18px}.online-dot{background:var(--color-status-online);border-color:var(--color-bg-subtle);box-shadow:none;height:10px;width:10px}.side-row{border-bottom:0;gap:var(--spacing-md);grid-template-columns:40px minmax(0,1fr) auto;min-height:56px;padding:var(--spacing-sm) var(--spacing-lg)}.side-row strong{font-size:14px;font-weight:500;line-height:22px}.side-row small{color:var(--color-text-secondary);font-size:12px;line-height:16px;margin-top:2px}.side-row.active,.contacts-entry-row.active{background:var(--color-bg-selected)}.side-row.active strong{color:var(--color-text-brand)}.contacts-entry-icon,.contacts-entry-icon.new-friends,.contacts-entry-icon.favorites{background:var(--color-bg-brand);border-radius:var(--radius-md);height:40px;width:40px}.contact-row .row-actions{display:none}.status-section{color:var(--color-text-tertiary);font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-xs);text-transform:none}.topbar{padding:0 var(--spacing-2xl)}.topbar strong{color:var(--color-text-primary);font-size:16px;font-weight:500;line-height:24px}.topbar span{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;gap:6px;line-height:16px;margin-top:2px}.topbar-online-dot{background:var(--color-status-online);border-radius:var(--radius-full);display:inline-block;flex:0 0 auto;height:8px;width:8px}.topbar-actions{gap:var(--spacing-xs)}.topbar-actions>button,.chat-header-menu-wrap>button{background:transparent;border-radius:var(--radius-md);color:var(--color-icon-default);height:36px;min-height:36px;padding:0;width:36px}.topbar-actions>button span,.chat-header-menu-wrap>button span{display:none}.topbar-actions>button:hover:not(:disabled),.chat-header-menu-wrap>button:hover:not(:disabled){background:var(--color-bg-brand-soft);color:var(--color-icon-brand)}.topbar-actions>button svg,.chat-header-menu-wrap>button svg{height:20px;width:20px}.selection-count{color:var(--color-text-secondary)}.chat-header-menu{border-color:var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-card),0 12px 32px #0f17291f}.messages{background:var(--color-bg-surface);gap:0;padding:var(--spacing-lg) var(--spacing-2xl)}.date-divider{background:var(--color-bg-subtle);color:var(--color-text-tertiary);font-weight:400;line-height:16px;padding:2px 10px}.message{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);margin:0 0 var(--spacing-lg) 42px;max-width:min(72%,560px);padding:10px 14px}.message.mine{background:var(--color-bg-bubble-mine);border-color:transparent;margin:0 42px var(--spacing-lg) 0}.message p{font-size:14px;line-height:22px}.message-avatar{display:block;left:-42px;position:absolute;top:0}.message.mine .message-avatar{left:auto;right:-42px}.message-avatar .avatar{font-size:12px;height:32px;width:32px}.message.selecting .message-avatar{display:none}.sender{color:var(--color-text-secondary);font-size:12px;line-height:16px;margin-bottom:4px}.message.mine .sender,.messages.direct .sender{display:none}.message time{color:var(--color-text-tertiary);font-size:12px;line-height:16px}.message.mine time,.message.mine .message-status.sending{color:var(--color-text-tertiary)}.message-meta{gap:var(--spacing-xs);margin-top:6px}.message-status,.message-status.read{color:var(--color-text-brand)}.message.selected{box-shadow:0 0 0 2px var(--color-border-brand)}.message-reply-preview{background:var(--color-bg-brand-soft);border-left-color:var(--color-border-brand)}.message-select-box{border-radius:var(--radius-sm)}.scroll-to-end-button{background:var(--color-bg-surface);border-color:var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-card);font-weight:500}.composer{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-2xl) var(--spacing-lg)}.composer:not(.composer-muted):after{display:none}.composer textarea{flex:1 0 100%;font-size:14px;line-height:22px;max-height:160px;min-height:104px;padding:var(--spacing-sm) 0;width:100%}.composer textarea::placeholder{color:var(--color-text-tertiary)}.composer .composer-icon-button{border-radius:var(--radius-md);color:var(--color-icon-default)}.composer .composer-icon-button:hover:not(:disabled){background:var(--color-bg-brand-soft);color:var(--color-icon-brand)}.composer .composer-icon-button.active{background:var(--color-bg-brand)}.composer-hint{color:var(--color-text-tertiary);font-size:12px;line-height:16px;margin-left:auto;margin-right:var(--spacing-sm);order:3}.composer>button[aria-label]:last-child{background:var(--color-bg-brand);border-radius:var(--radius-md);color:var(--color-text-inverse);font-weight:500;min-height:36px;order:4;padding:0 var(--spacing-lg)}.composer.composer-muted{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.composer-group-muted-field textarea{border-radius:var(--radius-md);min-height:44px}.composer-group-muted-notice{color:var(--color-text-warning)}.emoji-panel,.attachment-menu{border-color:var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card),0 12px 32px #0f17291f}.empty-main-panel{align-content:center;background:var(--color-bg-surface);gap:var(--spacing-sm)}.empty-main-panel strong{font-size:18px;font-weight:500}.empty-main-panel span{color:var(--color-text-tertiary);font-size:13px}.modal-backdrop.group-details-drawer-host{background:transparent;display:contents;padding:0;position:static}.group-details-drawer-host .group-details-modal{background:var(--color-bg-surface);border:0;border-left:1px solid var(--color-border-default);border-radius:0;grid-column:4;grid-row:1;grid-template-rows:56px minmax(0,1fr);height:100%;max-height:none;max-width:none;min-height:0;width:auto}.group-details-drawer-host .group-details-modal>header{align-items:center;border-bottom:1px solid var(--color-border-default);height:56px;padding:0 var(--spacing-lg) 0 var(--spacing-xl)}.group-details-drawer-host .group-details-modal>header strong{font-size:16px;font-weight:500;line-height:24px}.group-details-drawer-host .group-details-modal>header span{display:none}.group-details-drawer-host .modal-close{background:transparent;border-radius:var(--radius-md);color:var(--color-icon-default);height:32px;width:32px}.group-details-drawer-host .modal-close:hover{background:var(--color-bg-subtle)}.group-details-body{gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg)}.group-details-hero{gap:14px;grid-template-columns:64px minmax(0,1fr) 32px;padding:0}.group-details-hero .avatar{font-size:22px;font-weight:700;height:64px;width:64px}.group-details-hero strong{font-size:18px;font-weight:500;line-height:26px}.group-details-hero span{color:var(--color-text-secondary);font-size:12px;line-height:16px}.group-inline-action{background:transparent;color:var(--color-icon-default);height:32px;width:32px}.group-inline-action:hover{background:var(--color-bg-subtle)}.avatar-edit-badge{background:var(--color-bg-brand);border-color:var(--color-bg-surface);color:var(--color-text-inverse);height:22px;width:22px}.group-details-section{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);margin:0}.group-details-section-title{font-size:14px;font-weight:500;line-height:22px;padding:11px 14px}.group-details-section-title svg{color:var(--color-icon-default);height:18px;width:18px}.group-announcement-preview{background:transparent;border:0;border-top:1px solid var(--color-border-default);border-radius:0;color:var(--color-text-secondary);font-size:13px;line-height:18px;padding:10px 14px}.group-members-list{display:grid;gap:10px 12px;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));max-height:none;padding:4px 14px 14px}.group-members-list .center{grid-column:1 / -1;min-height:48px}.group-member-row{border-top:0;display:grid;gap:4px;grid-template-columns:minmax(0,1fr);justify-items:center;min-height:0;padding:0;position:relative;text-align:center}.group-member-row>span{max-width:100%;min-width:0}.group-member-row strong{font-size:12px;font-weight:400;line-height:16px}.group-member-row small{font-size:11px;margin-top:0}.group-member-actions{flex-wrap:wrap;gap:4px;justify-content:center}.group-member-actions em{background:var(--color-bg-brand-soft);border:0;border-radius:var(--radius-sm);color:var(--color-text-brand);font-size:11px;font-weight:500;padding:1px 6px}.group-member-actions button{background:var(--color-bg-subtle);border-radius:var(--radius-sm);color:var(--color-icon-default);display:none;height:24px;width:24px}.group-member-actions button svg{height:14px;width:14px}.group-member-row:hover .group-member-actions button,.group-member-row:focus-within .group-member-actions button{display:inline-flex}.group-member-row .member-mute-menu{left:0;position:absolute;top:100%;z-index:5}.invite-request-row{background:var(--color-bg-subtle);border-bottom:0;border-radius:var(--radius-md);grid-template-columns:32px minmax(0,1fr) auto auto;margin:0 10px 8px;padding:8px 10px}.invite-request-row .avatar{font-size:12px;height:32px;width:32px}.invite-request-row button{background:var(--color-bg-brand);border:0;border-radius:var(--radius-md);color:var(--color-text-inverse);font-size:12px;font-weight:500;height:28px;padding:0 12px}.invite-request-row button.secondary{background:var(--color-bg-surface);border:1px solid var(--color-border-default);color:var(--color-text-primary)}.group-details-section .settings-toggle,.group-details-section .settings-select{border-top:1px solid var(--color-border-default);font-size:14px;min-height:44px;padding:0 12px 0 14px}.group-details-section .group-management-action,.group-details-section .group-delete-action{border-top:1px solid var(--color-border-default);font-size:14px;font-weight:500;min-height:44px;padding:0 14px}.group-details-section>:first-child{border-top:0}.group-management-action{color:var(--color-text-brand)}.group-delete-action{background:var(--color-bg-danger);border-radius:var(--radius-md);color:var(--color-text-inverse);justify-content:center}.group-details-section:has(>.group-delete-action:only-child){border:0}.group-details-body .group-qr-box{border-top:1px solid var(--color-border-default);min-width:0}.group-details-section{grid-template-columns:minmax(0,1fr)}.group-details-body .group-qr-box button{width:100%}.settings-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;background:var(--color-border-strong);border:0;border-radius:var(--radius-full);cursor:pointer;flex:0 0 auto;height:26px;margin:0;position:relative;transition:background .15s ease;width:44px}.settings-toggle input[type=checkbox]:after{background:var(--color-bg-surface);border-radius:var(--radius-full);box-shadow:0 1px 2px #0f172933;content:"";height:22px;left:2px;position:absolute;top:2px;transition:transform .15s ease;width:22px}.settings-toggle input[type=checkbox]:checked{background:var(--color-bg-brand)}.settings-toggle input[type=checkbox]:checked:after{transform:translate(18px)}.settings-toggle input[type=checkbox]:disabled{cursor:default;opacity:.5}.contact-profile-panel{background:var(--color-bg-surface);display:flex;justify-content:center;min-height:0;overflow:auto;padding:56px 40px 40px}.contact-profile-card{display:grid;gap:var(--spacing-xl);width:min(100%,560px)}.contact-profile-head{align-items:center;display:grid;gap:var(--spacing-xl);grid-template-columns:96px minmax(0,1fr)}.contact-profile-head .avatar{font-size:33px;font-weight:700;height:96px;width:96px}.contact-profile-head>div{display:grid;gap:6px;min-width:0}.contact-profile-name{align-items:center;display:flex;gap:var(--spacing-sm);min-width:0}.contact-profile-name strong{font-size:22px;font-weight:700;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-profile-head span{color:var(--color-text-secondary);font-size:14px;line-height:22px}.contact-profile-online{align-items:center;color:var(--color-text-success);display:inline-flex;font-size:12px;gap:6px;line-height:16px}.contact-profile-online i{background:var(--color-status-online);border-radius:var(--radius-full);display:inline-block;height:8px;width:8px}.contact-profile-actions{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,minmax(0,1fr))}.contact-profile-actions button{align-items:center;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);display:inline-flex;font-size:14px;font-weight:500;gap:var(--spacing-sm);height:44px;justify-content:center;padding:0 var(--spacing-md)}.contact-profile-actions button:hover{background:var(--color-bg-subtle)}.contact-profile-actions button.primary{background:var(--color-bg-brand);border-color:var(--color-bg-brand);color:var(--color-text-inverse)}.contact-profile-actions button.primary:hover{background:#2558d6}.contact-profile-box{border:1px solid var(--color-border-default);border-radius:var(--radius-md);display:grid;overflow:hidden}.contact-profile-row{align-items:center;background:transparent;border:0;border-top:1px solid var(--color-border-default);color:var(--color-text-primary);display:flex;font-size:14px;gap:var(--spacing-md);justify-content:flex-start;min-height:44px;padding:0 14px;text-align:left;width:100%}.contact-profile-box>:first-child{border-top:0}.contact-profile-row>span{color:var(--color-text-secondary);flex:0 0 96px}.contact-profile-row>strong{flex:1;font-weight:400;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-profile-row>small{color:var(--color-text-tertiary);flex:1;font-size:12px}.contact-profile-row>svg{color:var(--color-icon-default);flex:0 0 auto}.contact-profile-row.settings-toggle{justify-content:space-between}.contact-profile-row.settings-toggle>span{flex:1}.contact-profile-row.settings-toggle>small{flex:0 0 auto}.contact-profile-danger{display:flex;gap:var(--spacing-sm)}.contact-profile-danger button{border:0;border-radius:var(--radius-md);font-size:14px;font-weight:500;height:36px;padding:0 var(--spacing-lg)}.contact-profile-danger .danger{background:var(--color-bg-danger);color:var(--color-text-inverse)}.contact-profile-danger .ghost{background:transparent;color:var(--color-text-brand)}.settings-nav{display:grid;gap:var(--spacing-xs);padding:0 var(--spacing-md)}.settings-nav-item{align-items:center;background:transparent;border:0;border-radius:var(--radius-md);color:var(--color-text-primary);display:grid;gap:var(--spacing-md);grid-template-columns:20px minmax(0,1fr) 16px;padding:10px var(--spacing-md);text-align:left;width:100%}.settings-nav-item:hover{background:var(--hover)}.settings-nav-item.active{background:var(--color-bg-selected)}.settings-nav-item>svg{color:var(--color-icon-default)}.settings-nav-item.active>svg{color:var(--color-icon-brand)}.settings-nav-item span{display:grid;gap:2px;min-width:0}.settings-nav-item strong{font-size:14px;font-weight:500;line-height:22px}.settings-nav-item.active strong{color:var(--color-text-brand)}.settings-nav-item small{color:var(--color-text-secondary);font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-settings{background:var(--color-bg-surface);justify-content:flex-start;padding:40px 48px}.settings-modal-card{background:transparent;border:0;border-radius:0;box-shadow:none;gap:10px;max-width:640px;padding:0;width:min(100%,640px)}.settings-page-header{display:grid;gap:var(--spacing-xs);margin-bottom:14px}.settings-page-header strong{font-size:22px;font-weight:700;line-height:30px}.settings-page-header span{color:var(--color-text-secondary);font-size:14px;line-height:22px}.settings-card-label{color:var(--color-text-tertiary);font-size:12px;font-weight:500;line-height:16px;margin:14px 0 0}.settings-card-label:first-of-type{margin-top:0}.settings-section{border-color:var(--color-border-default);border-radius:var(--radius-lg)}.settings-profile{background:transparent;border:0;border-bottom:1px solid var(--color-border-default);border-radius:0;gap:var(--spacing-lg);grid-template-columns:64px minmax(0,1fr) auto;padding:var(--spacing-lg)}.settings-profile .avatar{font-size:22px;font-weight:700;height:64px;width:64px}.settings-profile strong{font-size:18px;font-weight:500;line-height:26px}.settings-profile span{color:var(--color-text-secondary);font-size:12px;line-height:16px;margin-top:4px}.settings-profile-actions button{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:500;height:28px;min-height:28px;padding:0 var(--spacing-md)}.settings-profile-actions button+button{background:var(--color-bg-surface);border-color:var(--color-border-default);color:var(--color-text-danger)}.settings-action,.settings-toggle,.settings-field{border-top-color:var(--color-border-default);font-size:14px;min-height:46px;padding:0 var(--spacing-lg)}.settings-action>span,.settings-field>span{color:var(--color-text-secondary);flex:0 0 96px}.settings-action strong{color:var(--color-text-primary);flex:1;font-size:14px;font-weight:400;max-width:none;text-align:left}.settings-action .settings-user-code{color:var(--color-text-brand)}.settings-tag{background:var(--color-bg-brand-soft);border-radius:var(--radius-sm);color:var(--color-text-brand);font-size:12px;font-style:normal;font-weight:500;line-height:16px;padding:2px 8px}.settings-field select{background:var(--color-bg-surface);border-color:var(--color-border-default);border-radius:var(--radius-md);font-size:14px;margin-left:auto;min-height:40px;min-width:200px}.settings-field select:focus{border-color:var(--color-border-brand);box-shadow:0 0 0 .5px var(--color-border-brand)}.settings-account{border-top-color:var(--color-border-default);padding:var(--spacing-md) var(--spacing-lg)}.settings-account .avatar{height:40px;width:40px}.settings-account>div{min-width:0}.settings-account strong{font-size:14px;font-weight:500;line-height:22px}.settings-account span{color:var(--color-text-secondary);font-size:12px}.settings-account .settings-account-badge{background:var(--color-bg-success-soft);border-radius:var(--radius-sm);color:var(--color-text-success);font-size:12px;font-weight:500;padding:2px 8px}.settings-add-account>span{align-items:center;color:var(--color-text-brand);display:inline-flex;flex:1;font-weight:500;gap:var(--spacing-sm)}.settings-add-account>strong{display:none}.settings-logout-row{align-items:center;display:flex;gap:var(--spacing-md);margin-top:14px}.settings-logout{background:var(--color-bg-danger);border-radius:var(--radius-md);color:var(--color-text-inverse);flex:0 0 auto;font-weight:500;min-height:36px;padding:0 var(--spacing-lg)}.settings-logout-row span{color:var(--color-text-tertiary);font-size:12px;line-height:16px}.contact-picker,.forward-picker-modal,.direct-details-modal,.caption-modal,.message-edit-modal,.send-options-modal,.add-friend-modal,.create-group-modal{border-color:var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card),0 16px 48px #0f172924}@media(max-width:1180px){.app-shell.has-group-drawer{grid-template-columns:64px 320px minmax(0,1fr)}.group-details-drawer-host .group-details-modal{bottom:0;box-shadow:-8px 0 32px #0f17291f;position:fixed;right:0;top:0;width:min(360px,100vw);z-index:30}}@media(max-width:1000px){.app-shell,.app-shell.has-group-drawer{grid-template-columns:64px clamp(260px,32vw,320px) minmax(0,1fr)}.web-settings{padding:var(--spacing-2xl)}.contact-profile-panel{padding:var(--spacing-3xl) var(--spacing-2xl)}}@media(max-width:800px){.app-shell,.app-shell.has-group-drawer{grid-template-columns:clamp(190px,38vw,280px) minmax(0,1fr)}.panel-tabs button span{display:block}.panel-tabs button{height:auto;min-height:48px;width:auto}.panel-tabs .panel-tabs-avatar{display:none}.message{margin-left:0}.message.mine{margin-right:0}.message-avatar,.composer-hint{display:none}.contact-profile-head{grid-template-columns:64px minmax(0,1fr)}.contact-profile-head .avatar{font-size:22px;height:64px;width:64px}.contact-profile-actions{grid-template-columns:minmax(0,1fr)}}.chat-panel.no-topbar{grid-template-rows:0 minmax(0,1fr) auto}.chat-panel.no-topbar .topbar{border:0;height:0;min-height:0;overflow:hidden;padding:0;visibility:hidden}.contact-profile-card .settings-card-label{margin:0 0 -12px}.conversation-panel.tab-settings .brand-actions{display:none}.settings-action,.settings-action>span,.settings-field>span{text-align:left}span.avatar{align-items:center!important;display:inline-flex!important;flex-shrink:0;justify-content:center!important;line-height:1;margin:0!important;text-align:center}.brand{flex-wrap:wrap}.chat-filter-chips{display:flex;flex-basis:100%;gap:var(--spacing-sm)}.brand .chat-filter-chips button{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:12px;font-weight:400;height:24px;line-height:16px;padding:0 12px;width:auto}.brand .chat-filter-chips button:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.brand .chat-filter-chips button.active{background:var(--color-bg-brand);border-color:var(--color-bg-brand);color:var(--color-text-inverse);font-weight:500}.brand-create-menu-wrap{position:relative}.brand-create-menu-backdrop{inset:0;position:fixed;z-index:40}.brand-create-menu{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card),0 12px 32px #0f17291f;display:grid;min-width:180px;padding:4px;position:absolute;right:0;top:calc(100% + 6px);z-index:41}.brand .brand-create-menu button{background:transparent;border:0;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;font-weight:400;gap:10px;height:36px;justify-content:flex-start;padding:0 12px;white-space:nowrap;width:100%}.brand .brand-create-menu button svg{color:var(--color-icon-default)}.brand .brand-create-menu button:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.brand-create-menu-badge{align-items:center;background:var(--color-status-danger);border-radius:var(--radius-full);color:var(--color-text-inverse);display:inline-flex;font-size:11px;font-weight:500;height:18px;justify-content:center;margin-left:auto;min-width:18px;padding:0 5px}.group-details-modal{grid-template-rows:auto minmax(0,1fr) auto}.group-details-drawer-host .group-details-modal{grid-template-rows:56px minmax(0,1fr) auto}.group-details-body{align-content:start;grid-auto-rows:max-content}.group-details-hero{align-items:center}.group-details-members .group-details-section-title{padding-bottom:6px}.group-details-members .group-members-list{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.group-member-add{align-content:start;background:transparent;border:0;color:var(--color-text-secondary);display:grid;gap:4px;justify-items:center;padding:0}.group-member-add-icon{align-items:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-icon-default);display:inline-flex;height:40px;justify-content:center;width:40px}.group-member-add:hover .group-member-add-icon{border-color:var(--color-border-brand);color:var(--color-icon-brand)}.group-member-add small{font-size:12px;line-height:16px}.group-details-row{align-items:center;background:transparent;border:0;color:var(--color-text-primary);display:flex;font-size:14px;gap:var(--spacing-sm);min-height:44px;padding:0 12px 0 14px;text-align:left;width:100%}.group-details-row>span{flex:0 0 auto}.group-details-row>small{color:var(--color-text-tertiary);flex:1;font-size:12px;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.group-details-row>svg{color:var(--color-icon-default);flex-shrink:0}.group-details-row:hover:not(:disabled){background:var(--color-bg-subtle)}.group-details-row:disabled{color:var(--color-text-primary);cursor:default;opacity:1}.group-details-footer{background:var(--color-bg-surface);border-top:1px solid var(--color-border-default);padding:12px var(--spacing-xl)}.group-details-footer .group-delete-action{align-items:center;background:var(--color-bg-danger);border:0;border-radius:var(--radius-md);color:var(--color-text-inverse);display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;min-height:40px;padding:0;width:100%}.group-details-footer .group-delete-action:hover{filter:brightness(.95)}.composer-slow-mode-banner{align-items:center;background:var(--color-bg-warning-soft);color:var(--color-text-warning);display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:6px;line-height:16px;padding:6px var(--spacing-2xl)}.composer>button.composer-send-button[aria-label]{background:var(--color-bg-brand);border:0;border-radius:var(--radius-md);color:var(--color-text-inverse);font-size:14px;font-weight:500;height:36px;min-height:36px;min-width:60px;padding:0 var(--spacing-lg);width:auto}.composer>button.composer-send-button[aria-label]:disabled{background:var(--color-bg-subtle);color:var(--color-text-tertiary);cursor:not-allowed;opacity:1}.contacts-entry-row{grid-template-columns:40px minmax(0,1fr) auto auto}.contacts-entry-chevron{color:var(--color-icon-default)}.contact-letter-header{color:var(--color-text-tertiary);font-size:12px;line-height:16px;padding:var(--spacing-sm) var(--spacing-lg) 4px}.group-details-hero span.avatar,.settings-profile span.avatar,.settings-account span.avatar,.contact-profile-head span.avatar,.invite-request-row span.avatar{color:var(--color-text-brand)}.group-details-section.group-details-members{background:transparent;border:0}.group-details-members .group-details-section-title{padding:0 0 8px}.group-details-members .group-members-list{padding:0}.contact-profile-card,.web-settings .settings-modal-card{align-content:start}:root{--color-call-bg: #0b1220;--color-call-surface: rgba(255, 255, 255, .12);--color-call-surface-strong: rgba(255, 255, 255, .22);--color-call-overlay: rgba(0, 0, 0, .45);--color-call-text: #ffffff;--color-call-text-secondary: rgba(255, 255, 255, .68);--color-call-accept: #16a34a;--color-call-decline: #ef4444;--color-call-active: #ffffff;--color-call-tile: #1f2937;--color-call-panel: #1f2633;--call-avatar-gradient: linear-gradient(135deg, #5b8cff, #2f4fd8)}.call-overlay{inset:0;pointer-events:none;position:fixed;z-index:20}.call-overlay.masked{background:var(--color-call-overlay);pointer-events:auto}.call-overlay.maximized{background:var(--color-call-bg)}.call-window{background:var(--color-call-bg);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);box-shadow:0 24px 64px #00000080;color:var(--color-call-text);display:flex;flex-direction:column;height:min(560px,calc(100vh - 48px));inset:0;margin:auto;max-height:calc(100vh - 48px);overflow:hidden;pointer-events:auto;position:absolute;width:min(400px,calc(100vw - 32px))}.call-window.layout-video{height:min(600px,calc(100vh - 64px));width:min(960px,calc(100vw - 64px))}.call-window.layout-grid{height:min(720px,calc(100vh - 64px));width:min(1120px,calc(100vw - 64px))}.call-window.maximized{border:0;border-radius:0;height:100vh;margin:0;max-height:none;width:100vw}.call-window.members-open{padding-right:320px}.call-window.minimized{border-radius:var(--radius-lg);height:180px;inset:auto 24px 24px auto;margin:0;width:320px}.call-window-header{align-items:center;border-bottom:1px solid rgba(255,255,255,.08);cursor:grab;display:flex;flex-shrink:0;gap:12px;min-height:52px;padding:10px 12px 10px 16px;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;z-index:6}.call-window.maximized .call-window-header{cursor:default}.call-window-heading{align-items:center;color:var(--color-call-text-secondary);display:flex;flex:1;font-size:13px;gap:6px;min-width:0}.call-window-actions{display:flex;flex-shrink:0;gap:8px;margin-left:auto}.call-window-action{align-items:center;background:transparent;border:0;border-radius:var(--radius-full);color:var(--color-call-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;height:32px;justify-content:center;min-width:32px;padding:0 8px}.call-window-action:hover{background:var(--color-call-surface)}.call-window-heading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-window.layout-hero.is-meeting .call-window-heading{flex:0 0 auto}.call-window.layout-hero.is-meeting .call-window-heading span,.call-window.layout-hero .call-meeting-chips button.call-chip span,.call-window-action span{display:none}.call-window:not(.layout-hero) .call-window-header{align-items:flex-start;border:0;padding:16px 20px 8px}.call-window.layout-video .call-window-header{background:linear-gradient(180deg,#0009,#0000);left:0;padding-bottom:40px;position:absolute;right:0;top:0}.call-window.layout-video.members-open .call-window-header{right:320px}.call-window:not(.layout-hero) .call-window-action{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-call-surface);height:36px;padding:0 12px}.call-window:not(.layout-hero) .call-window-action:hover{background:var(--color-call-surface-strong)}.call-window:not(.layout-hero) .call-window-action span{display:inline}.call-stage-info{display:grid;gap:4px;min-width:0}.call-title{display:grid;gap:2px;min-width:0}.call-title strong,.call-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-title strong{font-size:18px;font-weight:700}.call-title span{color:var(--color-call-text-secondary);font-size:13px;font-variant-numeric:tabular-nums}.call-network{align-items:center;color:var(--color-call-text-secondary);display:inline-flex;font-size:12px;gap:4px;white-space:nowrap}.call-network svg{color:var(--color-call-accept)}.call-network.network-poor svg,.call-network.network-bad svg{color:var(--color-status-warning)}.call-group-title{align-items:center;display:inline-flex;gap:6px;max-width:100%}.call-group-title svg{color:var(--color-call-text-secondary);flex:none}.call-caller-chip{align-items:center;background:#2f6bff3d;border-radius:999px;color:#a9c2ff;display:inline-flex;gap:4px;justify-self:start;max-width:100%;min-width:0;padding:2px 10px;width:fit-content}.call-caller-chip svg{flex:none}.call-caller-chip b{font-size:12px;font-weight:500;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-window:not(.layout-hero) .call-caller-chip{grid-column:1 / -1}.call-hero .call-caller-chip{justify-self:center;padding:4px 12px}.call-hero .call-caller-chip b{font-size:14px}.call-window:not(.layout-hero) .call-stage-info{align-items:center;column-gap:10px;grid-template-columns:auto auto;justify-content:start;min-width:0}.call-window:not(.layout-hero) .call-title{display:contents}.call-window:not(.layout-hero) .call-title strong{grid-column:1 / -1}.call-meeting-chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.call-window:not(.layout-hero) .call-meeting-chips{padding-top:2px}.call-chip{align-items:center;background:var(--color-call-surface);border:0;border-radius:var(--radius-full);color:var(--color-call-text);display:inline-flex;font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;gap:6px;height:28px;padding:0 10px;white-space:nowrap}button.call-chip{cursor:pointer}button.call-chip:hover{background:var(--color-call-surface-strong)}.call-meeting-chips>.call-chip:first-child svg{color:var(--color-status-warning)}.call-stage{display:flex;flex:1;flex-direction:column;min-height:0;position:relative}.call-window.layout-video .call-stage{background:#000}.call-hero{align-items:center;display:flex;flex:1;flex-direction:column;gap:16px;justify-content:center;min-height:0;padding:24px 20px 8px;text-align:center}.call-hero-avatar{border:2px solid transparent;border-radius:34px;padding:6px;transition:border-color .2s ease,box-shadow .2s ease}.call-hero-avatar.speaking{border-color:#16a34aa6;box-shadow:0 0 0 6px #16a34a1f}.call-hero-avatar .avatar{background:var(--call-avatar-gradient);border-radius:28px;color:#fff;font-size:44px;font-weight:700;height:120px;object-fit:cover;width:120px}.call-hero .call-stage-info,.call-hero .call-title{gap:8px;justify-items:center;max-width:100%}.call-hero .call-title strong{font-size:22px}.call-hero .call-title span{font-size:15px}.remote-media{display:grid;flex:1;gap:8px;min-height:0;overflow:hidden;position:relative}.call-window.layout-hero .remote-media{display:none}.call-window.layout-video .remote-media{grid-auto-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.call-window.layout-grid .remote-media{align-content:center;grid-auto-rows:minmax(0,1fr);grid-template-columns:repeat(var(--call-grid-cols, 2),minmax(0,1fr));padding:8px 20px 112px}.call-window.layout-grid .remote-media.has-screen{grid-template-columns:minmax(0,1fr)}.remote-video{background:var(--color-call-tile);border:2px solid transparent;border-radius:var(--radius-lg);height:100%;min-height:0;overflow:hidden;position:relative;transition:border-color .2s ease;width:100%}.call-window.layout-video .remote-video{background:#000;border:0;border-radius:0}.remote-video video{height:100%;object-fit:contain;width:100%}.call-window.layout-grid .remote-video:not(.remote-screen) video{object-fit:cover}.remote-video.speaking,.call-avatar-tile.speaking{border-color:var(--color-call-accept)}.call-window.layout-grid .remote-video[data-label]:after,.call-tile-name{align-items:center;background:#0000008c;border-radius:var(--radius-sm);bottom:8px;color:#fff;display:inline-flex;font-size:12px;gap:4px;left:8px;line-height:18px;max-width:calc(100% - 16px);overflow:hidden;padding:2px 8px;position:absolute;text-overflow:ellipsis;white-space:nowrap;z-index:2}.call-window.layout-grid .remote-video[data-label]:after{content:attr(data-label);display:block}.call-tile-name svg{color:var(--color-call-decline);flex-shrink:0}.remote-track-hidden{display:none!important}.remote-audio{display:none}.call-avatar-tile{align-items:center;background:var(--color-call-tile);border:2px solid transparent;border-radius:var(--radius-lg);display:flex;justify-content:center;min-height:0;position:relative;transition:border-color .2s ease}.call-avatar-tile .avatar{background:var(--call-avatar-gradient);border-radius:50%;color:#fff;font-size:26px;font-weight:700;height:72px;width:72px}.call-window.layout-video .call-avatar-tile{background:var(--color-call-bg);border:0;border-radius:0}.call-window.layout-video .call-avatar-tile .avatar{border-radius:32px;font-size:44px;height:120px;width:120px}.call-window.layout-video .call-tile-name{display:none}.local-video{background:#000;border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-md);box-shadow:0 8px 24px #0006;height:132px;overflow:hidden;position:absolute;right:20px;top:76px;width:232px;z-index:5}.local-video video{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.local-video.hidden{display:none}.call-window.layout-hero .local-video{height:72px;right:12px;top:12px;width:128px}.call-window.layout-grid .local-video{bottom:112px;height:113px;right:28px;top:auto;width:200px}.screen-share-preview{align-items:center;background:#111827f0;border:1px solid rgba(239,68,68,.6);border-radius:var(--radius-full);box-shadow:0 12px 32px #0006;display:flex;gap:10px;left:50%;max-width:calc(100% - 32px);padding:4px;position:absolute;top:12px;transform:translate(-50%);z-index:7}.call-window.layout-video .screen-share-preview{top:76px}.screen-share-preview-surface{aspect-ratio:16 / 9;background:#000;border-radius:999px 6px 6px 999px;flex-shrink:0;overflow:hidden;width:64px}.screen-share-preview-surface video,.screen-share-preview video{background:#000;height:100%;object-fit:contain;width:100%}.screen-share-preview-text{align-items:center;display:inline-flex;font-size:13px;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-share-preview-text i{background:var(--color-call-decline);border-radius:50%;flex-shrink:0;height:8px;width:8px}.screen-share-preview button{align-items:center;background:var(--color-call-decline);border:0;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:500;gap:4px;height:32px;padding:0 14px;white-space:nowrap}.call-autoplay-banner{background:#b7791f;border:0;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;min-height:34px;padding:6px 12px}.call-window .call-autoplay-banner{background:#111827eb;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-full);font-weight:500;left:50%;max-width:calc(100% - 32px);position:absolute;top:12px;transform:translate(-50%);z-index:8}.call-window.layout-video .call-autoplay-banner{top:76px}.call-controls{align-items:flex-start;display:flex;flex-shrink:0;gap:20px;justify-content:center;padding:16px 20px 24px;position:relative;z-index:6}.call-window:not(.layout-hero) .call-controls{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#374151b8;border-radius:40px;bottom:20px;gap:16px;left:50%;padding:10px 24px 8px;position:absolute;transform:translate(-50%)}.call-window.members-open:not(.layout-hero) .call-controls{left:calc((100% - 320px)/2)}.call-control{align-items:center;background:transparent;border:0;color:var(--color-call-text);cursor:pointer;display:inline-flex;flex-direction:column;gap:8px;min-width:52px;padding:0}.call-control-icon{align-items:center;background:var(--color-call-surface);border-radius:50%;color:var(--color-call-text);display:inline-flex;height:48px;justify-content:center;transition:background .15s ease;width:48px}.call-control:hover:not(:disabled) .call-control-icon{background:var(--color-call-surface-strong)}.call-control.is-off .call-control-icon,.call-control.is-active .call-control-icon,.call-control.is-off:hover:not(:disabled) .call-control-icon,.call-control.is-active:hover:not(:disabled) .call-control-icon{background:var(--color-call-active);color:#111827}.call-control.end-call-button .call-control-icon,.call-control.end-call-button:hover .call-control-icon{background:var(--color-call-decline);color:#fff}.call-control-label{color:var(--color-call-text-secondary);font-size:12px;line-height:16px;white-space:nowrap}.call-control:disabled{cursor:not-allowed;opacity:.5}.call-device-popover{background:#fff;border-radius:var(--radius-lg);bottom:116px;box-shadow:0 16px 48px #00000059;color:var(--color-text-primary);display:grid;gap:12px;left:50%;max-width:calc(100% - 32px);padding:16px;position:absolute;transform:translate(-50%);width:300px;z-index:9}.call-device-popover[hidden]{display:none}.call-device-popover>header{align-items:center;display:flex;justify-content:space-between}.call-device-popover>header strong{font-size:16px;font-weight:500}.call-device-popover>header button{align-items:center;background:transparent;border:0;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;width:28px}.call-device-field{display:grid;gap:6px}.call-device-field>span{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:13px;gap:6px}.call-speaker-select{background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font:inherit;font-size:14px;height:40px;padding:0 10px;width:100%}.call-device-popover p{background:var(--color-bg-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:12px;margin:0;padding:8px 10px}.call-members-panel{background:var(--color-call-panel);border-left:1px solid rgba(255,255,255,.08);bottom:0;display:flex;flex-direction:column;position:absolute;right:0;top:0;width:320px;z-index:7}.call-members-panel>header{align-items:center;display:flex;justify-content:space-between;padding:14px 12px 10px 16px}.call-members-panel>header strong{font-size:15px;font-weight:500}.call-members-list{flex:1;min-height:0;overflow-y:auto;padding:0 8px}.call-member-row{align-items:center;border-radius:var(--radius-md);display:grid;gap:10px;grid-template-columns:36px minmax(0,1fr) auto;padding:8px}.call-member-row:hover{background:#ffffff0a}.call-member-row .avatar{background:var(--call-avatar-gradient);border-radius:50%;color:#fff;font-size:14px;height:36px;width:36px}.call-member-row strong{display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-member-row small{color:var(--color-call-accept);display:block;font-size:12px}.call-member-state{color:var(--color-call-text-secondary);display:inline-flex;gap:10px}.call-member-state .off{color:var(--color-call-decline)}.call-members-invite{align-items:center;background:var(--color-call-surface-strong);border:0;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;height:40px;justify-content:center;margin:12px 16px 16px}.call-window.minimized .call-window-header{align-items:flex-start;background:linear-gradient(180deg,#0000008c,#0000);border:0;cursor:default;left:0;min-height:0;padding:8px;position:absolute;right:0;top:0}.call-window.minimized .call-window-heading,.call-window.minimized .call-network,.call-window.minimized .call-maximize-button,.call-window.minimized .call-meeting-chips{display:none}.call-window.minimized .call-window-action{background:#00000073;height:32px;padding:0;width:32px}.call-window.minimized .call-window-action span{display:none}.call-window.minimized:not(.layout-hero) .call-stage-info{background:#00000073;border-radius:var(--radius-full);display:flex;gap:6px;padding:4px 10px}.call-window.minimized:not(.layout-hero) .call-title strong,.call-window.minimized:not(.layout-hero) .call-title span{font-size:12px;font-weight:500}.call-window.minimized:not(.layout-hero) .call-title span{color:#fff}.call-window.minimized .call-hero{flex-direction:row;gap:12px;justify-content:flex-start;padding:16px 16px 60px;text-align:left}.call-window.minimized .call-hero-avatar{border-radius:18px;padding:2px}.call-window.minimized .call-hero-avatar .avatar{border-radius:16px;font-size:22px;height:56px;width:56px}.call-window.minimized .call-hero .call-stage-info,.call-window.minimized .call-hero .call-title{gap:2px;justify-items:start}.call-window.minimized .call-hero .call-title strong{font-size:16px}.call-window.minimized .call-hero .call-title span{font-size:13px}.call-window.minimized .remote-media{gap:2px;padding:0}.call-window.minimized .remote-video,.call-window.minimized .call-avatar-tile{border-radius:0}.call-window.minimized .call-avatar-tile .avatar{border-radius:50%;font-size:18px;height:48px;width:48px}.call-window.minimized .remote-video:after,.call-window.minimized .call-tile-name,.call-window.minimized .local-video,.call-window.minimized .screen-share-preview-text,.call-window.minimized .screen-share-preview-surface{display:none!important}.call-window.minimized .screen-share-preview{bottom:8px;left:8px;top:auto;transform:none}.call-window.minimized .screen-share-preview button{font-size:12px;height:28px;padding:0 10px}.call-window.minimized .call-autoplay-banner{font-size:11px;top:44px}.call-window.minimized .call-controls{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;bottom:8px;gap:8px;left:auto;padding:0;position:absolute;right:8px;transform:none}.call-window.minimized .call-control{min-width:0}.call-window.minimized .call-control:not(:first-child):not(.end-call-button),.call-window.minimized .call-control-label{display:none}.call-window.minimized .call-control-icon{height:36px;width:36px}.call-window.minimized .call-control-icon svg{height:18px;width:18px}.incoming-call-backdrop{bottom:24px;display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:24px;z-index:40}.incoming-call-modal{animation:incoming-call-in .24s ease-out;background:var(--color-call-bg);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);box-shadow:0 24px 64px #00000073;color:var(--color-call-text);display:grid;gap:16px;max-width:calc(100vw - 32px);padding:16px 20px 20px;pointer-events:auto;width:360px}@keyframes incoming-call-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.incoming-call-head{align-items:center;color:var(--color-call-text-secondary);display:flex;font-size:12px;justify-content:space-between}.incoming-call-head small{align-items:center;display:inline-flex;font-size:12px;font-variant-numeric:tabular-nums;gap:4px}.incoming-call-person{align-items:center;display:flex;gap:12px;min-width:0}.incoming-call-person>div:last-child{display:grid;gap:4px;min-width:0}.incoming-call-person strong{font-size:18px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incoming-call-person span{color:var(--color-call-text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incoming-call-avatar{align-items:center;background:var(--call-avatar-gradient);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.incoming-call-avatar .avatar{background:transparent;border-radius:50%;color:#fff;font-size:22px;height:56px;width:56px}.incoming-call-actions{display:flex;justify-content:space-around}.incoming-call-actions button{align-items:center;background:transparent;border:0;color:var(--color-call-text-secondary);cursor:pointer;display:inline-flex;flex-direction:column;font-size:12px;gap:8px;padding:0}.incoming-call-actions .call-control-icon{color:#fff}.incoming-call-modal .decline-call-button .call-control-icon{background:var(--color-call-decline)}.incoming-call-modal .answer-call-button .call-control-icon{background:var(--color-call-accept)}.incoming-call-actions button:hover .call-control-icon{filter:brightness(1.1)}.conversation-panel.has-call-bar{grid-template-rows:auto auto minmax(0,1fr)}.call-return-bar{align-items:center;background:var(--color-call-accept);border:0;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:44px;padding:0 16px;text-align:left;width:100%}.call-return-bar span{flex:1;font-variant-numeric:tabular-nums;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-public-shell{align-items:center;background:var(--color-call-bg);color:var(--color-call-text);display:flex;justify-content:center;min-height:100dvh;padding:80px 40px 40px;position:relative}.meeting-public-brand{align-items:center;display:flex;font-size:15px;gap:8px;left:40px;position:absolute;top:24px}.meeting-public-brand strong{font-weight:500}.meeting-public-brand>span:last-child{color:var(--color-call-text-secondary)}.meeting-public-logo{align-items:center;background:var(--color-bg-brand);border-radius:8px;display:inline-flex;height:28px;justify-content:center;width:28px}.meeting-lobby-layout{align-items:center;display:grid;gap:56px;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);width:min(1240px,100%)}.meeting-lobby-preview{align-items:center;aspect-ratio:16 / 9;background:linear-gradient(180deg,#3b4a6b,#1a2338);border-radius:var(--radius-xl);display:flex;justify-content:center;overflow:hidden;position:relative}.meeting-lobby-preview-name{background:#00000073;border-radius:var(--radius-sm);font-size:12px;left:12px;max-width:calc(100% - 24px);overflow:hidden;padding:2px 8px;position:absolute;text-overflow:ellipsis;top:12px;white-space:nowrap}.meeting-lobby-icon{align-items:center;background:#ffffff24;border-radius:50%;color:#fff;display:inline-flex;height:96px;justify-content:center;width:96px}.meeting-lobby-info{display:grid;gap:12px;min-width:0}.meeting-lobby-info h1{font-size:28px;font-weight:700;margin:0;overflow-wrap:anywhere}.meeting-lobby-info p{color:var(--color-call-text-secondary);font-size:13px;margin:0}.meeting-lobby-field{display:grid;gap:8px;margin-top:12px}.meeting-lobby-field>span{color:var(--color-call-text-secondary);font-size:12px}.meeting-lobby-field input{background:#1f2937;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:#fff;font:inherit;height:46px;outline:0;padding:0 14px}.meeting-lobby-field input:focus{border-color:var(--color-bg-brand)}.meeting-lobby-hint{color:var(--color-call-text-secondary);font-size:12px;margin-top:-4px}.meeting-lobby-join{align-items:center;background:var(--color-bg-brand);border:0;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;height:52px;justify-content:center;margin-top:8px}.meeting-lobby-join:disabled{cursor:not-allowed;opacity:.5}.modal-meeting-lobby{background:var(--color-call-bg);border-radius:var(--radius-xl);box-shadow:0 24px 64px #00000073;color:var(--color-call-text);display:grid;gap:12px;justify-items:center;padding:32px 28px 24px;position:relative;text-align:center;width:min(420px,100%)}.modal-meeting-lobby h1{font-size:22px;margin:8px 0 0}.modal-meeting-lobby p{color:var(--color-call-text-secondary);font-size:13px;margin:0}.meeting-lobby-close{color:var(--color-call-text-secondary);position:absolute;right:12px;top:12px}.meeting-lobby-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px;width:100%}.meeting-lobby-actions button{align-items:center;background:var(--color-call-surface);border:0;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;height:40px;padding:0 14px}.meeting-lobby-actions button:last-child{background:var(--color-bg-brand);flex-basis:100%;height:46px;justify-content:center}.meeting-lobby-actions button:disabled{cursor:not-allowed;opacity:.5}.meeting-ended-card,.meeting-summary-modal{background:var(--color-call-panel);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);box-shadow:0 24px 64px #00000073;color:var(--color-call-text);display:grid;gap:10px;justify-items:center;padding:32px 28px 28px;position:relative;text-align:center;width:min(400px,100%)}.meeting-ended-icon{align-items:center;background:var(--color-call-surface-strong);border-radius:50%;color:#fff;display:inline-flex;height:52px;justify-content:center;width:52px}.meeting-ended-card h1{font-size:22px;margin:8px 0 0}.meeting-ended-card p{color:var(--color-call-text-secondary);font-size:13px;margin:0}.meeting-ended-primary{align-items:center;background:var(--color-bg-brand);border:0;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;gap:6px;height:40px;margin-top:12px;padding:0 20px}.meeting-summary-modal{gap:16px;justify-items:stretch}.meeting-summary-dismiss{color:var(--color-call-text-secondary);position:absolute;right:12px;top:12px}.meeting-summary-modal>header{display:grid;gap:8px;justify-items:center}.meeting-summary-modal>header strong{font-size:22px;margin-top:8px}.meeting-summary-modal>header>span:last-child{color:var(--color-call-text-secondary);font-size:13px}.meeting-summary-grid{background:#ffffff14;border-radius:var(--radius-lg);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 8px}.meeting-summary-grid>div{display:grid;gap:4px;justify-items:center;min-width:0}.meeting-summary-grid>div+div{border-left:1px solid rgba(255,255,255,.12)}.meeting-summary-grid strong{font-size:16px;font-variant-numeric:tabular-nums;font-weight:700;order:-1}.meeting-summary-grid span{color:var(--color-call-text-secondary);font-size:12px}.meeting-summary-close{background:var(--color-bg-brand);border:0;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:15px;height:42px}.meet-create-layout{align-items:start;background:var(--color-bg-page);border-radius:var(--radius-xl);box-shadow:0 24px 64px #00000040;color:var(--color-text-primary);display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 260px;max-height:calc(100vh - 40px);overflow:auto;padding:24px;width:min(860px,100%)}.meet-create-layout:not(:has(.meet-quota-card)){grid-template-columns:minmax(0,1fr);width:min(600px,100%)}.meet-create-main{display:grid;gap:16px;min-width:0}.meet-create-main>header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.meet-create-main>header strong{display:block;font-size:22px;font-weight:700}.meet-create-main>header span{color:var(--color-text-secondary);display:block;font-size:13px;margin-top:4px}.meet-create-card,.meet-quota-card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);display:grid;gap:14px;padding:20px}.meet-create-card>strong,.meet-quota-card>strong{font-size:16px;font-weight:500}.meet-type-options{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.meet-type-option{align-items:center;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:44px minmax(0,1fr);padding:14px;text-align:left}.meet-type-option:hover{background:var(--color-bg-brand-soft);border-color:var(--color-border-brand)}.meet-type-option strong{display:block;font-size:15px;font-weight:500}.meet-type-option small{color:var(--color-text-secondary);display:block;font-size:12px;margin-top:2px}.meet-type-icon{align-items:center;background:var(--color-bg-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);display:inline-flex;height:44px;justify-content:center;width:44px}.meet-type-option:first-child .meet-type-icon{background:var(--color-bg-brand);color:#fff}.meet-join-row{display:flex;gap:12px}.meet-join-row input{background:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1;font:inherit;height:40px;min-width:0;outline:0;padding:0 12px}.meet-join-row input:focus{border-color:var(--color-border-brand)}.meet-join-row button{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font:inherit;height:40px;padding:0 18px}.meet-join-row button:disabled{cursor:not-allowed;opacity:.5}.meet-quota-total b{font-size:28px;font-weight:700}.meet-quota-total span{color:var(--color-text-secondary);font-size:13px;margin-left:4px}.meet-quota-bar{background:var(--color-bg-subtle);border-radius:999px;height:6px;overflow:hidden}.meet-quota-bar i{background:var(--color-bg-brand);border-radius:inherit;display:block;height:100%}.meet-quota-card dl{display:grid;gap:10px;margin:0}.meet-quota-card dl>div{display:flex;font-size:13px;justify-content:space-between}.meet-quota-card dt{color:var(--color-text-secondary)}.meet-quota-card dd{font-variant-numeric:tabular-nums;font-weight:500;margin:0}.meet-quota-card dd.available{color:var(--color-text-success)}@media(max-width:860px){.meeting-public-shell{padding:72px 20px 24px}.meeting-lobby-layout{gap:24px;grid-template-columns:minmax(0,1fr)}.meet-create-layout{grid-template-columns:minmax(0,1fr)}.call-window.members-open{padding-right:0}.call-members-panel{width:min(320px,100%)}}@media(max-width:560px){.meet-type-options{grid-template-columns:minmax(0,1fr)}.call-window:not(.layout-hero) .call-controls{gap:8px;padding:8px 12px 6px}.call-window:not(.layout-hero) .call-window-action span{display:none}}.avatar.avatar-initial{font-size:17px;font-weight:500}