:root,:root[data-theme=dark]{--color-app-bg: #0f1117;--color-panel: #13182a;--color-surface: #1a1f2e;--color-control: #1e2433;--color-control-strong: #263244;--color-border: #2d3748;--color-border-strong: #344155;--color-border-subtle: #1e2433;--color-text: #e2e8f0;--color-text-subtle: #94a3b8;--color-text-muted: #64748b;--color-text-faint: #4a5568;--color-disabled-text: #374151;--color-accent: #7c3aed;--color-accent-soft: #c4b5fd;--color-own-message-bg: #7c3aed;--color-own-message-text: #ffffff;--color-own-message-muted: rgba(255,255,255,.62);--color-own-message-faint: rgba(255,255,255,.45);--color-own-message-reply-bg: rgba(0,0,0,.2);--color-own-message-reply-stripe: #c4b5fd;--color-accent-panel: #1c1f35;--color-accent-border: #3b3f6b;--color-accent-text: #a5b4fc;--color-avatar-blue: #1e40af;--color-online: #17dc60;--color-success: #4ade80;--color-success-bg: #052e16;--color-success-border: #14532d;--color-success-text: #86efac;--color-danger-bg: #450a0a;--color-danger-border: #7f1d1d;--color-danger-strong: #991b1b;--color-danger-text: #f87171;--color-danger-soft-text: #fca5a5;--color-warning-text: #fde68a;--color-info-text: #7baaf6;--color-teal-bg: #0f766e;--color-teal-text: #99f6e4;--color-link: #60a5fa;--color-link-hover: #93c5fd;--color-notice-bg: #1a1a2e;--color-notice-border: #2d2d4e;--color-call-bg: #0b1020;--color-call-surface: #111827;--color-call-text: #f8fafc;--color-chat-wallpaper-tint: rgba(15,17,23,.48);--chat-wallpaper-blend: multiply;--color-message-peer: #1e2433;--color-message-placeholder: #0f1117;--color-menu-bg: #1e2433;--color-overlay: rgba(0,0,0,.7);--color-overlay-strong: rgba(0,0,0,.75);--shadow-elevated: 0 25px 50px rgba(0,0,0,.5);--shadow-menu: 0 8px 24px rgba(0,0,0,.4);--message-media-max-width: 424px;--message-upload-bubble-max-width: 480px}:root[data-theme=light]{--color-app-bg: #f4f7fb;--color-panel: #ffffff;--color-surface: #ffffff;--color-control: #eef2f7;--color-control-strong: #f1f5f9;--color-border: #d7dee8;--color-border-strong: #c6d0dd;--color-border-subtle: #e7ecf3;--color-text: #172033;--color-text-subtle: #526174;--color-text-muted: #6b788b;--color-text-faint: #99a5b5;--color-disabled-text: #a5adba;--color-accent: #6d28d9;--color-accent-soft: #6d28d9;--color-own-message-bg: #e7fecc;--color-own-message-text: #000000;--color-own-message-muted: rgba(0,0,0,.56);--color-own-message-faint: rgba(0,0,0,.42);--color-own-message-reply-bg: rgba(53,94,12,.1);--color-own-message-reply-stripe: #65a30d;--color-accent-panel: #eef2ff;--color-accent-border: #c7d2fe;--color-accent-text: #4338ca;--color-avatar-blue: #2563eb;--color-online: #16a34a;--color-success: #15803d;--color-success-bg: #dcfce7;--color-success-border: #bbf7d0;--color-success-text: #17ff6d;--color-danger-bg: #fee2e2;--color-danger-border: #fecaca;--color-danger-strong: #dc2626;--color-danger-text: #b91c1c;--color-danger-soft-text: #b91c1c;--color-warning-text: #a16207;--color-info-text: #2563eb;--color-teal-bg: #ccfbf1;--color-teal-text: #0f766e;--color-link: #2563eb;--color-link-hover: #1d4ed8;--color-notice-bg: #fff7ed;--color-notice-border: #fed7aa;--color-call-bg: #0f172a;--color-call-surface: #111827;--color-call-text: #f8fafc;--color-chat-wallpaper-tint: rgba(255,255,255,.12);--chat-wallpaper-blend: normal;--color-message-peer: #ffffff;--color-message-placeholder: #eef2f7;--color-menu-bg: #ffffff;--color-overlay: rgba(15,23,42,.35);--color-overlay-strong: rgba(15,23,42,.45);--shadow-elevated: 0 25px 50px rgba(15,23,42,.16);--shadow-menu: 0 8px 24px rgba(15,23,42,.14)}html,body,#root{min-height:100%;margin:0;background:var(--color-app-bg);color:var(--color-text)}*{box-sizing:border-box}@media (max-width: 767px){:root{--message-media-max-width: 320px;--message-upload-bubble-max-width: min(380px, calc(100vw - 32px) )}}.message-row{position:relative}.file-name-marquee{max-width:100%;min-width:0;overflow:hidden;white-space:nowrap}.file-name-marquee-static{display:block;overflow:hidden;text-overflow:ellipsis}.file-name-marquee-track{display:inline-flex;width:max-content;gap:40px;animation:file-name-marquee 18s linear infinite}.file-name-marquee-track span{flex:0 0 auto}@keyframes file-name-marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 20px))}}.message-row-deleting{pointer-events:none;overflow:hidden;isolation:isolate}.message-row-deleting:before,.message-row-deleting:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:5;pointer-events:none;background:var(--color-app-bg);image-rendering:pixelated}.message-row-deleting:before{background:linear-gradient(90deg,var(--color-app-bg) 50%,transparent 0),linear-gradient(var(--color-app-bg) 50%,transparent 0);background-size:18px 18px;background-position:0 0,9px 9px;clip-path:inset(100% 0 0 0);animation:message-pixel-diffuse 1s steps(12,end) forwards}.message-row-deleting:after{background:linear-gradient(90deg,transparent 50%,var(--color-app-bg) 0),linear-gradient(transparent 50%,var(--color-app-bg) 0);background-size:14px 14px;background-position:7px 0,0 7px;clip-path:inset(100% 0 0 0);animation:message-pixel-scatter 1s steps(10,end) forwards}@keyframes message-pixel-diffuse{0%{clip-path:inset(100% 0 0 0);background-size:28px 28px;background-position:0 0,14px 14px}18%{clip-path:inset(82% 0 0 0);background-size:24px 24px;background-position:8px -4px,20px 8px}38%{clip-path:inset(58% 0 0 0);background-size:18px 18px;background-position:-6px 10px,3px 19px}62%{clip-path:inset(31% 0 0 0);background-size:12px 12px;background-position:4px -8px,10px -2px}84%{clip-path:inset(9% 0 0 0);background-size:8px 8px;background-position:-3px 5px,1px 9px}to{clip-path:inset(0 0 0 0);background-size:6px 6px;background-position:0 0,3px 3px}}@keyframes message-pixel-scatter{0%{clip-path:inset(100% 0 0 0);transform:translate(0);background-size:32px 32px}25%{clip-path:inset(76% 0 0 0);transform:translate(3px,-2px);background-size:22px 22px}50%{clip-path:inset(46% 0 0 0);transform:translate(-4px,2px);background-size:14px 14px}75%{clip-path:inset(17% 0 0 0);transform:translate(2px,3px);background-size:9px 9px}to{clip-path:inset(0 0 0 0);transform:translate(0);background-size:5px 5px}}.app-components-attachment-picker-s-panel{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-elevated);min-width:230px;z-index:50}.app-components-attachment-picker-s-photo-row{display:flex;align-items:center;padding-right:12px}.app-components-attachment-picker-s-photo-item{flex:1;width:auto;min-width:0}.app-components-attachment-picker-s-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 16px;background:none;border:none;cursor:pointer;color:var(--color-text);transition:background .1s}.app-components-attachment-picker-s-item-disabled{opacity:.4;cursor:not-allowed}.app-components-attachment-picker-s-icon-el{font-size:20px;width:28px;text-align:center;flex-shrink:0}.app-components-attachment-picker-s-label-el{font-size:14px;font-weight:600;color:var(--color-text);line-height:1.4}.app-components-attachment-picker-s-sub-el{font-size:11px;color:var(--color-text-muted);margin-top:2px}.app-components-attachment-picker-s-quality-switch{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-call-surface);flex-shrink:0}.app-components-attachment-picker-s-quality-btn{min-width:34px;height:26px;padding:0 8px;border:none;border-radius:6px;background:transparent;color:var(--color-text-subtle);cursor:pointer;font-size:11px;font-weight:700;line-height:26px}.app-components-attachment-picker-s-quality-btn-active{background:var(--color-accent);color:#fff}.app-components-attachment-picker-inline-1{text-align:left;min-width:0}.app-components-attachment-picker-inline-2{text-align:left}.app-components-auth-layout-inline-1{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-app-bg)}.app-components-auth-layout-inline-2{background:var(--color-surface);border-radius:16px;padding:36px;width:360px;box-shadow:var(--shadow-elevated);position:relative}.app-components-auth-layout-inline-3{position:absolute;top:14px;right:14px}.app-components-auth-layout-inline-4{text-align:center;margin-bottom:24px}.app-components-auth-layout-inline-5{font-size:40px;margin-bottom:8px}.app-components-auth-layout-inline-6{font-size:22px;font-weight:700;color:var(--color-text)}.app-components-chat-area-s-header{padding:12px 18px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid var(--color-control);display:flex;align-items:center;gap:12px;background:var(--color-panel);flex-shrink:0}.app-components-chat-area-s-header-btn{background:none;border-width:1px;border-style:solid;border-top-color:var(--color-border);border-right-color:var(--color-border);border-bottom-color:var(--color-border);border-left-color:var(--color-border);border-radius:8px;color:var(--color-text-subtle);cursor:pointer;padding:5px 9px;font-size:16px}.app-components-chat-area-s-background-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:220px;padding:6px;border-radius:10px;background:var(--color-menu-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-menu)}.app-components-chat-area-s-background-option{width:100%;display:flex;align-items:center;gap:10px;padding:8px 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--color-text);cursor:pointer;text-align:left;font-size:13px;font-weight:600}.app-components-chat-area-s-background-option-active{background:var(--color-control);border-color:var(--color-border)}.app-components-chat-area-s-background-thumb{width:38px;height:38px;border-radius:7px;flex-shrink:0;border:1px solid var(--color-border);background-size:cover;background-position:center}.app-components-chat-area-s-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px}@media (max-width: 767px){.app-components-chat-area-s-messages{padding-left:12px;padding-right:12px}}.app-components-chat-area-s-timeline-notice{display:flex;justify-content:center;padding:6px 0}.app-components-chat-area-s-timeline-notice-pill{max-width:min(74%,420px);padding:6px 12px;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);box-shadow:var(--shadow-menu);font-size:12px;line-height:1.4;text-align:center}.app-components-chat-area-s-bubble{border-radius:16px;padding:8px 12px;max-width:100%}.app-components-chat-area-s-mine{background:var(--color-own-message-bg);color:var(--color-own-message-text);border-bottom-right-radius:4px}.app-components-chat-area-s-peer-left-banner{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:var(--color-notice-bg);border-top:1px solid var(--color-notice-border);color:var(--color-text-subtle);font-size:13px}.app-components-chat-area-s-peer-left-btn{flex-shrink:0;background:var(--color-danger-bg);color:var(--color-danger-text);border:none;border-radius:8px;padding:6px 14px;cursor:pointer;font-size:13px;font-weight:600}.app-components-chat-area-s-input-row{padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));display:flex;gap:8px;align-items:center;background:var(--color-panel);flex-shrink:0}.app-components-chat-area-s-input{flex:1;background:var(--color-control);border-width:1px;border-style:solid;border-color:var(--color-border);border-radius:20px;padding:10px 16px;color:var(--color-text);font-size:14px;outline:none;transition:border-color .15s}.app-components-chat-area-s-attach-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-text-muted);padding:0 2px;flex-shrink:0;transition:color .15s}.app-components-chat-area-s-send-btn{background:var(--color-accent);border:none;border-radius:50%;width:38px;height:38px;color:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s,background .15s}.app-components-chat-area-s-readonly-bar{padding:10px 18px;border-top:1px solid var(--color-control);background:var(--color-panel);color:var(--color-text-faint);font-size:13px;text-align:center}.app-components-chat-area-s-call-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#080d19f5;display:flex;align-items:center;justify-content:center;padding:24px}.app-components-chat-area-s-call-float-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none}.app-components-chat-area-s-call-modal{position:relative;width:min(760px,100%);min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--color-text);text-align:center}.app-components-chat-area-s-call-mini-modal{position:fixed;width:min(320px,calc(100vw - 32px));min-height:250px;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:18px 16px 16px;background:#0f172af5;border-width:1px;border-style:solid;border-top-color:#94a3b838;border-right-color:#94a3b838;border-bottom-color:#94a3b838;border-left-color:#94a3b838;border-radius:8px;box-shadow:0 18px 44px #00000075;color:var(--color-text);text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.app-components-chat-area-s-call-video-stage{position:relative;width:min(680px,100%);aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:var(--color-call-bg);border-width:1px;border-style:solid;border-top-color:#94a3b82e;border-right-color:#94a3b82e;border-bottom-color:#94a3b82e;border-left-color:#94a3b82e;display:flex;align-items:center;justify-content:center}.app-components-chat-area-s-call-mini-video-stage{width:100%;aspect-ratio:16 / 10}.app-components-chat-area-s-call-remote-video{width:100%;height:100%;object-fit:cover;background:var(--color-call-bg)}.app-components-chat-area-s-call-video-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-call-bg)}.app-components-chat-area-s-call-local-preview{position:absolute;right:12px;bottom:12px;width:min(176px,32%);aspect-ratio:16 / 10;border-radius:8px;overflow:hidden;background:var(--color-call-surface);border-width:1px;border-style:solid;border-top-color:#e2e8f052;border-right-color:#e2e8f052;border-bottom-color:#e2e8f052;border-left-color:#e2e8f052;box-shadow:var(--shadow-menu)}.app-components-chat-area-s-call-mini-local-preview{right:8px;bottom:8px;width:38%}.app-components-chat-area-s-call-local-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.app-components-chat-area-s-call-local-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:8px;color:var(--color-text-subtle);font-size:12px;font-weight:700;background:var(--color-call-surface)}.app-components-chat-area-s-call-avatar{box-shadow:0 18px 52px #00000073;border:4px solid rgba(255,255,255,.08)}.app-components-chat-area-s-call-mini-avatar{box-shadow:0 10px 28px #00000061;border:2px solid rgba(255,255,255,.08)}.app-components-chat-area-s-call-modal-name{max-width:100%;font-size:24px;font-weight:800;color:var(--color-call-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-components-chat-area-s-call-mini-name{max-width:240px;font-size:16px}.app-components-chat-area-s-call-modal-status{min-height:20px;font-size:14px;color:var(--color-text-subtle)}.app-components-chat-area-s-call-mini-status{max-width:250px;min-height:18px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-components-chat-area-s-call-security{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:28px;padding:5px 10px;border-radius:8px;border-width:1px;border-style:solid;font-size:12px;font-weight:800}.app-components-chat-area-s-call-mini-security{min-height:22px;max-width:256px;padding:3px 8px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-components-chat-area-s-call-security-verified{color:var(--color-success-border);background:#16653447;border-top-color:#22c55e6b;border-right-color:#22c55e6b;border-bottom-color:#22c55e6b;border-left-color:#22c55e6b}.app-components-chat-area-s-call-security-pending{color:var(--color-warning-text);background:#78350f47;border-top-color:#f59e0b61;border-right-color:#f59e0b61;border-bottom-color:#f59e0b61;border-left-color:#f59e0b61}.app-components-chat-area-s-call-security-failed{color:var(--color-danger-border);background:#7f1d1d52;border-top-color:#f871716b;border-right-color:#f871716b;border-bottom-color:#f871716b;border-left-color:#f871716b}.app-components-chat-area-s-call-verification-code{color:var(--color-call-text);font-variant-numeric:tabular-nums;letter-spacing:0}.app-components-chat-area-s-call-timer{font-size:30px;font-weight:700;color:var(--color-success-text);font-variant-numeric:tabular-nums;margin-top:2px}.app-components-chat-area-s-call-mini-timer{font-size:20px;margin-top:0}.app-components-chat-area-s-call-modal-actions{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px;flex-wrap:wrap}.app-components-chat-area-s-call-mini-actions{gap:8px;margin-top:8px}.app-components-chat-area-s-call-circle-btn{min-width:92px;height:54px;border-width:1px;border-style:solid;border-radius:8px;color:#fff;cursor:pointer;padding:0 18px;font-size:14px;font-weight:800}.app-components-chat-area-s-call-mini-btn{min-width:64px;height:38px;padding:0 8px;font-size:12px;white-space:nowrap}.app-components-chat-area-s-call-window-action-btn{background:var(--color-control-strong);border-top-color:var(--color-border-strong);border-right-color:var(--color-border-strong);border-bottom-color:var(--color-border-strong);border-left-color:var(--color-border-strong);color:var(--color-accent-text)}.app-components-chat-area-s-call-toggle-btn{background:var(--color-control-strong);border-top-color:var(--color-border-strong);border-right-color:var(--color-border-strong);border-bottom-color:var(--color-border-strong);border-left-color:var(--color-border-strong);color:var(--color-text)}.app-components-chat-area-s-call-accept-btn{background:var(--color-success);border-top-color:var(--color-online);border-right-color:var(--color-online);border-bottom-color:var(--color-online);border-left-color:var(--color-online);color:#fff}.app-components-chat-area-s-call-end-btn{background:var(--color-danger-border);border-top-color:var(--color-danger-strong);border-right-color:var(--color-danger-strong);border-bottom-color:var(--color-danger-strong);border-left-color:var(--color-danger-strong);color:var(--color-danger-text)}.app-components-chat-area-s-attach-strip{display:flex;gap:8px;padding:8px 14px;flex-wrap:wrap;border-bottom:1px solid var(--color-control)}.app-components-chat-area-s-attach-item{position:relative;display:inline-flex;flex-shrink:0}.app-components-chat-area-s-attach-thumb{width:64px;height:64px;object-fit:cover;border-radius:8px 0 0 8px}.app-components-chat-area-s-add-more-btn{width:64px;height:64px;background:var(--color-control);border:1px dashed var(--color-border);border-radius:8px;color:var(--color-text-muted);cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-components-chat-area-s-compression-badge{position:absolute;bottom:0;left:0;right:0;background:#000000a6;color:var(--color-success-text);font-size:10px;font-weight:600;text-align:center;padding:2px 0;border-radius:0 0 0 8px;letter-spacing:.02em;white-space:nowrap;width:64px}.app-components-chat-area-s-remove-attach-btn{width:16px;background:var(--color-control);border:1px solid var(--color-border);border-radius:0 8px 8px 0;color:var(--color-text-muted);border-left:0}.app-components-chat-area-s-file-thumb{width:64px;height:64px;background:var(--color-control);border:1px solid var(--color-border);border-radius:8px 0 0 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;padding:4px 2px}.app-components-chat-area-s-file-name{font-size:9px;color:var(--color-text-subtle);text-align:center;line-height:1.2;word-break:break-all;max-width:100%;overflow:auto}.app-components-chat-area-s-file-size{font-size:8px;color:var(--color-text-faint)}.app-components-chat-area-s-compressing-bar{padding:4px 16px;font-size:12px;color:var(--color-accent);background:#7c3aed14;border-bottom:1px solid var(--color-control)}.app-components-chat-area-s-upload-file-row{display:flex;align-items:center;gap:9px;min-width:0;width:100%;overflow:hidden}.app-components-chat-area-s-upload-thumb{width:42px;height:42px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#ffffff1f}.app-components-chat-area-s-upload-file-icon{width:42px;height:42px;border-radius:8px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.app-components-chat-area-s-upload-file-name{font-size:13px;font-weight:700;color:var(--color-own-message-text)}.app-components-chat-area-s-upload-file-meta{font-size:11px;color:var(--color-own-message-muted);margin-top:1px}.app-components-chat-area-s-upload-track{height:4px;margin-top:5px;border-radius:999px;background:#ffffff2e;overflow:hidden}.app-components-chat-area-s-upload-fill{height:100%;border-radius:999px;transition:width .12s linear}.app-components-chat-area-s-edit-bar{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--color-panel);border-top:1px solid var(--color-control);cursor:text}.app-components-chat-area-s-edit-bar-stripe{width:3px;border-radius:3px;background:var(--color-teal-bg);align-self:stretch;flex-shrink:0}.app-components-chat-area-s-reply-bar{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--color-panel);border-top:1px solid var(--color-control);cursor:text}.app-components-chat-area-s-reply-bar-stripe{width:3px;border-radius:3px;background:var(--color-accent);align-self:stretch;flex-shrink:0}.app-components-chat-area-s-reply-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:16px;padding:4px;flex-shrink:0}.app-components-chat-area-s-ctx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300}.app-components-chat-area-s-ctx-menu{position:fixed;z-index:301;background:var(--color-control);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-elevated);min-width:140px;transform:translate(-50%,8px)}.app-components-chat-area-s-ctx-item{display:block;width:100%;padding:11px 18px;background:none;border:none;color:var(--color-text);cursor:pointer;text-align:left;font-size:14px}.app-components-chat-area-inline-1{display:flex;flex-direction:row-reverse;align-items:flex-end;gap:8px;margin-bottom:2px}.app-components-chat-area-inline-2{display:flex;flex-direction:column;align-items:flex-end;max-width:var(--message-upload-bubble-max-width)}.app-components-chat-area-inline-3{display:flex;flex-direction:column;gap:8px;width:var(--message-media-max-width);max-width:100%;min-width:0}.app-components-chat-area-inline-4{flex:1;min-width:0}.app-components-chat-area-inline-5{font-size:14px;line-height:1.5;word-break:break-word}.app-components-chat-area-inline-6{color:var(--color-success)}.app-components-chat-area-inline-7{color:var(--color-text-subtle)}.app-components-chat-area-inline-8{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.app-components-chat-area-inline-9{background:none;border:none;color:var(--color-text-subtle);font-size:22px;cursor:pointer;padding:4px 8px 4px 0;display:flex;align-items:center;flex-shrink:0}.app-components-chat-area-inline-10{flex:1;min-width:0}.app-components-chat-area-inline-11{font-size:12px;color:var(--color-text-muted);display:flex;gap:8px;align-items:center;margin-top:2px}.app-components-chat-area-inline-12{display:flex;gap:6px;flex-shrink:0}.app-components-chat-area-inline-13{position:relative}.app-components-chat-area-inline-14{flex:1}.app-components-chat-area-inline-15{color:var(--color-accent);font-weight:800}.app-components-chat-area-inline-16{flex:1;display:flex;overflow:hidden}.app-components-chat-area-inline-17{text-align:center;color:var(--color-info-text);font-size:12px;padding:8px 0}.app-components-chat-area-inline-18{text-align:center;color:var(--color-text-muted);width:fit-content;max-width:min(80%,340px);margin:32px auto 0;padding:14px 18px;border-radius:14px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-menu)}.app-components-chat-area-inline-19{font-size:36px;margin-bottom:8px;line-height:1}.app-components-chat-area-inline-20{font-size:14px;line-height:1.4;margin:0}.app-components-chat-area-inline-21{flex-shrink:0;background:var(--color-panel);border-top:1px solid var(--color-control)}.app-components-chat-area-inline-22{font-size:22px}.app-components-chat-area-inline-23{flex:1;min-width:0}.app-components-chat-area-inline-24{font-size:12px;color:var(--color-accent);font-weight:600;margin-bottom:2px}.app-components-chat-area-inline-25{font-size:12px;color:var(--color-text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-components-chat-area-inline-26{width:38px;height:38px;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--color-control)}.app-components-chat-area-inline-27{flex:1;min-width:0}.app-components-chat-area-inline-28{font-size:12px;color:var(--color-accent);font-weight:600;margin-bottom:2px}.app-components-chat-area-inline-29{font-size:12px;color:var(--color-text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-components-chat-area-inline-30,.app-components-chat-area-inline-31,.app-components-chat-area-inline-32{display:none}.app-components-chat-area-inline-33{position:relative;flex-shrink:0}.app-components-create-conv-modal-t-row{display:flex;align-items:center;gap:12px;padding:10px 4px}.app-components-create-conv-modal-t-pill{position:relative;width:42px;height:24px;border-radius:12px;cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s}.app-components-create-conv-modal-t-knob{position:absolute;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;display:block}.app-components-create-conv-modal-s-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:200}.app-components-create-conv-modal-s-modal{background:var(--color-surface);border-radius:16px;padding:24px;width:420px;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px #0009}.app-components-create-conv-modal-s-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.app-components-create-conv-modal-s-close{margin-left:auto;background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:18px}.app-components-create-conv-modal-s-input{width:100%;background:var(--color-app-bg);border:1px solid var(--color-border);border-radius:8px;padding:10px 14px;color:var(--color-text);font-size:14px;outline:none}.app-components-create-conv-modal-s-error{background:var(--color-danger-bg);color:var(--color-danger-soft-text);border-radius:8px;padding:8px 12px;font-size:13px;margin-bottom:12px}.app-components-create-conv-modal-s-user-row{display:flex;align-items:center;gap:10px;padding:8px 4px;width:100%;background:none;border:none;cursor:pointer;border-radius:8px;text-align:left}.app-components-create-conv-modal-s-selected-user{display:flex;align-items:center;gap:10px;padding:10px;background:var(--color-app-bg);border-radius:8px;margin-top:8px}.app-components-create-conv-modal-s-start-btn{background:var(--color-accent);color:#fff;border:none;border-radius:8px;padding:7px 14px;cursor:pointer;font-size:13px;font-weight:600}.app-components-create-conv-modal-s-create-btn{background:var(--color-accent);color:#fff;border:none;border-radius:8px;padding:11px;cursor:pointer;font-size:14px;font-weight:600}.app-components-create-conv-modal-inline-1{font-size:20px}.app-components-create-conv-modal-inline-2{font-weight:700;font-size:16px;color:var(--color-text)}.app-components-create-conv-modal-inline-3{text-align:center;padding:32px;color:var(--color-text-subtle)}.app-components-create-conv-modal-inline-4{padding:12px 0}.app-components-create-conv-modal-inline-5{flex:1}.app-components-create-conv-modal-inline-6{color:var(--color-text);font-size:14px}.app-components-create-conv-modal-inline-7{color:var(--color-text-muted);font-size:12px}.app-components-create-conv-modal-inline-8{color:var(--color-text);font-size:14px}.app-components-create-conv-modal-inline-9{color:var(--color-text-muted);font-size:12px}.app-components-create-conv-modal-inline-10{padding:12px 0;display:flex;flex-direction:column;gap:10px}.app-components-create-conv-modal-inline-11,.app-components-create-conv-modal-inline-12{color:var(--color-text-muted);font-size:12px}.app-components-create-conv-modal-inline-13{flex:1}.app-components-create-conv-modal-inline-14{font-size:13px;color:var(--color-text);font-weight:500}.app-components-create-conv-modal-inline-15{font-size:11px;color:var(--color-text-muted);margin-top:2px}.app-components-delete-conv-modal-s-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:400;padding:16px}.app-components-delete-conv-modal-s-modal{background:var(--color-surface);border-radius:16px;width:100%;max-width:400px;box-shadow:0 25px 60px #0009;overflow:hidden}.app-components-delete-conv-modal-s-header{padding:16px 18px;border-bottom:1px solid var(--color-control);display:flex;justify-content:space-between;align-items:flex-start}.app-components-delete-conv-modal-s-close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:18px;padding:4px;flex-shrink:0}.app-components-delete-conv-modal-s-action-btn{display:block;width:100%;padding:14px 18px;margin:0 0 2px;background:none;border:none;cursor:pointer;text-align:left;transition:background .12s}.app-components-delete-conv-modal-s-action-safe{color:var(--color-text);border-top:1px solid var(--color-control)}.app-components-delete-conv-modal-s-action-danger{color:var(--color-danger-text);border-top:1px solid var(--color-control)}.app-components-delete-conv-modal-s-cancel-btn{display:block;width:calc(100% - 36px);margin:10px 18px 0;padding:11px;background:var(--color-control);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-subtle);cursor:pointer;font-size:14px;font-weight:600}.app-components-delete-conv-modal-inline-1{font-weight:700;font-size:16px;color:var(--color-text)}.app-components-delete-conv-modal-inline-2{font-size:12px;color:var(--color-text-muted);margin-top:3px}.app-components-delete-conv-modal-inline-3{margin-left:6px;color:var(--color-success)}.app-components-delete-conv-modal-inline-4{padding:8px 0 16px}.app-components-delete-conv-modal-inline-5{font-weight:600;font-size:14px}.app-components-delete-conv-modal-inline-6{font-size:12px;margin-top:3px;opacity:.75}.app-components-emoji-picker-inline-1{background:none;border:none;cursor:pointer;font-size:22px;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .1s}.app-components-forward-modal-s-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;align-items:flex-end;justify-content:center;z-index:400;padding:0 0 env(safe-area-inset-bottom)}.app-components-forward-modal-s-modal{background:var(--color-surface);border-radius:16px 16px 0 0;width:100%;max-width:480px;max-height:70dvh;display:flex;flex-direction:column;box-shadow:var(--shadow-elevated)}.app-components-forward-modal-s-header{padding:16px 16px 0;display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.app-components-forward-modal-s-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:18px}.app-components-forward-modal-s-search{width:100%;background:var(--color-app-bg);border:1px solid var(--color-border);border-radius:20px;padding:9px 14px;color:var(--color-text);font-size:14px;outline:none}.app-components-forward-modal-s-list{overflow-y:auto;flex:1;padding-bottom:8px}.app-components-forward-modal-s-item{display:flex;align-items:center;gap:12px;padding:10px 16px;width:100%;background:none;border:none;cursor:pointer;min-height:52px}.app-components-forward-modal-inline-1{font-weight:700;font-size:16px;color:var(--color-text)}.app-components-forward-modal-inline-2{padding:4px 14px 8px;font-size:11px;color:var(--color-text-muted)}.app-components-forward-modal-inline-3{padding:0 14px 8px}.app-components-forward-modal-inline-4{font-size:22px}.app-components-forward-modal-inline-5{flex:1;text-align:left;min-width:0}.app-components-forward-modal-inline-6{font-size:14px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-components-forward-modal-inline-7{font-size:11px;color:var(--color-text-muted);margin-top:1px}.app-components-forward-modal-inline-8{color:var(--color-accent);font-size:13px}.app-components-forward-modal-inline-9{color:var(--color-text-faint);font-size:13px;text-align:center;padding:24px}.app-components-image-collage-inline-1{font-size:22px;font-weight:700;color:#fff}.app-components-image-viewer-s-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000f0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:zoom-out;animation:fadeIn .15s ease}.app-components-image-viewer-s-close-btn{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));background:#ffffff1f;border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.app-components-image-viewer-s-counter{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;transform:translate(-50%);color:#ffffffb3;font-size:13px;font-weight:500;z-index:10}.app-components-image-viewer-s-image-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:50px 60px 16px;cursor:default;min-height:0}.app-components-image-viewer-s-main-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:var(--shadow-elevated);animation:scaleIn .12s ease;-webkit-user-select:none;user-select:none}.app-components-image-viewer-s-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1f;border:none;border-radius:8px;color:#fff;font-size:36px;cursor:pointer;width:48px;height:64px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .2s,background .15s;z-index:5}.app-components-image-viewer-s-strip{display:flex;gap:6px;padding:8px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));overflow-x:auto;max-width:100%;flex-shrink:0;scrollbar-width:none;cursor:default}.app-components-image-viewer-s-thumb{width:56px;height:56px;border:none;border-radius:6px;overflow:hidden;cursor:pointer;flex-shrink:0;padding:0;transition:transform .15s,outline .15s}.app-components-image-viewer-s-thumb-active{outline:3px solid #fff;outline-offset:2px;transform:scale(1.08)}.app-components-image-viewer-s-thumb-inactive{outline:2px solid rgba(255,255,255,.2);outline-offset:2px;opacity:.65}.app-components-image-viewer-inline-1{width:100%;height:100%;object-fit:cover;display:block}.app-components-join-requests-panel-s-panel{width:260px;border-left:1px solid var(--color-control);display:flex;flex-direction:column;background:var(--color-panel)}.app-components-join-requests-panel-s-header{padding:12px 14px;border-bottom:1px solid var(--color-control);display:flex;justify-content:space-between;align-items:center}.app-components-join-requests-panel-s-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:16px}.app-components-join-requests-panel-s-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--color-border-subtle)}.app-components-join-requests-panel-s-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-avatar-blue);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0}.app-components-join-requests-panel-s-approve-btn{background:var(--color-success-border);border:none;border-radius:6px;color:var(--color-success);cursor:pointer;padding:4px 8px;font-size:14px}.app-components-join-requests-panel-s-reject-btn{background:var(--color-danger-bg);border:none;border-radius:6px;color:var(--color-danger-text);cursor:pointer;padding:4px 8px;font-size:14px}.app-components-join-requests-panel-inline-1{font-weight:600;color:var(--color-text)}.app-components-join-requests-panel-inline-2{padding:6px 14px;font-size:11px;color:var(--color-text-muted);border-bottom:1px solid var(--color-control)}.app-components-join-requests-panel-inline-3{flex:1;overflow-y:auto}.app-components-join-requests-panel-inline-4{color:var(--color-text-faint);font-size:13px;text-align:center;margin-top:32px}.app-components-join-requests-panel-inline-5{flex:1}.app-components-join-requests-panel-inline-6{font-size:13px;color:var(--color-text)}.app-components-join-requests-panel-inline-7{font-size:11px;color:var(--color-text-muted)}.app-components-join-requests-panel-inline-8{display:flex;gap:6px}.app-components-member-panel-s-panel{width:260px;border-left:1px solid var(--color-control);display:flex;flex-direction:column;background:var(--color-panel)}.app-components-member-panel-s-header{padding:12px 14px;border-bottom:1px solid var(--color-control);display:flex;justify-content:space-between;align-items:center}.app-components-member-panel-s-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:16px}.app-components-member-panel-s-search{width:100%;background:var(--color-control);border:1px solid var(--color-border);border-radius:8px;padding:7px 10px;color:var(--color-text);font-size:13px;outline:none}.app-components-member-panel-s-user-row{display:flex;align-items:center;gap:8px;padding:8px 4px;background:none;border:none;cursor:pointer;width:100%}.app-components-member-panel-s-member-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--color-border-subtle)}.app-components-member-panel-s-remove-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:14px;padding:4px}.app-components-member-panel-inline-1{font-weight:600;color:var(--color-text)}.app-components-member-panel-inline-2{padding:8px 12px;border-bottom:1px solid var(--color-control)}.app-components-member-panel-inline-3{font-size:12px;color:var(--color-text-muted);padding:4px 0}.app-components-member-panel-inline-4{flex:1;text-align:left}.app-components-member-panel-inline-5{font-size:13px;color:var(--color-text)}.app-components-member-panel-inline-6{font-size:11px;color:var(--color-text-muted)}.app-components-member-panel-inline-7{color:var(--color-accent);font-size:18px}.app-components-member-panel-inline-8{flex:1;overflow-y:auto}.app-components-member-panel-inline-9{flex:1}.app-components-member-panel-inline-10{font-size:13px;color:var(--color-text)}.app-components-member-panel-inline-11{font-size:11px;color:var(--color-text-muted)}.app-components-message-bubble-s-bubble{border-radius:16px;padding:8px 12px;max-width:100%}.app-components-message-bubble-s-mine{background:var(--color-own-message-bg);color:var(--color-own-message-text);border-bottom-right-radius:4px}.app-components-message-bubble-s-theirs{background:var(--color-control);color:var(--color-text);border-bottom-left-radius:4px}.app-components-message-bubble-s-system-message{max-width:min(74%,420px);padding:6px 12px;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);box-shadow:var(--shadow-menu);font-size:12px;line-height:1.4;text-align:center}.app-components-message-bubble-s-system-message-time{color:var(--color-text-faint);margin-left:8px;white-space:nowrap}.app-components-message-bubble-s-sender-name{font-size:12px;line-height:1.25;font-weight:700;color:var(--color-accent);margin-bottom:4px}.app-components-message-bubble-s-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:8px}.app-components-message-bubble-s-placeholder{background:var(--color-app-bg);border-radius:8px;padding:18px 24px;color:var(--color-text-muted);font-size:13px;cursor:pointer}.app-components-message-bubble-s-audio-box{width:var(--message-media-max-width);max-width:100%;min-width:0;display:flex;flex-direction:column;gap:7px;overflow:hidden}.app-components-message-bubble-s-audio-meta{display:flex;align-items:center;gap:9px;min-width:0;width:100%}.app-components-message-bubble-s-audio-icon{width:30px;height:30px;border-radius:8px;background:#ffffff1f;color:var(--color-accent-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;font-weight:800}.app-components-message-bubble-s-audio-name{font-size:13px;font-weight:700}.app-components-message-bubble-s-audio-sub{font-size:11px;margin-top:1px}.app-components-message-bubble-s-audio-player{width:100%;height:34px;display:block}.app-components-message-bubble-s-audio-loading{font-size:12px;color:var(--color-text-subtle);font-style:italic}.app-components-message-bubble-s-file-box{width:var(--message-media-max-width);max-width:100%;min-width:0;display:flex;align-items:center;gap:9px;border-radius:8px;padding:7px 8px;background:#ffffff12;overflow:hidden}.app-components-message-bubble-s-generic-file-icon{width:30px;height:30px;border-radius:8px;background:#ffffff1f;color:var(--color-accent-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:17px;font-weight:800}.app-components-message-bubble-s-generic-file-name{font-size:13px;font-weight:700}.app-components-message-bubble-s-generic-file-sub{font-size:11px;margin-top:1px}.app-components-message-bubble-inline-1{color:var(--color-link);text-decoration:none;overflow-wrap:anywhere}.app-components-message-bubble-inline-2{width:42px;height:42px;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--color-control)}.app-components-message-bubble-inline-3{display:flex;gap:8px;padding:4px 8px;min-width:0;flex:1;align-items:center}.app-components-message-bubble-inline-4{min-width:0;flex:1}.app-components-message-bubble-inline-5{margin-left:4px;font-size:11px;color:var(--color-text-subtle)}.app-components-message-bubble-inline-6{display:flex;flex-direction:column;gap:8px}.app-components-message-bubble-inline-7{min-width:0;flex:1}.app-components-message-bubble-inline-8{display:flex;flex-direction:column;gap:7px}.app-components-message-bubble-inline-9{min-width:0;flex:1}.app-components-message-bubble-inline-10{color:inherit;text-decoration:none}.app-components-message-bubble-inline-11{position:relative;display:inline-flex;align-items:center}.app-components-message-bubble-inline-12{position:absolute;bottom:100%;left:50%;transform:translate(-75%);background:var(--color-control);border:1px solid var(--color-border);border-radius:6px;padding:4px 8px;font-size:11px;color:var(--color-text-subtle);white-space:nowrap;z-index:50;pointer-events:none;margin-bottom:4px;box-shadow:var(--shadow-menu)}.app-components-message-bubble-inline-13{font-size:12px;min-width:8px}.app-components-message-bubble-inline-14{display:flex;justify-content:center;padding:6px 0}.app-components-message-bubble-inline-15{position:relative;display:inline-block;max-width:100%;cursor:pointer}.app-components-message-bubble-inline-16{filter:blur(8px);transform:scale(1.04)}.app-components-message-bubble-inline-17{color:#fff;font-size:12px;background:#0009;padding:4px 10px;border-radius:20px}.app-components-message-bubble-inline-18{position:relative;display:inline-block;max-width:100%}.app-components-message-bubble-inline-19{color:#fff;font-size:12px;background:#0009;padding:4px 10px;border-radius:20px}.app-components-message-bubble-inline-20{position:relative;display:inline-block;max-width:100%;cursor:pointer}.app-components-message-bubble-inline-21{filter:blur(8px);transform:scale(1.04)}.app-components-message-bubble-inline-22{color:#fff;font-size:12px;background:#0009;padding:4px 10px;border-radius:20px}.app-components-message-bubble-inline-23{font-size:13px;color:#fff6;font-style:italic}.app-components-message-bubble-inline-24{opacity:0;transition:opacity .15s;background:var(--color-control);border:1px solid var(--color-border);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;flex-shrink:0;color:var(--color-text-subtle)}.app-components-profile-modal-s-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-strong);display:flex;align-items:center;justify-content:center;z-index:300;padding:16px}.app-components-profile-modal-s-modal{background:var(--color-surface);border-radius:20px;width:100%;max-width:480px;max-height:calc(100vh - 32px);box-shadow:var(--shadow-elevated);overflow:auto}.app-components-profile-modal-s-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-control)}.app-components-profile-modal-s-close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:18px;padding:4px}.app-components-profile-modal-s-avatar-section{padding:28px 20px 20px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,var(--color-panel) 0%,var(--color-surface) 100%)}.app-components-profile-modal-s-change-avatar-btn{position:absolute;bottom:0;right:0;background:var(--color-accent);border:2px solid var(--color-surface);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.app-components-profile-modal-s-fields{padding:20px}.app-components-profile-modal-s-row{display:flex;gap:10px;margin-bottom:12px}.app-components-profile-modal-s-field-group{display:flex;flex-direction:column;gap:6px;flex:1;margin-bottom:12px}.app-components-profile-modal-s-label{font-size:12px;color:var(--color-text-muted);font-weight:500;display:flex;align-items:center;gap:8px}.app-components-profile-modal-s-locked{font-size:11px;color:var(--color-disabled-text);background:var(--color-control);padding:1px 6px;border-radius:4px}.app-components-profile-modal-s-input{background:var(--color-app-bg);border:1px solid var(--color-border);border-radius:8px;padding:9px 12px;color:var(--color-text);font-size:14px;outline:none;width:100%}.app-components-profile-modal-s-locked-input{color:var(--color-text-faint);cursor:not-allowed;border-color:var(--color-control)}.app-components-profile-modal-s-save-btn{background:var(--color-accent);color:#fff;border:none;border-radius:8px;padding:9px 24px;cursor:pointer;font-weight:600;font-size:14px}.app-components-profile-modal-s-secondary-btn{background:var(--color-control-strong);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:8px;padding:9px 14px;cursor:pointer;font-weight:600;font-size:14px}.app-components-profile-modal-s-security-section{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:14px 0 2px;margin:4px 0 16px}.app-components-profile-modal-s-section-title{color:var(--color-text);font-size:13px;font-weight:700;margin-bottom:12px}.app-components-profile-modal-s-error-box{background:var(--color-danger-bg);color:var(--color-danger-soft-text);border-radius:8px;padding:8px 12px;font-size:13px;margin-bottom:12px}.app-components-profile-modal-s-success-box{background:var(--color-success-bg);color:var(--color-success-text);border-radius:8px;padding:8px 12px;font-size:13px;margin-bottom:12px}.app-components-profile-modal-inline-1{font-weight:700;font-size:16px;color:var(--color-text)}.app-components-profile-modal-inline-2{position:relative;display:inline-block}.app-components-profile-modal-inline-3{display:none}.app-components-profile-modal-inline-4{text-align:center;margin-top:12px}.app-components-profile-modal-inline-5{font-size:20px;font-weight:700;color:var(--color-text)}.app-components-profile-modal-inline-6{font-size:13px;color:var(--color-text-muted);margin-top:2px}.app-components-profile-modal-inline-7{display:none}.app-components-profile-modal-inline-8{display:flex;justify-content:flex-end;margin-top:4px}.app-components-profile-modal-inline-9{margin-bottom:12px}.app-components-profile-modal-inline-10{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.app-components-profile-modal-inline-11{font-size:14px;color:var(--color-text)}.app-components-sidebar-s-sidebar{width:300px;background:var(--color-panel);display:flex;flex-direction:column;border-right:1px solid var(--color-control);flex-shrink:0}.app-components-sidebar-s-sidebar-full{width:100vw;max-width:100vw;border-right:none}.app-components-sidebar-s-header{padding:14px 12px;padding-top:max(14px,env(safe-area-inset-top));display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--color-control)}.app-components-sidebar-s-icon-btn{background:none;border:none;color:var(--color-text-subtle);cursor:pointer;font-size:22px;line-height:1;padding:6px;border-radius:8px}.app-components-sidebar-s-user-badge{padding:10px 14px;display:flex;align-items:center;gap:10px;background:none;border:none;border-bottom:1px solid var(--color-control);width:100%;cursor:pointer;text-align:left;transition:background .15s}.app-components-sidebar-s-icon-avatar{width:44px;height:44px;border-radius:50%;background:var(--color-control);display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-components-sidebar-s-tab{flex:1;padding:10px 0;background:none;border-top-width:0;border-right-width:0;border-bottom-width:2px;border-left-width:0;border-bottom-style:solid;border-bottom-color:transparent;color:var(--color-text-muted);cursor:pointer;font-size:14px;font-weight:500}.app-components-sidebar-s-tab-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.app-components-sidebar-s-search{width:100%;background:var(--color-control);border:1px solid var(--color-border);border-radius:20px;padding:9px 14px;color:var(--color-text);font-size:14px;outline:none}.app-components-sidebar-s-list{flex:1;overflow-y:auto;padding:4px 0}.app-components-sidebar-s-conv-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;min-height:56px;background:none;border:none;cursor:pointer;text-align:left}.app-components-sidebar-s-conv-item-active{background:var(--color-control)}.app-components-sidebar-s-badge{background:var(--color-accent);color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700;flex-shrink:0;min-width:20px;text-align:center}.app-components-sidebar-s-pending-badge{background:var(--color-teal-bg);color:var(--color-teal-text);border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700;flex-shrink:0}.app-components-sidebar-s-menu{position:absolute;right:0;top:110%;background:var(--color-control);border:1px solid var(--color-border);border-radius:12px;z-index:100;min-width:180px;overflow:hidden;box-shadow:var(--shadow-menu)}.app-components-sidebar-s-menu-item{display:block;width:100%;padding:13px 18px;background:none;border:none;color:var(--color-text);cursor:pointer;text-align:left;font-size:14px}.app-components-sidebar-inline-1{font-weight:700;font-size:17px;color:var(--color-text);flex:1}.app-components-sidebar-inline-2{position:relative}.app-components-sidebar-inline-3{position:relative;flex-shrink:0}.app-components-sidebar-inline-4{text-align:left;min-width:0;flex:1}.app-components-sidebar-inline-5{font-size:13px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-components-sidebar-inline-6{font-size:11px;color:var(--color-text-muted)}.app-components-sidebar-inline-7{display:flex;border-bottom:1px solid var(--color-control)}.app-components-sidebar-inline-8{padding:8px 12px}.app-components-sidebar-inline-9{color:var(--color-text-faint);font-size:13px;text-align:center;margin-top:32px}.app-components-sidebar-inline-10{position:relative;flex-shrink:0}.app-components-sidebar-inline-11{font-size:22px}.app-components-sidebar-inline-12{flex:1;min-width:0}.app-components-sidebar-inline-13{font-size:15px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-components-sidebar-inline-14{font-size:12px;color:var(--color-text-muted);margin-top:1px;display:flex;align-items:center;gap:4px}.app-components-sidebar-inline-15{font-size:22px}.app-components-sidebar-inline-16{flex:1;min-width:0}.app-components-sidebar-inline-17{font-size:15px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-components-sidebar-inline-18{font-size:12px;color:var(--color-text-muted)}.app-components-sidebar-inline-19{flex:1;min-width:0}.app-components-sidebar-inline-20{font-size:15px;font-weight:500;color:var(--color-text)}.app-components-sidebar-inline-21{font-size:12px;color:var(--color-text-muted)}.app-components-theme-toggle-inline-1{display:inline-flex;align-items:center;padding:2px;border-radius:8px;background:var(--color-control);border:1px solid var(--color-border);gap:2px}.app-pages-invite-page-inline-1{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-app-bg)}.app-pages-invite-page-inline-2{background:var(--color-surface);border-radius:16px;padding:36px;width:360px;text-align:center;box-shadow:var(--shadow-elevated);position:relative}.app-pages-invite-page-inline-3{position:absolute;top:14px;right:14px}.app-pages-invite-page-inline-4{color:var(--color-text-subtle)}.app-pages-invite-page-inline-5{color:var(--color-danger-text)}.app-pages-invite-page-inline-6{color:var(--color-success-text)}.app-pages-invite-page-inline-7{font-size:48px;margin-bottom:12px}.app-pages-invite-page-inline-8{color:var(--color-text);margin-bottom:6px}.app-pages-invite-page-inline-9{color:var(--color-text-subtle);font-size:14px;margin-bottom:20px}.app-pages-invite-page-inline-10{color:var(--color-text-muted);font-size:13px;margin-bottom:24px}.app-pages-invite-page-inline-11{background:var(--color-accent);color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:15px;cursor:pointer;font-weight:600}.app-pages-login-page-styles-input{background:var(--color-control);border:1px solid var(--color-border);border-radius:8px;padding:10px 14px;color:var(--color-text);font-size:15px;outline:none}.app-pages-login-page-styles-btn{background:var(--color-accent);color:#fff;border:none;border-radius:8px;padding:11px;font-size:15px;cursor:pointer;font-weight:600}.app-pages-login-page-styles-error{background:var(--color-danger-bg);color:var(--color-danger-soft-text);border-radius:8px;padding:8px 12px;font-size:14px}.app-pages-login-page-styles-pending{background:var(--color-accent-panel);border:1px solid var(--color-accent-border);color:var(--color-accent-text);border-radius:8px;padding:12px 14px;font-size:14px}.app-pages-login-page-inline-1{display:flex;flex-direction:column;gap:12px}.app-pages-login-page-inline-2{font-weight:600;margin-bottom:4px}.app-pages-login-page-inline-3{font-size:13px;line-height:1.5}.app-pages-login-page-inline-4{text-align:center;color:var(--color-text-subtle);font-size:14px}.app-pages-main-page-inline-1{display:flex;height:var(--app-viewport-height, 100dvh);max-height:var(--app-viewport-height, 100dvh);min-height:0;background:var(--color-app-bg);overflow:hidden;position:relative}.app-pages-main-page-inline-2{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0}.app-pages-main-page-inline-3{flex:1;display:flex;align-items:center;justify-content:center}.app-pages-main-page-inline-4{text-align:center;color:var(--color-text-faint)}.app-pages-main-page-inline-5{font-size:56px;margin-bottom:16px}.app-pages-main-page-inline-6{font-size:18px;font-weight:600;color:var(--color-text-muted)}.app-pages-main-page-inline-7{font-size:14px;margin-top:6px}.app-pages-register-page-styles-input{flex:1;background:var(--color-control);border:1px solid var(--color-border);border-radius:8px;padding:10px 14px;color:var(--color-text);font-size:15px;outline:none}.app-pages-register-page-styles-btn{background:var(--color-accent);color:#fff;border:none;border-radius:8px;padding:11px;font-size:15px;cursor:pointer;font-weight:600}.app-pages-register-page-styles-error{background:var(--color-danger-bg);color:var(--color-danger-soft-text);border-radius:8px;padding:8px 12px;font-size:14px}.app-pages-register-page-inline-1{display:flex;flex-direction:column;gap:12px}.app-pages-register-page-inline-2{font-size:11px;color:var(--color-text-muted);margin:0 2px}.app-pages-register-page-inline-3{text-align:center;color:var(--color-text-subtle);font-size:14px}.app-components-attachment-picker-s-item:not(:disabled):hover{background:var(--color-border)}.app-components-forward-modal-is-sending{opacity:.5}.app-components-create-conv-modal-t-pill{background:var(--color-control);border:1.5px solid var(--color-border)}.app-components-create-conv-modal-t-pill.app-components-create-conv-modal-toggle-on{background:var(--color-accent);border-color:var(--color-accent)}.app-components-create-conv-modal-t-knob{transform:translate(2px)}.app-components-create-conv-modal-t-knob.app-components-create-conv-modal-toggle-on{transform:translate(18px)}.chat-area-title{font-weight:700;font-size:16px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-area-header-btn-call-visible{color:var(--color-online);border-color:var(--color-success-border)}.chat-area-header-btn-danger{color:var(--color-danger-text);border-color:var(--color-danger-bg)}.app-components-chat-area-s-header-btn:disabled{opacity:.4}.chat-area-attach-btn-active{color:var(--color-accent)}.chat-area-input-editing{border-color:var(--color-accent)}.chat-area-send-btn-editing{background:var(--color-teal-bg)}.app-components-chat-area-s-send-btn:disabled{opacity:.4}.chat-area-ctx-item-danger{color:var(--color-danger-text)}.app-link-accent{color:var(--color-accent)}.profile-avatar-accent-border{border:3px solid var(--color-accent)}.message-status-ticks{margin-left:4px;font-size:11px;letter-spacing:-1px}.message-status-ticks-read{color:var(--color-online)}.message-status-ticks-delivered{color:var(--color-text-subtle)}.chat-upload-status{font-size:10px;margin-top:2px;padding:0 4px}.image-collage-single,.image-collage-cell{overflow:hidden;cursor:zoom-in;background:var(--color-control)}.image-collage-single{max-width:100%;max-height:800px;border-radius:10px}.image-collage-row{display:flex;gap:3px;width:var(--message-media-max-width);max-width:100%}.image-collage-stack{display:flex;flex-direction:column;gap:3px;flex:1}.image-collage-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:var(--message-media-max-width);max-width:100%}.image-collage-cell{flex-shrink:0}.image-collage-img{width:100%;height:100%;object-fit:cover;display:block}.image-collage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center}