:root{color:var(--text-primary);background:radial-gradient(circle at 8% -20%,var(--bg-page-spot) 0%,var(--bg-page-mid) 44%,var(--bg-page) 100%);font-family:var(--font-family-base);--font-family-display: "Trebuchet MS", "Avenir Next", "Gill Sans", sans-serif;--font-family-base: "Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif;--font-size-xs: clamp(.68rem, .15vw + .66rem, .72rem);--font-size-sm: clamp(.75rem, .2vw + .72rem, .8rem);--font-size-md: clamp(.8rem, .2vw + .77rem, .86rem);--font-size-lg: clamp(1.5rem, 1.25rem + .8vw, 1.72rem);--font-size-status: clamp(.7rem, .2vw + .66rem, .76rem);--heading-auth: clamp(1.38rem, 1.08rem + 1vw, 1.86rem);--heading-sidebar: clamp(1.02rem, .94rem + .45vw, 1.22rem);--heading-section: clamp(.9rem, .82rem + .34vw, 1.02rem);--text-meta-size: var(--font-size-sm);--text-meta-color: var(--text-muted);--text-meta-strong-color: var(--text-secondary);--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.38;--line-height-relaxed: 1.45;--line-height-message: 1.52;--bg-page: #050711;--bg-page-spot: #124a91;--bg-page-mid: #091224;--bg-panel: rgba(7, 12, 25, .9);--bg-layer-1: rgba(12, 20, 36, .86);--bg-layer-2: rgba(17, 29, 50, .88);--bg-layer-3: rgba(25, 41, 68, .92);--bg-hover: rgba(42, 72, 116, .48);--bg-overlay-strong: rgba(8, 14, 29, .96);--bg-overlay-soft: rgba(7, 13, 27, .84);--bg-overlay-muted: rgba(8, 15, 30, .74);--bg-overlay-deep: rgba(8, 16, 33, .78);--bg-overlay-black-soft: rgba(0, 0, 0, .35);--bg-overlay-black-muted: rgba(0, 0, 0, .45);--bg-overlay-black-strong: rgba(2, 6, 15, .98);--bg-ghost: rgba(17, 27, 45, .42);--bg-pill: rgba(148, 166, 194, .12);--bg-pill-muted: rgba(22, 34, 56, .72);--bg-panel-elevated: rgba(7, 12, 24, .9);--bg-panel-control: rgba(7, 12, 23, .7);--bg-avatar: rgba(20, 33, 54, .9);--bg-chat-divider: rgba(16, 26, 43, .76);--bg-chat-divider-soft: rgba(16, 26, 43, .5);--bg-message-own: rgba(41, 64, 103, .84);--bg-message-incoming: rgba(19, 30, 49, .88);--bg-message-system: rgba(36, 43, 56, .78);--bg-message-call: rgba(31, 39, 53, .82);--bg-message-system-soft: rgba(30, 38, 52, .64);--bg-message-call-soft: rgba(28, 36, 50, .62);--bg-message-editing: rgba(20, 38, 70, .9);--bg-message-own-hover: rgba(49, 75, 117, .9);--bg-message-incoming-hover: rgba(27, 40, 62, .92);--bg-message-system-hover: rgba(43, 52, 67, .84);--bg-message-active: rgba(56, 84, 129, .92);--bg-card-hover: rgba(36, 54, 84, .62);--bg-card-active: rgba(44, 65, 101, .74);--bg-card-selected: rgba(39, 61, 96, .74);--bg-composer: rgba(9, 15, 28, .86);--bg-composer-input: rgba(18, 28, 45, .76);--bg-toast-error: rgba(51, 24, 31, .86);--bg-active-item: rgba(36, 58, 95, .66);--bg-active-gradient-start: rgba(61, 112, 221, .66);--bg-active-gradient-end: rgba(25, 58, 113, .78);--bg-active-soft: rgba(67, 128, 255, .2);--stroke-soft: rgba(148, 166, 194, .2);--stroke-soft-strong: rgba(162, 182, 214, .32);--stroke-muted: rgba(158, 172, 197, .3);--stroke-muted-strong: rgba(158, 172, 197, .35);--stroke-muted-soft: rgba(158, 172, 197, .26);--stroke-muted-subtle: rgba(158, 172, 197, .25);--stroke-muted-deep: rgba(158, 172, 197, .22);--stroke-muted-pill: rgba(158, 172, 197, .4);--stroke-accent-strong: rgba(128, 168, 243, .62);--stroke-accent-mid: rgba(121, 166, 248, .62);--stroke-message-own: rgba(118, 158, 230, .4);--stroke-message-incoming: rgba(137, 157, 193, .2);--stroke-message-system: rgba(151, 167, 195, .28);--stroke-message-call: rgba(159, 176, 206, .36);--stroke-message-system-soft: rgba(151, 167, 195, .2);--stroke-message-call-soft: rgba(159, 176, 206, .22);--stroke-message-editing: rgba(128, 190, 255, .75);--stroke-message-hover: rgba(158, 182, 223, .5);--stroke-card-hover: rgba(154, 175, 212, .36);--stroke-card-active: rgba(120, 168, 244, .6);--stroke-online-dot: rgba(15, 20, 31, .5);--stroke-message-editing-ring: rgba(128, 190, 255, .35);--stroke-accent: rgba(126, 174, 249, .62);--text-primary: #edf3ff;--text-secondary: #d5e2ff;--text-muted: #aec0de;--text-info: #bcd0ff;--text-soft: #d6e4ff;--text-tertiary: #c2d0ea;--text-subtle: #b8c2d8;--text-subtle-soft: #aeb9cf;--text-muted-strong: #b9c7df;--text-delivery-sending: #ffd98a;--text-delivery-sent: #9fd3ff;--text-delivery-failed: #ff9ea8;--text-error-soft: #ffc4c4;--text-encrypted: #ffcccf;--text-active: #b8d7ff;--text-placeholder: rgba(188, 203, 231, .68);--text-message-primary: #f0f5ff;--text-message-meta: #c5d3eb;--text-inverse: #fff;--party-blue: #5d8cff;--party-blue-strong: #3d70e6;--party-blue-soft: #7aa5ff;--signal-green: #42e59a;--danger-red: #d94a67;--warm-amber: #ffbf66;--lobby-black: #050711;--accent: var(--party-blue);--accent-strong: var(--party-blue-strong);--accent-soft: var(--party-blue-soft);--accent-ghost: rgba(93, 140, 255, .18);--accent-border: rgba(145, 186, 255, .6);--focus-border: rgba(144, 185, 255, .82);--focus-ring: 0 0 0 2px rgba(93, 140, 255, .2);--focus-ring-strong: 0 0 0 2px rgba(93, 140, 255, .3);--online: var(--signal-green);--offline: var(--warm-amber);--ok-bg: rgba(45, 190, 115, .17);--ok-stroke: rgba(101, 220, 150, .5);--ok-text: #b5f7cf;--warn-bg: rgba(240, 173, 78, .16);--warn-stroke: rgba(245, 196, 116, .5);--warn-text: #ffe1b0;--danger-bg: rgba(217, 74, 103, .16);--danger-stroke: rgba(244, 123, 146, .54);--danger-text: #ffc7d1;--glow-active-chat: 0 0 0 1px rgba(122, 165, 255, .26), 0 18px 42px rgba(45, 93, 205, .28);--glow-online-friend: 0 0 18px rgba(66, 229, 154, .34);--glow-live-call: 0 0 0 1px rgba(122, 165, 255, .28), 0 0 34px rgba(93, 140, 255, .24);--glow-poor-connection: 0 0 0 1px rgba(244, 123, 146, .22), 0 0 24px rgba(217, 74, 103, .24);--shadow-sm: 0 8px 20px rgba(45, 93, 205, .25);--shadow-md: 0 10px 22px rgba(45, 93, 205, .22);--shadow-soft: 0 12px 28px rgba(0, 0, 0, .32);--shadow-soft-sm: 0 8px 20px rgba(0, 0, 0, .24);--shadow-lg: 0 18px 40px rgba(0, 0, 0, .35);--shadow-lifted: 0 14px 28px rgba(0, 0, 0, .35);--shadow-xl: 0 25px 50px rgba(0, 0, 0, .42);--shadow-inset-soft: inset 0 1px 0 rgba(255, 255, 255, .02);--shadow-cta: 0 10px 24px rgba(41, 93, 204, .35);--shadow-cta-hover: 0 14px 28px rgba(41, 93, 204, .42);--shadow-card-hover: 0 10px 22px rgba(4, 9, 20, .34);--shadow-danger: 0 8px 18px rgba(171, 52, 70, .28);--shadow-danger-hover: 0 12px 24px rgba(171, 52, 70, .38);--radius-xs: 11px;--radius-sm: 13px;--radius-md: 15px;--radius-lg: 18px;--radius-xl: 22px;--radius-full: 999px;--radius-none: 0;--density-compact: .88;--density-comfortable: 1;--density-call-focus: 1.12;--density-current: var(--density-comfortable);--chat-card-py: clamp(8px, calc(.8vw * var(--density-current)), 11px);--chat-card-px: clamp(10px, calc(1.1vw * var(--density-current)), 13px);--member-card-py: clamp(8px, .8vw, 10px);--member-card-px: clamp(10px, 1.1vw, 12px);--space-0: 6px;--space-1: clamp(8px, 1.1vw, 12px);--space-2: clamp(10px, 1.4vw, 16px);--space-3: clamp(12px, 1.8vw, 20px);--space-4: clamp(14px, 2.2vw, 24px);--control-px: clamp(11px, 1.1vw, 14px);--control-py: clamp(10px, 1vw, 13px);--layout-sidebar-width: 280px;--chat-content-max-width: 1120px;--auth-card-max-width: 460px;--chat-bubble-max-width: 74%;--avatar-size: clamp(36px, 4vw, 42px);--chat-icon-size: clamp(30px, 3.6vw, 34px);--status-pill-fs: var(--font-size-status);--status-pill-py: clamp(2px, .4vw, 3px);--status-pill-px: clamp(7px, 1.2vw, 9px);--menu-max-width: clamp(180px, 55vw, 220px);--composer-min-btn: clamp(44px, 8vw, 52px);--send-primary-min: clamp(70px, 14vw, 96px);--message-photo-max-inline: 460px;--message-photo-max-block: clamp(200px, 52vh, 440px);--message-video-max-inline: 520px;--message-video-max-block: clamp(180px, 50vh, 360px);--message-audio-max-inline: 420px;--app-vh: 100dvh;--keyboard-offset: 0px;--composer-height: 0px;--duration-fast: .16s;--duration-mid: .24s;--duration-party-pop: .34s;--duration-soft-enter: .42s;--easing-standard: cubic-bezier(.2, 0, 0, 1);--easing-out: cubic-bezier(.16, 1, .3, 1);--easing-party: cubic-bezier(.2, .9, .25, 1.2);--transition-base: border-color var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard);--transition-surface: border-color var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard);--transition-fade: opacity .16s var(--easing-standard);--btn-primary-bg: linear-gradient(135deg, var(--accent-soft), var(--accent-strong));--btn-primary-bg-hover: linear-gradient(135deg, var(--accent), var(--accent-strong));--btn-primary-border: 1px solid var(--accent-border);--btn-primary-color: var(--text-inverse);--btn-secondary-bg: rgba(37, 59, 95, .78);--btn-secondary-bg-hover: rgba(45, 70, 111, .84);--btn-secondary-border: 1px solid var(--stroke-accent);--btn-secondary-color: var(--text-inverse);--btn-ghost-bg: var(--bg-ghost);--btn-ghost-bg-hover: rgba(26, 41, 67, .56);--btn-ghost-border: 1px solid var(--stroke-soft-strong);--btn-ghost-color: var(--text-secondary);--btn-danger-bg: rgba(171, 52, 70, .85);--btn-danger-bg-hover: rgba(191, 63, 82, .92);--btn-danger-border: 1px solid var(--danger-stroke);--btn-danger-color: #ffe7eb}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at 14% -16%,rgba(18,74,145,.58),transparent 34rem),radial-gradient(circle at 92% 8%,rgba(66,229,154,.08),transparent 24rem),linear-gradient(180deg,var(--bg-page-mid),var(--bg-page) 54%);font-family:var(--font-family-base);overflow:hidden;overflow-x:clip}html,body,#root{height:100%;width:100%;max-width:100%;overflow-x:clip}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.remote-audio-sink{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;left:-9999px;top:-9999px}button,input,textarea{font:inherit}.auth-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(14px,3vw,24px)}.auth-card{width:min(var(--auth-card-max-width),100%);padding:clamp(14px,3.4vw,28px);border-radius:var(--radius-xl);background:var(--bg-panel);border:1px solid var(--stroke-soft);box-shadow:var(--shadow-xl)}.auth-card h1{margin:0;font-family:var(--font-family-display);font-size:var(--heading-auth);font-weight:var(--font-weight-bold);line-height:1.12;letter-spacing:.06em}.auth-form{margin-top:16px;display:grid;gap:10px}.auth-card>button.ghost{margin-top:10px}input,button,textarea{width:100%;padding:var(--control-py) var(--control-px);border-radius:var(--radius-md);border:1px solid var(--stroke-soft);background:var(--bg-layer-1);color:var(--text-primary);transition:var(--transition-base)}button{--btn-bg: var(--btn-primary-bg);--btn-bg-hover: var(--btn-primary-bg-hover);--btn-border: var(--btn-primary-border);--btn-color: var(--btn-primary-color);--btn-shadow: var(--shadow-sm);--btn-shadow-hover: var(--shadow-md);background:var(--btn-bg);border:var(--btn-border);color:var(--btn-color);cursor:pointer;font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);box-shadow:var(--btn-shadow);min-width:44px;min-height:44px}[role=button]{min-height:44px}button.ghost,button.btn-ghost{--btn-bg: var(--btn-ghost-bg);--btn-bg-hover: var(--btn-ghost-bg-hover);--btn-border: var(--btn-ghost-border);--btn-color: var(--btn-ghost-color);--btn-shadow: none;--btn-shadow-hover: none;font-weight:var(--font-weight-medium)}button.btn-secondary{--btn-bg: var(--btn-secondary-bg);--btn-bg-hover: var(--btn-secondary-bg-hover);--btn-border: var(--btn-secondary-border);--btn-color: var(--btn-secondary-color);--btn-shadow: none;--btn-shadow-hover: var(--shadow-soft)}button.btn-danger{--btn-bg: var(--btn-danger-bg);--btn-bg-hover: var(--btn-danger-bg-hover);--btn-border: var(--btn-danger-border);--btn-color: var(--btn-danger-color);--btn-shadow: var(--shadow-danger);--btn-shadow-hover: var(--shadow-danger-hover)}button:disabled{opacity:.7;cursor:default}button:focus-visible{outline:none;box-shadow:var(--btn-shadow, none),var(--focus-ring-strong)}[role=button]:focus-visible{outline:none;box-shadow:var(--focus-ring-strong)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--focus-border);background:var(--bg-layer-2);box-shadow:var(--focus-ring)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--focus-border);background:var(--bg-layer-2);box-shadow:var(--focus-ring-strong)}@media(hover:hover)and (pointer:fine){button:hover:not(:disabled){background:var(--btn-bg-hover);transform:translateY(-1px);box-shadow:var(--btn-shadow-hover)}.chat-list-item:hover{background:var(--bg-card-hover);border-color:var(--stroke-card-hover);box-shadow:var(--shadow-card-hover)}.member-row[role=button]:hover{--member-border: var(--stroke-card-hover);--member-bg: var(--bg-card-hover);box-shadow:var(--shadow-card-hover)}.chat-action-primary:hover:not(:disabled),.send-primary:hover:not(:disabled){box-shadow:var(--shadow-cta-hover)}.message:hover{border-color:var(--stroke-message-hover);box-shadow:var(--shadow-soft)}.message-own:hover{background:var(--bg-message-own-hover)}.message-incoming:hover{background:var(--bg-message-incoming-hover)}.message-system:hover{background:var(--bg-message-system-hover)}}@media(hover:none)and (pointer:coarse){button:active:not(:disabled){background:var(--btn-bg-hover);transform:scale(.99);box-shadow:var(--btn-shadow-hover)}}.layout{min-height:100vh;height:var(--app-vh);display:grid;grid-template-columns:var(--layout-sidebar-width) 1fr;overflow:hidden;max-width:100%}.layout.motion-enter .sidebar,.layout.motion-enter .chat-window{animation:panelReveal .5s var(--easing-out) both}.layout.motion-enter .chat-window{animation-delay:.06s}@keyframes panelReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.layout.visual-cozy-lobby{background:radial-gradient(circle at 18% 0%,rgba(93,140,255,.1),transparent 26rem),radial-gradient(circle at 82% 8%,rgba(66,229,154,.06),transparent 20rem)}.layout.density-comfortable{--density-current: var(--density-comfortable)}.layout.density-call-focus{--density-current: var(--density-call-focus)}.layout.call-fullscreen{grid-template-columns:1fr}.layout.call-fullscreen .sidebar,.layout.call-fullscreen .chat-header,.layout.call-fullscreen .device-panel,.layout.call-fullscreen .call-history-panel,.layout.call-fullscreen .messages,.layout.call-fullscreen .typing,.layout.call-fullscreen .composer-mode,.layout.call-fullscreen .send-form{display:none!important}.layout.call-fullscreen .call-panel{position:relative;padding:0;border-bottom:none;background:var(--bg-overlay-black-strong)}.layout.call-fullscreen .call-stage{height:100dvh;min-height:100dvh;border:none;border-radius:var(--radius-none)}.layout.call-fullscreen .call-remote-wrap,.layout.call-fullscreen .call-video.remote,.layout.call-fullscreen .call-remote-placeholder{min-height:100dvh}.call-fullscreen-controls{position:absolute;top:12px;right:12px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;z-index:30;animation:controlRise .35s var(--easing-out) both}.call-fullscreen-controls.hidden{opacity:0;pointer-events:none;transform:translateY(8px);transition:var(--transition-fade)}.call-fullscreen-controls button{width:auto;min-height:44px;padding:8px 12px}.call-fullscreen-controls button:not(.btn-secondary):not(.btn-danger):not(.ghost):not(.btn-ghost){--btn-bg: var(--btn-secondary-bg);--btn-bg-hover: var(--btn-secondary-bg-hover);--btn-border: var(--btn-secondary-border);--btn-color: var(--btn-secondary-color);--btn-shadow: none;--btn-shadow-hover: var(--shadow-soft)}.screen-loading{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(14px,3vw,24px)}.screen-loading-card{width:min(460px,100%);padding:clamp(14px,3vw,24px);border-radius:var(--radius-lg);background:var(--bg-panel-elevated);border:1px solid var(--stroke-muted-strong);box-shadow:var(--shadow-lg)}.screen-loading-card strong{display:block;font-size:1.05rem}.screen-loading-card span{display:block;margin-top:8px;opacity:.8}.loading-skeleton{margin-top:14px;display:grid;gap:12px}.loading-skeleton-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-subtle-soft)}.loading-skeleton-sidebar,.loading-skeleton-messages,.loading-skeleton-list{display:grid;gap:8px}.loading-skeleton-row{height:36px;border-radius:var(--radius-md);border:1px solid var(--stroke-soft);background:linear-gradient(90deg,#8197bd1f,#8197bd38,#8197bd1f);background-size:220% 100%;animation:skeletonPulse 1.35s ease-in-out infinite}.loading-skeleton-bubbles{display:grid;gap:8px}.loading-skeleton-bubble{height:44px;border-radius:var(--radius-md);border:1px solid var(--stroke-soft);background:linear-gradient(90deg,#8197bd1f,#8197bd38,#8197bd1f);background-size:220% 100%;animation:skeletonPulse 1.35s ease-in-out infinite}.loading-skeleton-bubble.own{justify-self:end;width:68%}.loading-skeleton-bubble.incoming{width:60%}.sidebar{background:radial-gradient(circle at 20% 0%,rgba(93,140,255,.16),transparent 18rem),linear-gradient(180deg,rgba(7,12,25,.94),var(--bg-panel));border-right:1px solid var(--stroke-soft);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);min-height:100%;max-height:100%;overflow:hidden;max-width:100%;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sidebar-main{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:var(--space-2)}.sidebar-brand h2{margin:0;font-family:var(--font-family-display);font-size:var(--heading-sidebar);font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:.12em}.sidebar-brand-kicker{display:inline-flex;width:fit-content;margin-bottom:6px;padding:3px 8px;border:1px solid rgba(122,165,255,.34);border-radius:var(--radius-full);color:var(--text-active);background:#5d8cff1f;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.sidebar-brand p{margin:4px 0 0;opacity:1;color:var(--text-meta-color);font-size:var(--text-meta-size);line-height:var(--line-height-relaxed)}.profile-avatar-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:var(--radius-lg);border:1px solid rgba(122,165,255,.2);background:#080e1cb8;box-shadow:var(--shadow-inset-soft)}.profile-avatar{width:46px;height:46px;border-radius:16px;overflow:hidden}.profile-avatar-copy{min-width:0;display:grid;gap:2px}.profile-avatar-copy strong{font-size:var(--font-size-md)}.profile-avatar-copy span{font-size:var(--font-size-xs);color:var(--text-meta-color)}.profile-avatar-action{width:auto;min-height:38px;padding:8px 10px;white-space:nowrap}.profile-bar{margin-top:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--radius-lg);border:1px solid var(--stroke-muted);background:var(--bg-overlay-soft);color:var(--text-primary);text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.profile-bar:hover{border-color:var(--stroke-accent);box-shadow:0 10px 22px #00000040}.profile-bar-avatar{width:44px;height:44px;border-radius:16px;border:1px solid rgba(117,160,255,.4);overflow:hidden;background:var(--bg-avatar)}.profile-bar-copy{display:grid;gap:2px}.profile-bar-copy strong{font-size:var(--font-size-md)}.profile-bar-copy span{font-size:var(--font-size-xs);color:var(--text-meta-color)}.profile-bar-cta{font-size:.75rem;color:var(--text-secondary);padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--stroke-muted-pill);background:var(--bg-pill)}.lobby-status-strip{display:inline-flex;align-items:center;gap:7px;margin-top:10px;max-width:100%;padding:7px 10px;border:1px solid rgba(66,229,154,.26);border-radius:var(--radius-full);color:var(--ok-text);background:#42e59a1a;font-size:var(--font-size-sm);line-height:var(--line-height-tight);box-shadow:var(--glow-online-friend)}.lobby-status-strip span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--signal-green);box-shadow:0 0 12px #42e59abf;flex:0 0 auto}.sidebar-create-chat{margin-top:0}.chat-search{padding:clamp(9px,1vw,10px) clamp(10px,1.3vw,12px)}.user-search-list{margin-top:8px;display:grid;gap:8px;max-height:220px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:2px}.user-search-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 10px;border-radius:var(--radius-md);border:1px solid transparent;background:var(--bg-layer-1);color:var(--text-primary);transition:var(--transition-surface)}.user-search-item:hover{border-color:var(--stroke-card-hover);background:var(--bg-card-hover)}.user-search-item:focus-visible{outline:none;border-color:var(--focus-border);box-shadow:var(--focus-ring-strong)}.user-search-avatar{width:30px;height:30px;border-radius:10px;overflow:hidden;border:1px solid rgba(122,165,255,.3);background:var(--bg-avatar);flex:0 0 auto}.user-search-copy{min-width:0;display:grid;gap:1px}.user-search-copy strong{font-size:var(--font-size-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-search-copy span{font-size:var(--font-size-xs);color:var(--text-meta-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-search-empty{padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--stroke-soft);background:var(--bg-layer-1);color:var(--text-meta-color);font-size:var(--font-size-sm)}.sidebar-bottom{flex:0 0 auto;display:grid;gap:var(--space-1);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:2px;max-height:46vh}.sidebar-section{background:var(--bg-layer-1);border:1px solid var(--stroke-soft);border-radius:var(--radius-lg);padding:var(--space-1);box-shadow:var(--shadow-inset-soft)}.sidebar-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.encryption-status{font-size:var(--font-size-sm);padding:3px 8px;border-radius:var(--radius-full);border:1px solid var(--stroke-soft-strong);color:var(--text-muted);background:var(--bg-pill)}.encryption-status.ok{color:var(--ok-text);background:var(--ok-bg);border-color:var(--ok-stroke)}.encryption-status.warn{color:var(--warn-text);background:var(--warn-bg);border-color:var(--warn-stroke)}.encryption-manage-btn{margin-top:8px}.chat-list{display:grid;flex:1 1 auto;min-height:0;gap:var(--space-1);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:2px}.chat-list-item{display:flex;align-items:center;gap:var(--space-1);text-align:left;padding:var(--chat-card-py) var(--chat-card-px);min-height:50px;border-radius:var(--radius-lg);background:var(--bg-layer-1);border:1px solid transparent;box-shadow:var(--shadow-inset-soft);transition:var(--transition-surface)}.chat-list-item:active{background:var(--bg-card-active);border-color:var(--stroke-card-active)}.chat-list-item:focus-visible{outline:none;border-color:var(--focus-border);box-shadow:var(--focus-ring-strong)}.chat-list-item:focus-visible .chat-list-icon{border-color:var(--focus-border)}.chat-list-item.active{background:linear-gradient(135deg,var(--bg-active-gradient-start),var(--bg-active-gradient-end));border-color:var(--stroke-accent-strong);box-shadow:var(--glow-active-chat);animation:activeGlow 2.6s ease-in-out infinite}@keyframes activeGlow{0%,to{box-shadow:var(--glow-active-chat)}50%{box-shadow:0 0 0 1px #7aa5ff4d,0 18px 46px #2d5dcd6b}}.chat-list-icon{position:relative;width:var(--chat-icon-size);height:var(--chat-icon-size);border-radius:var(--radius-xs);display:grid;place-items:center;font-size:.78rem;letter-spacing:.03em;font-weight:var(--font-weight-bold);background:linear-gradient(145deg,rgba(93,140,255,.24),var(--bg-overlay-deep));border:1px solid rgba(122,165,255,.28)}.chat-list-avatar,.chat-list-avatar-text{width:100%;height:100%;border-radius:var(--radius-xs);overflow:hidden;display:grid;place-items:center;background:var(--bg-overlay-deep);color:var(--text-primary);font-weight:var(--font-weight-bold);letter-spacing:.04em}.chat-list-avatar img,.chat-list-icon img,.chat-header-avatar img,.profile-avatar img,.profile-bar-avatar img,.profile-modal-avatar-img img,.member-avatar img,.member-profile-avatar img,.user-search-avatar img,.party-chip-avatar img,.call-participant-avatar img,.call-remote-avatar img,.call-local-avatar img,.call-audio-avatar img{width:100%;height:100%;object-fit:cover;display:block}.chat-list-icon span,.chat-header-avatar span,.profile-avatar span,.profile-bar-avatar span,.profile-modal-avatar-img span,.member-avatar span,.member-profile-avatar span,.user-search-avatar span,.party-chip-avatar span,.call-participant-avatar span,.call-remote-avatar span,.call-local-avatar span,.call-audio-avatar span{width:100%;height:100%;display:grid;place-items:center}.chat-list-live-dot{position:absolute;right:-3px;top:-3px;width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--bg-layer-1);background:var(--signal-green);box-shadow:var(--glow-online-friend)}.chat-list-copy{min-width:0;display:grid;gap:2px;align-content:center;flex:1 1 auto}.chat-list-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:1.25;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.chat-list-meta{opacity:1;font-size:var(--text-meta-size);line-height:var(--line-height-relaxed);color:var(--text-meta-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-pill{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--stroke-muted);background:var(--bg-pill-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.presence-online{color:var(--ok-text);border-color:var(--ok-stroke);background:var(--ok-bg)}.presence-away{color:var(--warn-text);border-color:var(--warn-stroke);background:var(--warn-bg)}.presence-in-call{color:var(--text-info);border-color:var(--stroke-accent);background:var(--bg-pill)}.presence-reconnecting{color:var(--danger-text);border-color:var(--danger-stroke);background:var(--danger-bg)}.party-live-banner{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid rgba(122,165,255,.28);background:linear-gradient(135deg,#5d8cff24,#42e59a14),var(--bg-layer-1);box-shadow:var(--shadow-inset-soft)}.party-live-banner strong{display:block;font-size:var(--font-size-sm)}.party-live-banner span{display:block;font-size:var(--font-size-xs);color:var(--text-meta-color)}.party-live-banner button{width:auto;min-height:36px;padding:6px 12px}.party-chips{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.party-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-full);border:1px solid var(--stroke-muted);background:var(--bg-overlay-soft);font-size:var(--font-size-xs);color:var(--text-secondary)}.party-chip.online{border-color:#42e59a80;color:var(--ok-text);background:#42e59a1f}.party-chip.away{border-color:#f5c47480;color:var(--warn-text);background:#f5c4741f}.party-chip.overflow{font-weight:var(--font-weight-bold);color:var(--text-info);border-color:var(--stroke-accent);background:var(--bg-pill)}.party-chip-avatar{width:22px;height:22px;border-radius:9px;overflow:hidden;background:var(--bg-avatar);border:1px solid rgba(122,165,255,.35)}.sidebar-subtitle{margin:0;font-size:var(--heading-section);font-weight:var(--font-weight-semibold);line-height:1.28;opacity:1;color:var(--text-primary)}.e2ee-box{display:grid;gap:var(--space-1)}.e2ee-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1)}.e2ee-actions button.ghost{margin-top:0}.e2ee-hint{margin:0;font-size:.8rem;line-height:var(--line-height-relaxed);color:var(--text-info)}.members-list{margin-top:var(--space-1);display:grid;gap:clamp(7px,.9vw,10px)}.member-entry{display:grid;gap:6px}.member-row{--member-bg: var(--bg-layer-1);--member-border: transparent;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:var(--member-card-py) var(--member-card-px);min-height:48px;border-radius:var(--radius-md);background:var(--member-bg);border:1px solid var(--member-border);transition:var(--transition-surface)}.member-row[role=button]{cursor:pointer}.member-row[role=button]:active{--member-border: var(--stroke-card-active);--member-bg: var(--bg-card-active)}.member-row[role=button]:focus-visible{outline:none;--member-border: var(--focus-border);box-shadow:var(--focus-ring-strong)}.member-row.active{--member-border: var(--stroke-accent-mid);--member-bg: var(--bg-card-selected);box-shadow:var(--shadow-soft)}.member-name-wrap{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.member-avatar{width:34px;height:34px;border-radius:12px;overflow:hidden;border:1px solid rgba(122,165,255,.22);background:var(--bg-avatar);flex:0 0 auto}.member-name{display:grid;gap:2px;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1.3;color:var(--text-primary);white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%;min-width:0}.member-username{display:block;max-width:100%;overflow-wrap:anywhere}.member-role{display:inline-block;opacity:1;color:var(--text-meta-color);font-size:var(--text-meta-size);overflow-wrap:anywhere}.member-meta-row{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:100%}.member-presence-dot{width:7px;height:7px;border-radius:999px;flex:0 0 auto}.member-presence-dot.online{background:var(--online);box-shadow:0 0 0 1px var(--stroke-online-dot)}.member-presence-dot.offline{background:#a4b2ccb8}.member-presence-label{font-size:var(--text-meta-size);letter-spacing:.01em}.member-presence-label.online{color:var(--ok-text)}.member-presence-label.offline{color:var(--text-meta-color)}.member-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.member-remove{width:auto;padding:clamp(7px,.8vw,8px) clamp(9px,1.1vw,11px);border-radius:var(--radius-sm);font-size:.85rem}.member-profile-card{margin-top:var(--space-1);display:grid;gap:10px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--stroke-soft-strong);background:var(--bg-layer-2)}.member-profile-card-inline{margin-top:0}.participants-overlay{position:absolute;inset:0;z-index:18;display:flex;justify-content:center;align-items:flex-start;padding:clamp(12px,2vw,20px);background:#03071075;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.participants-modal{width:min(820px,100%);max-height:min(72vh,820px);overflow:auto;display:grid;gap:12px;padding:clamp(12px,1.6vw,16px);border-radius:var(--radius-lg);border:1px solid var(--stroke-soft-strong);background:#080e1cf0;box-shadow:var(--shadow-xl)}.participants-modal-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.participants-add-form{margin:0}.participants-members-list{margin-top:0}.member-profile-head{display:flex;align-items:center;gap:10px}.member-profile-avatar{width:42px;height:42px;border-radius:13px;overflow:hidden;border:1px solid rgba(122,165,255,.3);background:var(--bg-avatar);flex:0 0 auto}.member-profile-copy{min-width:0;display:grid;gap:2px}.member-profile-copy strong{font-size:.9rem;color:var(--text-primary)}.member-profile-copy span{font-size:var(--text-meta-size);color:var(--text-meta-color)}.member-profile-bio{margin:0;color:var(--text-info);font-size:.82rem;line-height:var(--line-height-relaxed)}.member-profile-actions{display:flex;justify-content:flex-start}.chat-window{display:grid;grid-template-rows:auto 1fr auto auto;position:relative;min-height:100vh;min-height:var(--app-vh);height:var(--app-vh);min-width:0;overflow:hidden;max-width:100%;overscroll-behavior:none;background:linear-gradient(180deg,#070c1947,#0507111f)}.chat-header{padding-top:calc(var(--space-2) + env(safe-area-inset-top));padding-right:calc(var(--space-3) + env(safe-area-inset-right));padding-bottom:var(--space-2);padding-left:calc(var(--space-3) + env(safe-area-inset-left));border-bottom:1px solid var(--stroke-soft);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-1);background:radial-gradient(circle at 8% 0%,rgba(93,140,255,.1),transparent 22rem),var(--bg-overlay-soft);min-width:0}.chat-header-main{display:flex;align-items:flex-start;gap:var(--space-1);min-width:0}.mobile-chats-toggle{width:auto;padding:clamp(8px,.9vw,9px) clamp(10px,1.2vw,12px);white-space:nowrap;flex:0 0 auto;border-color:#7aa5ff5c}.chat-header-avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-md);display:grid;place-items:center;font-weight:var(--font-weight-bold);background:var(--bg-avatar);border:1px solid var(--stroke-soft-strong);flex:0 0 auto;overflow:hidden}.chat-header-copy{min-width:0;display:grid;gap:7px}.chat-header-title-row{display:flex;align-items:center;gap:8px}.chat-header-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.12}.chat-online-dot{width:8px;height:8px;border-radius:var(--radius-full);border:1px solid var(--stroke-online-dot)}.chat-online-online{background:var(--online)}.chat-online-offline{background:var(--offline)}.chat-header-meta{display:block;opacity:1;font-size:var(--text-meta-size);line-height:var(--line-height-relaxed);letter-spacing:.01em;color:var(--text-meta-color)}.chat-status-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:1px}.status-pill{font-size:var(--status-pill-fs);font-weight:var(--font-weight-medium);padding:var(--status-pill-py) var(--status-pill-px);line-height:var(--line-height-tight);border-radius:var(--radius-full);border:1px solid var(--stroke-soft);color:var(--text-meta-strong-color);background:var(--bg-pill-muted);letter-spacing:.015em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-quality-pill.quality-poor{color:var(--danger-text);border-color:var(--danger-stroke);background:var(--danger-bg);box-shadow:var(--glow-poor-connection)}.call-quality-pill.quality-good{color:var(--text-active);border-color:var(--stroke-accent);background:var(--bg-active-soft)}.call-quality-pill.quality-excellent{color:#d2ffe9;border-color:#31c282e6;background:#1668497a;box-shadow:var(--glow-online-friend)}.call-quality-pill.quality-unknown{opacity:.86}.chat-header-actions{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end;min-width:0;max-width:100%}.chat-header-actions button{width:auto;max-width:100%;flex:0 0 auto;padding:clamp(8px,.9vw,9px) clamp(10px,1.2vw,12px)}.chat-action-primary{--btn-bg: var(--btn-primary-bg);--btn-bg-hover: var(--btn-primary-bg-hover);--btn-border: var(--btn-primary-border);--btn-color: var(--btn-primary-color);--btn-shadow: var(--shadow-cta);--btn-shadow-hover: var(--shadow-cta-hover)}.chat-action-primary:focus-visible,.send-primary:focus-visible{outline:none;box-shadow:var(--shadow-cta),var(--focus-ring-strong)}.chat-action-secondary{--btn-bg: var(--btn-secondary-bg);--btn-bg-hover: var(--btn-secondary-bg-hover);--btn-border: var(--btn-secondary-border);--btn-color: var(--btn-secondary-color);--btn-shadow: none;--btn-shadow-hover: var(--shadow-soft)}.chat-action-more{min-width:44px;padding:clamp(8px,.9vw,9px) clamp(10px,1.2vw,12px);font-size:1.1rem;line-height:1}.chat-action-create{min-width:44px;min-height:44px;padding:8px;display:grid;place-items:center}.chat-action-create svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.chat-header-more{position:relative}.chat-header-menu{position:absolute;top:calc(100% + 8px);right:0;display:grid;gap:8px;min-width:140px;max-width:min(var(--menu-max-width),calc(100vw - 24px));padding:10px;border-radius:var(--radius-md);border:1px solid var(--stroke-soft-strong);background:var(--bg-overlay-strong);box-shadow:var(--shadow-soft);z-index:12}.chat-header-menu button{width:100%;text-align:left}.chat-header-menu button:focus-visible{outline:none;border-color:var(--focus-border);box-shadow:var(--focus-ring-strong)}.call-panel{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--stroke-soft);background:var(--bg-overlay-soft)}.call-panel.call-phase-active{animation:partyJoin .45s var(--easing-party) both}@keyframes partyJoin{0%{transform:translateY(6px) scale(.99);opacity:.92}to{transform:translateY(0) scale(1);opacity:1}}.call-panel-party{display:grid;gap:12px}.call-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.call-panel-head strong{display:block;font-size:1rem;color:var(--text-primary)}.call-panel-head span{font-size:.82rem;color:var(--text-meta-color)}.call-panel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;animation:controlRise .35s var(--easing-out) both}.call-participants-strip{display:flex;flex-wrap:wrap;gap:10px;padding:8px 10px;border-radius:var(--radius-lg);border:1px solid rgba(122,165,255,.18);background:#080e1ab3}.call-participant{display:flex;align-items:center;gap:8px;min-width:140px}.call-participant-avatar{width:34px;height:34px;border-radius:12px;overflow:hidden;border:1px solid rgba(122,165,255,.22);background:var(--bg-avatar);flex:0 0 auto}.call-participant-meta{display:grid;gap:2px}.call-participant-meta span{font-size:.85rem;color:var(--text-primary)}.call-participant-meta small{font-size:.72rem;color:var(--text-meta-color)}.call-participant-more{min-width:44px;height:34px;border-radius:999px;display:grid;place-items:center;background:#5d8cff2e;color:var(--text-info);font-weight:600}.call-settings-sheet{border-radius:var(--radius-lg);border:1px solid var(--stroke-soft-strong);background:#070c18eb;padding:12px;box-shadow:var(--shadow-soft)}.device-panel{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--stroke-soft);background:var(--bg-overlay-muted)}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1)}.device-field{display:grid;gap:6px;font-size:.85rem;color:var(--text-secondary)}.device-field select{width:100%;padding:clamp(10px,1vw,11px) clamp(10px,1.2vw,12px);border-radius:var(--radius-sm);border:1px solid var(--stroke-muted);background:var(--bg-overlay-deep);color:var(--text-inverse)}.device-actions{margin-top:var(--space-1);display:flex;gap:10px;flex-wrap:wrap}.device-actions button{width:auto;padding:9px 12px}.device-status{margin:8px 0 0;font-size:.82rem;color:var(--text-info)}.call-panel p{margin:0 0 8px;font-size:.9rem;color:var(--text-secondary)}.call-reconnect-banner{margin:0 0 10px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--warn-stroke);background:var(--warn-bg);color:var(--warn-text);font-size:.86rem;font-weight:600}.call-quality-indicator{margin:0 0 10px;font-size:.84rem;color:var(--text-info)}.call-quality-indicator strong{font-weight:700}.call-quality-indicator.quality-poor strong{color:var(--danger-text)}.call-quality-indicator.quality-good strong{color:var(--text-active)}.call-quality-indicator.quality-excellent strong{color:#a6f4cc}.call-panel-mobile-tools{display:flex;justify-content:flex-end;margin-bottom:8px;animation:controlRise .35s var(--easing-out) both}.call-panel-mobile-tools button{width:auto;padding:8px 12px}@keyframes controlRise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.call-stage{position:relative;border-radius:var(--radius-lg);border:1px solid var(--stroke-muted-soft);background:var(--bg-overlay-black-strong);min-height:clamp(200px,40vh,320px);overflow:hidden;contain:layout paint}.call-remote-wrap{position:relative;min-height:clamp(200px,40vh,320px)}.call-remote-placeholder{min-height:clamp(200px,40vh,320px);display:grid;place-items:center;padding:16px;text-align:center;color:var(--text-info);font-size:.9rem}.call-remote-placeholder span{display:block;margin-top:10px}.call-remote-avatar{width:clamp(88px,16vw,140px);height:clamp(88px,16vw,140px);border-radius:28px;overflow:hidden;border:1px solid rgba(122,165,255,.3);background:var(--bg-avatar);box-shadow:0 12px 28px #0000003d}.call-local-wrap{position:absolute;right:14px;bottom:14px;width:clamp(140px,28vw,280px);aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--stroke-muted-strong);box-shadow:var(--shadow-lifted);background:var(--bg-overlay-black-muted)}.call-video-fallback{position:absolute;inset:0;display:grid;place-items:center;gap:8px;background:#040812d1;color:var(--text-secondary);text-align:center}.call-local-avatar{width:clamp(60px,8vw,84px);height:clamp(60px,8vw,84px);border-radius:24px;overflow:hidden;border:1px solid rgba(122,165,255,.3);background:var(--bg-avatar)}.call-stage.no-remote .call-local-wrap{position:relative;right:auto;bottom:auto;width:100%;min-width:0;border-radius:var(--radius-none);border:none;box-shadow:none}.call-stage.no-remote .call-remote-wrap{position:absolute;right:14px;top:14px;width:clamp(110px,26vw,220px);min-height:clamp(96px,18vh,140px);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--stroke-soft-strong);background:var(--bg-overlay-deep);z-index:2}.call-stage.no-remote .call-remote-placeholder{min-height:clamp(96px,18vh,140px);padding:10px;font-size:.8rem}.call-label{position:absolute;left:8px;top:8px;font-size:.72rem;padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--stroke-muted-pill);background:var(--bg-overlay-deep);color:var(--text-soft)}.call-audio-state{min-height:clamp(120px,24vh,180px);display:grid;place-items:center;text-align:center;gap:10px;border-radius:var(--radius-lg);border:1px solid var(--stroke-muted-soft);background:var(--bg-overlay-black-strong);color:var(--text-secondary);padding:20px 16px}.call-audio-state span{font-size:.85rem;opacity:.85}.call-audio-timer{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:var(--radius-full);border:1px solid var(--stroke-muted-pill);background:var(--bg-pill-muted);color:var(--text-secondary);font-weight:600;letter-spacing:.02em}.call-audio-avatars{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:4px}.call-audio-avatar-card{display:grid;justify-items:center;gap:8px;min-width:92px}.call-audio-avatar-card span{font-size:.8rem;color:var(--text-secondary)}.call-audio-avatar{width:clamp(72px,9vw,94px);height:clamp(72px,9vw,94px);border-radius:26px;overflow:hidden;border:1px solid rgba(122,165,255,.24);background:linear-gradient(145deg,#5d8cff33,#0a101ee6);box-shadow:0 12px 28px #00000038}.call-audio-player{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.call-history-panel{padding:10px 14px;border-bottom:1px solid var(--stroke-soft);background:var(--bg-overlay-deep)}.modal-backdrop{position:fixed;inset:0;background:#050a14b8;display:flex;align-items:center;justify-content:center;z-index:80;padding:16px}.modal-card{width:min(520px,94vw);border-radius:var(--radius-xl);border:1px solid var(--stroke-soft-strong);background:var(--bg-panel);box-shadow:0 30px 60px #00000073;color:var(--text-primary)}.profile-modal{display:grid;gap:16px;padding:18px}.create-chat-modal{display:grid;gap:16px;padding:18px;width:min(520px,94vw)}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-close-icon{width:32px;height:32px;min-height:32px;border-radius:999px;border:1px solid var(--stroke-muted);background:var(--bg-pill);color:var(--text-secondary);display:grid;place-items:center;font-size:1.1rem;line-height:1;padding:0;transition:var(--transition-surface)}.modal-close-icon:hover{border-color:var(--stroke-accent);color:var(--text-primary)}.modal-close-icon:focus-visible{outline:none;border-color:var(--focus-border);box-shadow:var(--focus-ring-strong)}.profile-modal-header strong{font-size:1.05rem}.profile-modal-header span{display:block;font-size:.82rem;color:var(--text-muted)}.profile-modal-body{display:grid;gap:24px}.profile-modal-avatar{display:grid;gap:10px;justify-items:start}.profile-modal-avatar-img{width:84px;height:84px;border-radius:22px;border:1px solid rgba(117,160,255,.45);overflow:hidden;background:var(--bg-avatar)}.profile-modal-field{display:grid;gap:8px;font-size:.85rem;color:var(--text-secondary)}.profile-modal-field textarea{min-height:110px;resize:vertical;border-radius:var(--radius-lg);border:1px solid var(--stroke-muted);background:var(--bg-composer-input);color:var(--text-primary);padding:10px 12px}.profile-modal-field input{min-height:44px;border-radius:var(--radius-lg);border:1px solid var(--stroke-muted);background:var(--bg-composer-input);color:var(--text-primary);padding:10px 12px}.profile-modal-counter{font-size:.75rem;color:var(--text-muted);text-align:right}.profile-modal-actions{display:flex;justify-content:flex-end;gap:10px}.call-history-panel-dm{max-height:34vh;min-height:clamp(96px,18vh,140px);display:grid;grid-template-rows:auto 1fr;overflow:hidden}.call-history-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.call-history-header button{width:auto;padding:6px 10px}.call-history-list{margin-top:8px;display:grid;gap:8px}.call-history-panel-dm .call-history-list{min-height:0;overflow-y:auto;padding-right:2px}.call-history-item{border:1px solid var(--stroke-muted-deep);border-radius:var(--radius-xs);padding:8px 10px;background:var(--bg-layer-1)}.call-history-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.call-history-meta{margin-top:6px;display:flex;flex-wrap:wrap;gap:10px;font-size:var(--text-meta-size);color:var(--text-meta-color)}.call-history-empty{margin:8px 0 0;font-size:var(--text-meta-size);color:var(--text-meta-color)}.call-status{font-size:var(--font-size-sm);padding:3px 7px;border-radius:var(--radius-full);border:1px solid var(--stroke-soft-strong);background:var(--bg-pill);color:var(--text-meta-strong-color);letter-spacing:.015em}.call-status-ringing{color:var(--warn-text);border-color:var(--warn-stroke);background:var(--warn-bg)}.call-status-active{color:var(--text-active);border-color:var(--stroke-accent);background:var(--bg-active-soft);box-shadow:var(--glow-live-call)}.call-status-ended{color:var(--text-muted)}.call-status-rejected{color:var(--danger-text);border-color:var(--danger-stroke);background:var(--danger-bg)}.call-video{width:100%;border-radius:var(--radius-none);border:none;background:var(--bg-overlay-black-muted);min-height:100%;max-height:none;object-fit:cover;contain:layout paint style;backface-visibility:hidden;transform:translateZ(0)}.call-video.remote{aspect-ratio:16 / 9;min-height:clamp(200px,40vh,320px);object-fit:contain;background:#000}.call-video.local{aspect-ratio:auto;height:100%;min-height:100%;object-fit:contain;object-position:center center;background:#000}@media(hover:hover)and (pointer:fine){.call-local-wrap{aspect-ratio:16 / 9!important}.call-video.local{object-fit:contain}}@media(max-width:768px)and (orientation:portrait){.layout.call-fullscreen .call-panel{padding:0;padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}.layout.call-fullscreen .call-stage{min-height:var(--app-vh);height:var(--app-vh)}.layout.call-fullscreen .call-stage.with-remote .call-local-wrap{right:10px;bottom:calc(env(safe-area-inset-bottom) + 92px);width:clamp(98px,30vw,144px)}.layout.call-fullscreen .call-fullscreen-controls{top:auto;right:auto;left:50%;bottom:calc(env(safe-area-inset-bottom) + 10px);transform:translate(-50%);width:min(520px,calc(100vw - 20px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;padding:10px;border:1px solid var(--stroke-soft-strong);border-radius:var(--radius-lg);background:#070c18e6;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.layout.call-fullscreen .call-fullscreen-controls button{width:100%;min-height:46px;padding:10px 12px}.call-panel{padding:var(--space-1)}.call-stage,.call-remote-wrap,.call-video.remote,.call-remote-placeholder{min-height:clamp(220px,46vh,420px)}.call-local-wrap{right:10px;bottom:10px;width:clamp(108px,34vw,168px)}.call-stage.no-remote .call-remote-wrap{right:10px;top:10px;width:clamp(94px,32vw,146px);min-height:clamp(84px,16vh,124px)}.call-stage.no-remote .call-remote-placeholder{min-height:clamp(84px,16vh,124px)}.call-audio-state{min-height:clamp(124px,28vh,210px);padding:12px}}@media(max-width:1024px)and (max-height:520px)and (orientation:landscape){.layout.call-fullscreen .call-panel{padding:0;padding-bottom:calc(env(safe-area-inset-bottom) + 6px)}.layout.call-fullscreen .call-stage.with-remote .call-local-wrap{right:8px;bottom:calc(env(safe-area-inset-bottom) + 66px);width:clamp(84px,22vw,122px)}.layout.call-fullscreen .call-fullscreen-controls{top:auto;right:auto;left:50%;bottom:calc(env(safe-area-inset-bottom) + 6px);transform:translate(-50%);width:min(560px,calc(100vw - 16px));display:flex;justify-content:center;padding:8px;border:1px solid var(--stroke-soft-strong);border-radius:var(--radius-md);background:#070c18e0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.layout.call-fullscreen .call-fullscreen-controls button{min-height:42px;padding:8px 11px}.call-panel{padding:8px 10px}.call-stage,.call-remote-wrap,.call-video.remote,.call-remote-placeholder{min-height:clamp(150px,70vh,250px)}.call-local-wrap{right:8px;bottom:8px;width:clamp(92px,22vw,142px)}.call-stage.no-remote .call-remote-wrap{right:8px;top:8px;width:clamp(86px,20vw,128px);min-height:clamp(70px,24vh,100px)}.call-stage.no-remote .call-remote-placeholder{min-height:clamp(70px,24vh,100px);padding:8px;font-size:.74rem}.call-audio-state{min-height:clamp(92px,42vh,150px);padding:10px}}@media(hover:none)and (pointer:coarse){.call-local-wrap{aspect-ratio:9 / 16!important}.call-video.local{height:100%;min-height:100%;object-fit:cover;object-position:center center}.layout.call-fullscreen .call-fullscreen-controls{top:auto;right:auto;left:50%;bottom:calc(env(safe-area-inset-bottom) + 4px);transform:translate(-50%);width:min(420px,calc(100vw - 12px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-content:stretch;gap:4px;padding:4px;border:1px solid var(--stroke-soft-strong);border-radius:12px;background:#070c18cc;box-shadow:var(--shadow-soft);backdrop-filter:none;-webkit-backdrop-filter:none}.layout.call-fullscreen .call-fullscreen-controls button{width:100%;min-height:30px;padding:4px 6px;font-size:.8rem;line-height:1.1;white-space:nowrap;border-radius:10px}}.messages{padding:var(--space-2);padding-bottom:calc(var(--space-2) + var(--composer-height) + env(safe-area-inset-bottom) + var(--keyboard-offset));overflow-y:auto;overflow-x:hidden;min-height:0;display:grid;gap:14px;min-width:0;scroll-padding-bottom:calc(var(--composer-height) + env(safe-area-inset-bottom) + var(--keyboard-offset) + 12px);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;overflow-anchor:auto}.messages-virtual{position:relative;min-height:1px;width:100%;max-width:var(--chat-content-max-width);justify-self:center;contain:layout paint}.messages-virtual-row{position:absolute;left:0;right:0;top:0;min-width:0;contain:layout paint;padding-bottom:28px;box-sizing:border-box;will-change:transform}.load-more{width:auto;margin:0 auto 12px;display:block;padding:8px 12px}.messages-empty{margin:20px auto;max-width:min(460px,100%);text-align:center;padding:18px 16px;border-radius:var(--radius-lg);border:1px solid rgba(122,165,255,.28);background:radial-gradient(circle at 50% 0%,rgba(93,140,255,.12),transparent 16rem),var(--bg-layer-1);box-shadow:var(--shadow-soft)}.messages-empty strong{display:block}.messages-empty span{display:block;margin-top:4px;font-size:var(--text-meta-size);color:var(--text-meta-color);opacity:1}.messages-skeleton{display:grid;gap:var(--space-1);min-height:clamp(320px,54vh,560px);align-content:start}.messages-skeleton-row{display:flex}.messages-skeleton-row.own{justify-content:flex-end}.messages-skeleton-row.incoming{justify-content:flex-start}.messages-skeleton-row.system{justify-content:center}.messages-skeleton-bubble{width:min(100%,760px);max-width:min(var(--chat-bubble-max-width),760px);min-height:clamp(66px,9vh,90px);border-radius:var(--radius-md);border:1px solid var(--stroke-soft);background:linear-gradient(90deg,#8197bd1f,#8197bd33,#8197bd1f);background-size:220% 100%;animation:skeletonPulse 1.35s ease-in-out infinite}@keyframes skeletonPulse{0%{background-position:100% 0}to{background-position:-100% 0}}.sidebar-empty{display:grid;gap:4px;margin-top:10px;padding:14px 12px;border:1px dashed rgba(122,165,255,.32);border-radius:var(--radius-lg);background:#5d8cff14;color:var(--text-info)}.sidebar-empty strong{color:var(--text-secondary);font-size:var(--font-size-md)}.sidebar-empty span{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.message-day-divider{display:flex;justify-content:center;margin:4px 0}.message-day-divider span{font-size:var(--font-size-xs);color:var(--text-subtle-soft);border:1px solid rgba(122,165,255,.18);border-radius:var(--radius-full);padding:3px 10px;background:#0a101e94;box-shadow:inset 0 1px #ffffff0a;opacity:.86}.message-row{display:flex}.message-row.incoming{justify-content:flex-start}.message-row.own{justify-content:flex-end}.message-row.system{justify-content:center}.message{width:min(100%,760px);max-width:100%;padding:clamp(9px,1vw,12px) clamp(11px,1.2vw,14px);border-radius:18px;background:var(--bg-layer-2);border:1px solid transparent;color:var(--text-message-primary);transition:var(--transition-surface);box-shadow:var(--shadow-inset-soft)}.message:focus-within{border-color:var(--focus-border);box-shadow:var(--focus-ring-strong)}.message:active{background:var(--bg-message-active)}.message-own{max-width:min(var(--chat-bubble-max-width),760px);border-bottom-right-radius:8px;background:linear-gradient(135deg,#5d8cff33,#5d8cff14),var(--bg-message-own);border-color:var(--stroke-message-own)}.message-incoming{max-width:min(var(--chat-bubble-max-width),760px);border-bottom-left-radius:8px;background:var(--bg-message-incoming);border-color:var(--stroke-message-incoming)}.message-system{max-width:min(54%,560px);background:#0e16269e;border-color:#7aa5ff2e;text-align:left;color:var(--text-secondary);box-shadow:none}.message-call-event{max-width:min(50%,500px);text-align:center;background:#5d8cff17;border-color:#7aa5ff33}.message-call-event .meta{justify-content:center;gap:8px}.message-call-event p{margin-top:3px;font-size:var(--text-meta-size);color:var(--text-meta-color)}.message-system-tag{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle-soft);margin-bottom:2px;opacity:.72}.message-editing-target{border-color:var(--stroke-message-editing);box-shadow:0 0 0 1px var(--stroke-message-editing-ring);background:var(--bg-message-editing)}.message-actions-open{border-color:#7aa5ff57;box-shadow:0 0 0 1px #7aa5ff2e,var(--shadow-inset-soft)}.message .meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:var(--text-meta-size);opacity:1;color:var(--text-message-meta)}.message-actions-toggle{display:none;width:auto;margin-left:auto;min-width:44px;min-height:44px;padding:6px 10px;line-height:1;font-size:1rem;flex:0 0 auto}.message-actions-toggle.visible{display:inline-flex;align-items:center;justify-content:center}.message .meta strong{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-meta-strong-color);max-width:min(220px,52vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message .meta time,.message-time{font-size:var(--font-size-xs);color:var(--text-muted-strong);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;margin-left:auto}.message-edited{color:var(--text-subtle-soft);font-style:italic}.delivery{display:inline-flex;align-items:center;border:1px solid rgba(122,165,255,.2);border-radius:var(--radius-full);padding:1px 7px;font-size:.68rem;line-height:1.35;letter-spacing:.02em;background:#080c185c;opacity:.95}.delivery-sending{color:var(--text-delivery-sending);border-color:#ffbf6952;background:#ffbf691a}.delivery-sent{color:var(--text-delivery-sent);border-color:#33d69f47;background:#33d69f14}.delivery-failed{color:var(--text-delivery-failed);border-color:#ff5b775c;background:#ff5b771f}.message p{margin:6px 0 0;font-size:clamp(.92rem,.25vw + .88rem,1rem);white-space:pre-wrap;word-break:break-word;line-height:var(--line-height-message);color:var(--text-message-primary)}.message-encrypted-placeholder{color:var(--text-encrypted);font-style:italic}.message-photo{display:block;margin-top:0;inline-size:min(100%,var(--message-photo-max-inline));max-inline-size:100%;max-block-size:var(--message-photo-max-block);min-block-size:clamp(140px,24vh,220px);aspect-ratio:4 / 3;block-size:auto;border-radius:14px;border:1px solid var(--stroke-muted);background:var(--bg-overlay-black-soft);object-fit:contain;content-visibility:auto;contain-intrinsic-size:220px}.message-video{display:block;margin-top:0;inline-size:min(100%,var(--message-video-max-inline));max-inline-size:100%;max-block-size:var(--message-video-max-block);min-block-size:clamp(140px,24vw,190px);aspect-ratio:16 / 9;border-radius:14px;border:1px solid var(--stroke-muted);background:var(--bg-overlay-black-soft);object-fit:contain;content-visibility:auto;contain-intrinsic-size:200px}.message-audio{display:block;margin-top:0;inline-size:min(100%,var(--message-audio-max-inline));max-inline-size:100%;min-block-size:54px;border-radius:var(--radius-sm);background:var(--bg-overlay-black-soft);content-visibility:auto;contain-intrinsic-size:56px}.message-media-card{display:grid;gap:7px;margin-top:9px;padding:7px;border:1px solid rgba(122,165,255,.2);border-radius:18px;background:linear-gradient(135deg,#5d8cff1f,#33d69f0a),#04081294;box-shadow:inset 0 1px #ffffff0d;backdrop-filter:none;-webkit-backdrop-filter:none}.message-media-label{display:inline-flex;justify-self:start;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--radius-full);background:#5d8cff24;color:var(--text-info);font-size:.68rem;font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.message-actions{display:none;margin-top:10px;gap:10px;opacity:0;pointer-events:none;transition:var(--transition-fade)}.message-actions.open{display:flex;opacity:1;pointer-events:auto}.message-edit{margin-top:6px}.message-edit textarea{min-height:42px;max-height:120px;resize:vertical;line-height:var(--line-height-relaxed)}.typing{min-height:26px;padding:0 var(--space-2);font-size:var(--text-meta-size);color:var(--text-meta-color)}.composer-mode{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 var(--space-2) 8px;padding:8px 10px;border:1px solid rgba(122,165,255,.24);border-radius:var(--radius-lg);background:linear-gradient(135deg,#5d8cff1f,#33d69f0a),#080f1ed1;font-size:var(--text-meta-size);color:var(--text-secondary);box-shadow:inset 0 1px #ffffff0a}.composer-mode span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-reply-preview{min-width:0;display:grid;gap:3px}.composer-reply-user{color:var(--text-info);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-reply-text{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.35;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.composer-mode strong{color:var(--text-info)}.composer-mode-uploading strong{color:var(--text-warning)}.composer-mode-cancel{width:auto;flex:0 0 auto;min-width:0;min-height:34px;padding:6px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs)}.send-form{display:grid;grid-template-columns:1fr auto auto auto auto;align-items:end;gap:var(--space-1);padding-top:var(--space-1);padding-right:calc(var(--space-2) + env(safe-area-inset-right));padding-bottom:calc(var(--space-1) + env(safe-area-inset-bottom));padding-left:calc(var(--space-2) + env(safe-area-inset-left));border-top:1px solid var(--stroke-soft);background:var(--bg-composer);position:sticky;bottom:0;z-index:5;min-width:0;max-width:100%;transform:translateZ(0);overscroll-behavior:none;-webkit-overflow-scrolling:touch}.send-form.composer-focused{border-color:#7aa5ff75;box-shadow:0 -12px 32px #5d8cff1a}.send-form:before{content:"Drop clip to send";position:absolute;inset:8px;display:grid;place-items:center;border:1px dashed rgba(122,165,255,0);border-radius:var(--radius-lg);background:#05091200;color:transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;transition:var(--transition-surface);z-index:0}.send-form>*{position:relative;z-index:1}.send-form.composer-drop-active{border-color:#7aa5ffb8;box-shadow:0 -18px 44px #5d8cff29}.send-form.composer-drop-active:before{border-color:#7aa5ffb8;background:#080f1ed6;color:var(--text-info)}.composer-input{min-width:0;min-height:50px;max-height:140px;resize:vertical;line-height:1.4;padding:clamp(12px,1.5vw,15px) clamp(13px,1.8vw,18px);border-radius:var(--radius-lg);background:var(--bg-composer-input);border:1px solid var(--stroke-soft);transition:var(--transition-surface)}.composer-input::placeholder{color:var(--text-placeholder)}.composer-input:focus{box-shadow:var(--focus-ring)}.composer-input:focus-visible{box-shadow:var(--focus-ring-strong)}.send-form button.ghost{margin-top:0}.composer-quick{display:flex;gap:8px}.quick-icon{width:auto;min-width:44px;min-height:44px;padding:clamp(9px,1vw,10px) clamp(10px,1.2vw,12px);border-radius:var(--radius-sm);white-space:nowrap}.composer-actions{position:relative;min-width:0}.composer-actions>button,.send-primary{width:auto;min-width:var(--composer-min-btn)}.composer-attach{padding:clamp(9px,1vw,10px) clamp(12px,1.6vw,15px);font-size:1.2rem;line-height:1}.send-primary{--btn-bg: var(--btn-primary-bg);--btn-bg-hover: var(--btn-primary-bg-hover);--btn-border: var(--btn-primary-border);--btn-color: var(--btn-primary-color);--btn-shadow: var(--shadow-cta);--btn-shadow-hover: var(--shadow-cta-hover);min-width:var(--send-primary-min);display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:clamp(9px,1vw,10px) clamp(11px,1.8vw,16px);font-weight:var(--font-weight-bold)}.send-primary:disabled{--btn-bg: rgba(42, 58, 86, .72);--btn-bg-hover: rgba(42, 58, 86, .72);--btn-border: rgba(122, 165, 255, .16);--btn-shadow: none;--btn-shadow-hover: none;opacity:.74}.send-form.composer-typing .send-primary,.send-form.composer-replying .send-primary,.send-form.composer-editing .send-primary{box-shadow:0 0 0 1px #7aa5ff42,0 12px 28px #5d8cff47}.send-label{line-height:1}.send-icon{width:14px;height:14px}.composer-menu{position:absolute;right:0;bottom:calc(100% + 8px);display:grid;gap:8px;width:min(var(--menu-max-width),calc(100vw - 24px));max-width:calc(100vw - 24px);padding:10px;border-radius:var(--radius-md);border:1px solid var(--stroke-soft-strong);background:var(--bg-overlay-strong);box-shadow:var(--shadow-soft);z-index:20}.composer-menu button{--btn-bg: var(--btn-secondary-bg);--btn-bg-hover: var(--btn-secondary-bg-hover);--btn-border: var(--btn-secondary-border);--btn-color: var(--btn-secondary-color);--btn-shadow: none;--btn-shadow-hover: var(--shadow-soft);width:100%;padding:clamp(8px,.9vw,9px) clamp(10px,1.2vw,12px);text-align:left;border-radius:var(--radius-sm)}.composer-menu button:focus-visible{outline:none;border-color:var(--focus-border);box-shadow:var(--focus-ring-strong)}.toast-container{position:fixed;top:12px;right:16px;width:min(320px,calc(100vw - 24px));display:grid;gap:8px;z-index:2000;pointer-events:none;max-height:min(58vh,420px);overflow-y:auto;padding-right:2px}.toast{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--stroke-soft-strong);background:var(--bg-overlay-strong);box-shadow:var(--shadow-soft-sm);animation:toast-in var(--duration-fast) var(--easing-out);pointer-events:auto}.toast span{min-width:0;font-size:var(--text-meta-size);line-height:1.35;color:var(--text-meta-strong-color);overflow:hidden;text-overflow:ellipsis}.toast-error{border-color:var(--danger-stroke);background:var(--bg-toast-error);color:var(--danger-text)}.toast-info{border-color:var(--stroke-accent);background:#0c1425eb}.toast-close{--btn-bg: var(--btn-ghost-bg);--btn-bg-hover: var(--btn-ghost-bg-hover);--btn-border: var(--btn-ghost-border);--btn-color: var(--btn-ghost-color);--btn-shadow: none;--btn-shadow-hover: none;width:auto;min-width:44px;min-height:44px;padding:1px 5px;line-height:1;font-size:.95rem;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.toast-close:focus-visible{outline:none;border-color:var(--focus-border);box-shadow:var(--focus-ring-strong)}.error{color:var(--text-error-soft)}@keyframes toast-in{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.messages-skeleton-bubble,.toast,.chat-list-item.active,.call-panel.call-phase-active,.call-panel-actions,.call-panel-mobile-tools,.call-fullscreen-controls,.layout.motion-enter .sidebar,.layout.motion-enter .chat-window,.loading-skeleton-row,.loading-skeleton-bubble{animation:none!important}}@media(min-width:1280px){:root{--layout-sidebar-width: 300px;--auth-card-max-width: 500px;--chat-bubble-max-width: 70%}}@media(max-width:1280px){:root{--layout-sidebar-width: 270px;--chat-bubble-max-width: 78%}}@media(max-width:1024px){:root{--layout-sidebar-width: 250px;--chat-bubble-max-width: 82%}.chat-header-actions{flex-wrap:wrap}}@media(max-width:768px){:root{--space-1: 10px;--space-2: 14px;--space-3: 16px;--chat-bubble-max-width: 100%;--message-photo-max-inline: 420px;--message-photo-max-block: clamp(180px, 48vh, 360px);--message-video-max-inline: 460px;--message-video-max-block: clamp(170px, 44vh, 320px);--message-audio-max-inline: 100%}.layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.layout.mobile-layout{grid-template-columns:1fr;grid-template-rows:1fr}.layout.mobile-layout.mobile-pane-chats .sidebar{display:flex;border-bottom:none}.layout.mobile-layout.mobile-pane-chats .chat-window,.layout.mobile-layout.mobile-pane-chat .sidebar{display:none}.layout.mobile-layout.mobile-pane-chat .chat-window{display:grid}.sidebar{min-height:auto;max-height:none;border-right:none;border-bottom:1px solid var(--stroke-muted-subtle)}.toast-container{top:10px;right:10px;left:10px;width:auto}.send-form{grid-template-columns:1fr auto auto;position:fixed;left:0;right:0;bottom:var(--keyboard-offset);z-index:25;padding-bottom:calc(var(--space-1) + env(safe-area-inset-bottom))}.composer-actions{justify-self:start}.composer-menu{left:0;right:auto}.call-local-wrap{width:clamp(120px,42vw,200px)}.call-stage.no-remote .call-remote-wrap{width:clamp(110px,40vw,170px)}.device-grid{grid-template-columns:1fr}.message-own,.message-incoming{max-width:100%}.message-system{max-width:92%}.message .meta{align-items:center}.message-actions-toggle{display:inline-flex;align-items:center;justify-content:center}.message-actions{display:none;opacity:1;pointer-events:auto;margin-top:8px;gap:8px;flex-wrap:wrap}.message-actions.open{display:flex}.chat-header{align-items:stretch;flex-direction:column}.chat-header-actions{justify-content:flex-start;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}}@media(max-width:480px){:root{--space-1: 9px;--space-2: 12px;--space-3: 14px;--chat-card-py: 8px;--chat-card-px: 10px;--member-card-py: 8px;--member-card-px: 10px;--message-photo-max-inline: 100%;--message-photo-max-block: clamp(160px, 42vh, 300px);--message-video-max-inline: 100%;--message-video-max-block: clamp(150px, 40vh, 260px);--message-audio-max-inline: 100%}.auth-page{padding:14px}.auth-card{padding:18px}.chat-header-title{font-size:1.24rem}.chat-status-row{gap:5px}.status-pill{font-size:.72rem;padding:2px 8px}.send-form{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"input input send" "quick attach send";align-items:stretch;left:0;right:0;bottom:var(--keyboard-offset);gap:8px;padding-top:8px}.composer-quick{grid-area:quick;display:flex;gap:6px}.composer-input{grid-area:input;min-height:44px;max-height:108px;resize:none;padding:11px 12px}.composer-actions{grid-area:attach;justify-self:end}.composer-actions>button,.quick-icon{min-width:44px;min-height:44px;padding:8px 10px;font-size:.84rem}.send-primary{grid-area:send;min-width:80px;min-height:100%;padding:10px 12px}.send-icon{width:13px;height:13px}.composer-menu{width:min(220px,calc(100vw - 16px));max-width:calc(100vw - 16px)}.member-actions{width:100%;justify-content:stretch}.member-actions .member-remove,.device-actions button{width:100%}}@media(max-width:375px){:root{--space-1: 8px;--space-2: 10px;--space-3: 12px;--chat-card-py: 7px;--chat-card-px: 9px;--member-card-py: 7px;--member-card-px: 9px;--message-photo-max-block: clamp(140px, 38vh, 260px);--message-video-max-block: clamp(130px, 36vh, 230px)}.chat-header-actions button{padding:8px 10px}.message{padding:10px 11px}.toast-container{top:8px;right:8px;left:8px}}@media(max-width:320px){.auth-card{padding:14px}.chat-header-avatar{width:36px;height:36px}.chat-header-title{font-size:1.08rem}.send-primary{min-width:68px;padding:9px}.send-label{display:none}.composer-actions>button,.quick-icon{min-width:44px;min-height:44px;padding-right:8px;padding-left:8px}.chat-header-actions{gap:8px}.chat-header-menu,.composer-menu{max-width:calc(100vw - 12px)}}