.message-poll{width:320px;max-width:100%;min-width:0;padding:2px 0 6px}.message-poll h3{font-size:1rem;font-weight:650;line-height:1.4;overflow-wrap:anywhere;margin:0 0 6px;white-space:pre-wrap}.message-poll small,.poll-summary{font-size:.75rem;opacity:.7;line-height:1.5}.poll-options{display:grid;gap:8px;margin:14px 0 10px}.poll-option{position:relative;display:flex;gap:10px;align-items:center;width:100%;min-height:42px;padding:8px 6px 12px;text-align:left;background:transparent;border:0;color:inherit;font:inherit;cursor:pointer}.poll-option:disabled{opacity:1;cursor:default}.poll-option:focus-visible,.poll-link:focus-visible{outline:2px solid var(--accent, #3286da);outline-offset:2px;border-radius:8px}.poll-option-label{flex:1;overflow-wrap:anywhere;min-width:0}.poll-option-label svg{display:inline;margin-left:6px}.poll-choice{width:19px;height:19px;flex:0 0 19px;border:1.5px solid currentColor;opacity:.7;border-radius:50%;display:grid;place-items:center}.poll-choice.multiple{border-radius:5px}.poll-option[aria-pressed=true] .poll-choice{background:var(--accent, #3286da);border-color:transparent;color:#fff;opacity:1}.poll-percent{font-size:.82rem;font-weight:600;min-width:38px}.poll-result-bar{position:absolute;bottom:0;left:0;height:4px;background:currentColor;opacity:.3;border-radius:5px;transition:width .2s}.poll-option.has-results:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:currentColor;opacity:.06;border-radius:5px}.poll-link,.poll-actions button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:inherit;padding:8px 0;font-size:.8rem;cursor:pointer}.poll-actions{display:flex;flex-wrap:wrap;gap:16px}.poll-primary{border:0;border-radius:10px;background:var(--accent, #3286da);color:#fff;font-size:.85rem;font-weight:600;padding:10px 14px;cursor:pointer}.poll-primary:disabled{opacity:.5;cursor:default}.poll-create-dialog,.poll-voters-dialog,.poll-confirm-dialog{width:min(440px,calc(100vw - 24px))!important;max-height:calc(100dvh - 32px);overflow-y:auto}.poll-create-form fieldset{display:grid;gap:14px;border:0;margin:0;padding:0;min-width:0}.poll-create-form label{display:grid;gap:6px;font-size:.9rem}.poll-create-form textarea,.poll-create-form input:not([type=checkbox]){width:100%;min-width:0;padding:11px;border-radius:10px;background:transparent;color:inherit;border:1px solid #8793a54d;font:inherit}.poll-create-form textarea{resize:vertical}.poll-create-options{display:grid;gap:8px}.poll-create-options>div{display:flex;gap:8px;align-items:center}.poll-create-options button{background:transparent;border:0;color:inherit;padding:8px}.poll-create-form .poll-setting{display:flex;align-items:center;gap:10px}.poll-setting input{width:18px;height:18px;accent-color:var(--accent, #3286da)}.poll-dialog-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:20px}.poll-dialog-actions button:not(.poll-primary){background:transparent;border:0;color:inherit}.poll-voters-dialog article{padding:12px 0;border-bottom:1px solid #8793a533}.poll-voters-dialog article small{display:block;opacity:.65}.poll-error{font-size:.8rem;margin-top:8px}@media(prefers-reduced-motion:reduce){.poll-result-bar{transition:none}}.group-call-modal{width:min(1100px,calc(100vw - 24px));max-width:1100px;max-height:calc(100dvh - 24px);padding:24px}.group-call-modal header h2{font-size:1.3rem;font-weight:650;margin:0 0 6px}.group-call-modal header p,.group-call-waiting{color:var(--muted);font-size:.9rem}.group-call-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.group-call-tile{position:relative;width:100%;min-width:0;min-height:150px;aspect-ratio:16/10;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--surface-soft);border:2px solid transparent}.group-call-tile.speaking{border-color:var(--accent)}.group-call-tile video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.group-call-tile video.hidden{display:none}.group-call-tile video.self{transform:scaleX(-1)}.group-call-person{position:absolute;bottom:8px;left:8px;right:8px;display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;background:#0009;color:#fff;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-call-person svg{flex:0 0 auto;margin-left:auto}.group-call-actions,.group-call-pages{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}.group-call-actions{padding-top:10px}.group-call-actions button{gap:8px}.group-call-actions .group-call-leave{background:#dc3545;color:#fff}.group-call-error{padding:12px;border-radius:12px;background:#dc354518;color:var(--text)}.group-call-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:var(--surface-soft);border-bottom:1px solid var(--border)}.group-call-banner span{display:flex;align-items:center;gap:8px;font-size:.85rem}.group-call-audio:empty{display:none}@media(max-width:640px){.group-call-modal{padding:16px}.group-call-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.group-call-tile{min-height:115px;aspect-ratio:1}.group-call-banner{flex-wrap:wrap}}[data-volna-dialog].conference-window{display:flex;flex-direction:column;gap:0;padding:0;width:min(1080px,calc(100vw - 16px));max-width:1080px;height:min(720px,calc(100dvh - 16px));max-height:calc(100dvh - 16px);overflow:hidden;border-radius:18px;background:var(--surface);color:var(--text);border:1px solid var(--border);animation:none;transition:none;box-shadow:0 20px 80px #0005}[data-volna-dialog].conference-window.group-call-compact{height:auto;max-width:440px}.conference-window .conference-header{flex:0 0 auto;padding:18px 56px 12px 20px;border-bottom:1px solid var(--border)}.conference-desktop .conference-header{cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.conference-desktop .conference-header:active{cursor:grabbing}.conference-window .conference-header h2{font-size:16px;margin:0 0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conference-window .conference-header p{margin:0;font-size:12px}.conference-window .call-window-tools{top:12px;right:12px}.conference-body{display:flex;flex:1;min-height:0;overflow:hidden}.conference-stage{flex:1;min-width:0;padding:12px;overflow:auto}.conference-window .group-call-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:8px}.conference-window .group-call-tile{min-height:100px;border-radius:12px}.conference-window .group-call-pages{padding:8px;gap:12px;font-size:12px}.conference-window .group-call-waiting{text-align:center;padding:8px;font-size:13px}.conference-screen{position:relative;width:100%;aspect-ratio:16/9;background:#11151b;border-radius:12px;overflow:hidden;margin-bottom:10px}.conference-screen video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.conference-screen>span{position:absolute;bottom:8px;left:8px;border-radius:6px;background:#000b;color:#fff;padding:5px 8px;font-size:12px;display:flex;align-items:center;gap:6px}.conference-screen+.group-call-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.conference-screen+.group-call-grid .group-call-tile{min-height:70px;max-height:120px}.conference-sidebar{width:300px;flex:0 0 300px;min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--surface)}.conference-tabs{display:flex;padding:8px;gap:4px;border-bottom:1px solid var(--border)}.conference-window button{-webkit-user-select:none;-moz-user-select:none;user-select:none}.conference-tabs button{padding:8px;border-radius:8px;font-size:12px;color:var(--muted)}.conference-tabs button[aria-pressed=true]{color:var(--accent);background:var(--surface-soft)}.conference-tabs button:last-child{margin-left:auto}.conference-comments{overflow-y:auto;flex:1;padding:12px;min-height:0}.conference-hint{font-size:12px;color:var(--muted);line-height:1.5;padding:4px 0 12px}.conference-comments article{margin:8px 0;padding:10px;border-radius:10px;background:var(--surface-soft)}.conference-comments article>div{display:flex;justify-content:space-between;gap:8px;font-size:12px}.conference-comments time{color:var(--muted);font-size:10px}.conference-comments article p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;-moz-user-select:text;user-select:text;-webkit-user-select:text}.conference-comment-form{display:flex;padding:8px;gap:6px;border-top:1px solid var(--border)}.conference-comment-form textarea{width:100%;min-width:0;resize:none;height:60px;border:none;outline:none;padding:8px;background:var(--surface-soft);border-radius:8px;color:var(--text);font-size:14px}.conference-comment-form button{color:var(--accent);padding:10px}.conference-people{overflow-y:auto;padding:8px}.conference-people article{display:flex;align-items:center;gap:8px;padding:10px 4px}.conference-people .conference-person-name{flex:1;min-width:0}.conference-people strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis}.conference-people small{color:var(--muted);display:block;font-size:11px}.conference-people article>button{padding:8px;color:var(--muted)}.conference-mute-all,.conference-end{display:flex;align-items:center;gap:6px;padding:10px;border-radius:8px;font-size:12px;background:var(--surface-soft);width:100%}.conference-end{margin-top:16px;color:#d94753}.conference-recording{display:flex;align-items:center;gap:6px;font-size:12px;padding:8px 20px;color:var(--muted)}.conference-recording.is-active{color:#e34852}.conference-recording.is-active svg{fill:currentColor}.conference-notice,.conference-window .group-call-error{font-size:12px;padding:10px 16px;margin:0;border-radius:0;flex-shrink:0}.conference-notice{background:var(--surface-soft)}.conference-window .group-call-actions{flex-shrink:0;border-top:1px solid var(--border);padding:10px;gap:6px;background:var(--surface)}.conference-window .group-call-actions button{display:flex;flex-direction:column;gap:5px;min-width:58px;min-height:54px;padding:8px;border:none;border-radius:10px;background:var(--surface-soft);color:var(--text);font-size:10px;line-height:1.2;box-shadow:none}.conference-window .group-call-actions button svg{width:19px;height:19px}.conference-window .group-call-actions button[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.conference-window .group-call-actions .group-call-leave{color:#fff;background:#d8404c}.conference-window button:disabled{opacity:.4;cursor:default}.conference-window button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.conference-confirm{padding:12px;background:var(--surface-soft);font-size:13px}.conference-confirm button{padding:8px 12px;margin-top:6px;border-radius:6px}.conference-confirm button:last-child{color:#d8404c}[data-volna-dialog].conference-window.conference-minimized{width:min(300px,calc(100vw - 16px))!important;max-width:300px!important;height:300px!important;min-height:0!important}.conference-window.conference-minimized .conference-header{padding:10px 44px 8px 12px}.conference-window.conference-minimized .conference-header h2{font-size:13px}.conference-window.conference-minimized .group-call-tile{min-height:60px;height:100%}.conference-window.conference-minimized .group-call-grid{height:100%}.conference-window.conference-minimized .group-call-waiting,.conference-window.conference-minimized .group-call-pages{display:none}.conference-window.conference-minimized .conference-screen{height:100%;margin:0}.conference-window.conference-minimized .conference-screen+.group-call-grid{display:none}.conference-window.conference-minimized .conference-recording{padding:4px 12px;font-size:10px}.conference-window.conference-minimized .group-call-actions{padding:6px}.conference-window.conference-minimized .group-call-actions button{min-height:42px}@media(max-width:700px){.conference-window .conference-body.has-sidebar .conference-stage{display:none}.conference-window .conference-sidebar{flex:1;width:auto;border-left:0}.conference-window .group-call-actions{gap:4px}.conference-window .group-call-actions button{min-width:48px;padding:7px 5px}}[data-volna-dialog].conference-window.conference-mobile:not(.conference-minimized){width:100%!important;height:100dvh!important;max-height:100dvh!important;max-width:none!important;border-radius:0!important;top:0!important;left:0!important;transform:none!important;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.conference-recording-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border)}.conference-recording-row strong,.conference-recording-row small{display:block}.conference-recording-row strong{font-size:14px}.conference-recording-row small{font-size:12px;color:var(--muted);margin-top:4px}.conference-recording-row button,.conference-recording-download{display:flex;align-items:center;gap:8px;padding:8px;font-size:13px;color:var(--accent)}.conference-people .avatar-root{flex:0 0 32px;width:32px;height:32px}.conference-window .group-call-tile>.avatar-root{width:64px;height:64px;background:var(--surface);border-radius:50%;font-size:20px}.conference-raised{position:absolute;top:8px;right:8px;border-radius:50%;padding:7px;background:#ffce56;color:#402b00}.conference-window .call-window-tools button{width:32px;height:32px;background:var(--surface-soft);color:var(--muted);border:1px solid var(--border);border-radius:9px}.media-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(430px,66vw);max-width:100%;gap:4px;margin:5px 0 8px;overflow:hidden;border-radius:14px;isolation:isolate}.media-mosaic[data-count="1"]{grid-template-columns:minmax(0,1fr)}.media-message-actions{display:grid;flex:0 0 36px;width:36px;min-width:0;height:32px;margin-right:auto;padding:0;place-items:center;border:1px solid color-mix(in srgb,var(--muted) 18%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface) 30%,transparent);color:var(--muted);cursor:pointer}.media-message-actions:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.media-tile{position:relative;min-width:0;overflow:hidden;aspect-ratio:1;border-radius:3px;background:color-mix(in srgb,var(--surface-soft) 86%,var(--muted));color:var(--text);cursor:default}.media-tile-featured{grid-column:span 2;aspect-ratio:2 / 1}.media-tile-single{aspect-ratio:auto;min-height:160px}.media-tile[data-kind=video]{background:#182b30;color:#f3faf6}.media-tile .media-image-open{display:block;width:100%;height:100%}.media-tile .media-image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-tile-single .media-image{height:auto;min-height:160px;max-height:430px;-o-object-fit:contain;object-fit:contain}.media-tile .media-video{display:block;width:100%;height:100%;max-height:430px;-o-object-fit:contain;object-fit:contain;background:#0e171b}.media-tile-single .media-video{min-height:200px}.media-video-open{display:flex;width:100%;height:100%;min-height:160px;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:28px 18px 20px;background:radial-gradient(ellipse at 25% 10%,#436f654a,transparent 70%),linear-gradient(140deg,#243b40,#15262c);color:inherit;cursor:pointer}.media-tile-single .media-video-open{min-height:230px}.media-video-open>svg{width:58px;height:58px;padding:17px;border:1px solid #ffffff38;border-radius:50%;background:#ffffff14}.media-video-name{display:-webkit-box;max-width:100%;overflow:hidden;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;text-align:center}.media-video-duration{font-size:11px;color:#c6dcd3;font-variant-numeric:tabular-nums}.media-state{display:grid;min-height:120px;height:100%;align-content:center;justify-items:center;gap:12px;padding:18px 12px;color:inherit;font-size:12px;line-height:1.5;text-align:center}.media-state[data-state=loading]:before,.media-state[data-state=idle]:before{content:"";width:24px;height:24px;border:2px solid color-mix(in srgb,currentColor 18%,transparent);border-top-color:currentColor;border-radius:50%;animation:media-loading-turn .9s linear infinite}.media-retry{min-height:40px;padding:8px 18px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:12px;background:color-mix(in srgb,currentColor 5%,transparent);color:inherit;font-size:12px;font-weight:600;cursor:pointer}.media-decode-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 65%,transparent);color:var(--text);font-size:12px;pointer-events:none}.media-badge{position:absolute;top:10px;left:10px;padding:4px 7px;border:1px solid #ffffff24;border-radius:7px;background:#0d171eb3;color:#fff;font-size:10px;line-height:1;font-weight:700;letter-spacing:.08em;pointer-events:none}.media-expand{position:absolute;top:8px;right:8px;display:grid;width:40px;height:40px;place-items:center;border:1px solid #ffffff24;border-radius:12px;background:#101c28b3;color:#fff;cursor:pointer}.media-viewer{--media-viewer-padding: 20px;--media-viewer-line: #ffffff1f;background-image:radial-gradient(ellipse at 50% 15%,#38534626,transparent 70%)!important}.media-viewer-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;flex:0 0 auto;min-width:0;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--media-viewer-line)}.media-viewer-title{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e4ece8;font-size:13px;font-weight:500;line-height:1.5;text-align:left}.media-control{display:grid;flex:0 0 auto;min-width:0;width:40px;height:40px;padding:0;place-items:center;border:1px solid var(--media-viewer-line);border-radius:12px;background:#ffffff08;color:inherit;cursor:pointer}.media-viewer-toolbar>.media-control:last-child{grid-column:4}.media-control:disabled{opacity:.28;cursor:default}.media-viewer-stage{border-radius:12px}.media-viewer-load{display:grid;justify-items:center;gap:14px;padding:24px;border:1px solid var(--media-viewer-line);border-radius:18px;background:#ffffff08;color:inherit;font-size:13px;cursor:pointer}.media-viewer-stage .media-image{border-radius:5px}.media-viewer-stage .media-video{border-radius:8px;background:#050a0d}.media-viewer-nav{display:flex;flex:0 0 auto;align-self:center;align-items:center;gap:14px;padding:5px;border:1px solid var(--media-viewer-line);border-radius:19px;background:#ffffff05}.media-viewer-nav .media-control{width:40px;height:40px;border-color:transparent;background:transparent}.media-viewer-counter{min-width:58px;color:#d4e2db;font-size:12px;text-align:center;font-variant-numeric:tabular-nums}.media-viewer .media-state{min-width:220px}.media-mosaic button:focus-visible,.media-viewer :is(button,a):focus-visible,.media-retry:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}@media(hover:hover){.media-video-open:hover>svg{background:#ffffff28}.media-control:not(:disabled):hover,.media-expand:hover{background:#ffffff1c}.media-retry:hover{background:color-mix(in srgb,currentColor 10%,transparent)}}@media(max-width:480px){.media-mosaic{width:min(430px,72vw);border-radius:12px;gap:3px}.media-tile-single .media-video-open{min-height:190px}.media-viewer{--media-viewer-padding: 12px}.media-viewer-toolbar{gap:6px}.media-viewer-stage{border-radius:7px}}@keyframes media-loading-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.media-state:before{animation:none!important}}.media-mosaic[data-count="1"]{width:var(--single-media-width, 280px);max-width:min(100%,72vw)}.media-tile-single{min-height:0;background:transparent}.media-tile-single .media-image-open{height:auto}.media-tile-single .media-image{min-height:0;max-height:none;width:100%;height:auto}.message-bubble.photo-only{padding:3px;min-width:0;border-radius:15px}.message-bubble.photo-only:after{display:none}.message-bubble.photo-only .media-mosaic{margin:0;border-radius:12px}.message-bubble.photo-only>strong{padding:5px 9px}.message-bubble.photo-only>footer{position:absolute;right:8px;bottom:8px;padding:3px 7px;border-radius:12px;background:#0007;color:#fff;min-height:0;gap:4px}.message-bubble.photo-only .message-status{color:inherit}.message-bubble.photo-only .media-message-actions{width:26px;height:22px;flex-basis:26px;border:0;color:#fff;background:transparent}:root{--bg: #f6f7f9;--panel: #ffffff;--surface: #ffffff;--surface-soft: #f8fafc;--border: #e5e7eb;--text: #0f172a;--muted: #64748b;--accent: #22c55e;--accent-strong: #16a34a;--on-accent: #ffffff;--chat-bg: #f3f4f6;--chat-gradient: radial-gradient(900px circle at 18% -12%, rgba(34, 197, 94, .14), transparent 56%), radial-gradient(900px circle at 92% 6%, rgba(59, 130, 246, .1), transparent 62%), linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);--bubble-in: #ffffff;--bubble-out: #dcfce7;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 1px rgba(15, 23, 42, .04);--shadow-lg: 0 18px 44px rgba(15, 23, 42, .12);--ring: 0 0 0 3px rgba(59, 130, 246, .25);--chat-custom-bg: none;--vv-offset-top: 0px;--keyboard-inset: 0px;--mobile-composer-height: 92px;--call-audio-gradient: radial-gradient(ellipse at 50% 20%, #425c73, #172735 85%)}.call-modal-shell{max-width:860px;width:min(92vw,860px);max-height:calc(100dvh - 2rem)!important;border-radius:24px;padding:0;overflow:hidden;border:0!important;background:transparent!important}.call-modal-body{position:relative;min-height:min(560px,calc(100dvh - 32px));background:radial-gradient(circle at 20% 15%,#ffffff14,#fff0 35%),#121821}.call-remote-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0;transition:opacity .18s ease}.call-remote-video.visible{opacity:1}.call-local-video{position:absolute;right:20px;top:20px;width:220px;max-width:34%;border-radius:16px;border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 28px #00000052;-o-object-fit:cover;object-fit:cover;aspect-ratio:16/9;opacity:0;transition:opacity .18s ease}.call-local-video.visible{opacity:1}.call-modal-overlay{position:relative;min-height:min(560px,calc(100dvh - 32px));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#f8fafc;background:linear-gradient(180deg,#0b101ce6,#0b101cc2)}.call-modal-overlay.video{background:linear-gradient(180deg,#0b101c73,#0b101cb3)}.call-modal-overlay.video.video-live{background:transparent}.call-modal-overlay.audio-mode{background:linear-gradient(180deg,#03112933,#04132e85)}.call-avatar{width:124px;height:124px;border-radius:999px;overflow:hidden;border:3px solid rgba(255,255,255,.12)}.call-avatar>div{width:100%!important;height:100%!important}.call-modal-shell .call-title{margin:8px 0 0;font-size:36px;line-height:1.1;font-weight:800}.call-modal-shell .call-status{margin:0;font-size:20px;color:#d9e4ef;opacity:.92}.call-avatar span{font-size:36px}.call-identity{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:100%;padding:90px 24px 116px;text-align:center;overflow-wrap:anywhere}.call-status-live{position:absolute;top:86px;left:16px;max-width:calc(100% - 32px);padding:6px 12px;border-radius:12px;background:#0a121fcc}.call-modal-shell:not(.has-local-video) .call-peer-badge{max-width:calc(100% - 36px)}.call-modal-shell.mobile-fullscreen.has-local-video .call-peer-badge{max-width:calc(66% - 36px)}.call-peer-badge{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:9px;max-width:calc(100% - 280px);padding:6px 10px 6px 6px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;background:#0a121f94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.call-peer-badge span{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.call-actions{position:absolute;bottom:24px;display:flex;align-items:center;gap:14px;max-width:100%;flex-wrap:wrap;justify-content:center;padding-inline:12px}.call-action-btn{min-width:118px;height:46px;border-radius:999px!important;color:#fff!important;display:inline-flex;align-items:center;gap:8px;border:1px solid transparent!important}.call-action-btn.neutral{background:#475569b8!important}.call-action-btn.success{background:#22c55ee6!important}.call-action-btn.danger{background:#ef4444e6!important}.call-action-btn.danger-soft{background:#dc2626b8!important}.call-modal-shell.mobile-fullscreen{top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh!important;margin:0!important;left:0;top:0;transform:none;border-radius:0;overflow:hidden!important}.call-modal-shell.mobile-fullscreen .call-modal-body,.call-modal-shell.mobile-fullscreen .call-modal-overlay{min-height:100dvh;height:100dvh}.call-modal-shell.mobile-fullscreen .call-modal-body{background:#101821}.call-modal-shell.mobile-fullscreen .call-modal-body.audio-mode{background:var(--call-audio-gradient)}.call-modal-shell.mobile-fullscreen .call-modal-overlay,.call-modal-shell.mobile-fullscreen .call-modal-overlay.video,.call-modal-shell.mobile-fullscreen .call-modal-overlay.audio-mode{background:linear-gradient(180deg,#05194042,#0825567a)}.call-modal-shell.mobile-fullscreen .call-modal-overlay.video.video-live{background:linear-gradient(180deg,rgba(5,12,20,.18),transparent 42%,rgba(5,12,20,.42))}.call-modal-shell.mobile-fullscreen .call-actions{width:100%;padding:0 14px;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);justify-content:center;flex-wrap:wrap}.call-modal-shell.mobile-fullscreen .call-peer-badge{top:max(14px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));max-width:calc(100% - max(24px,env(safe-area-inset-left) + env(safe-area-inset-right)))}.call-modal-shell.mobile-fullscreen .call-local-video{top:max(14px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:min(34vw,170px);max-width:none}.call-modal-shell.mobile-fullscreen .call-actions .call-action-btn{width:58px;min-width:58px;height:58px;padding:0!important;justify-content:center}.call-modal-shell.mobile-fullscreen .call-actions .call-action-btn span{display:none}.settings-av-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-av-field{display:grid;gap:6px}.settings-av-field span{font-size:12px;color:var(--muted-fg)}.settings-av-field select{width:100%;min-height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--fg);padding:0 10px}.settings-mic-meter{height:10px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 76%,transparent);overflow:hidden}.settings-mic-meter-fill{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#f59e0b,#ef4444);transition:width .1s linear}.settings-camera-preview{width:100%;max-height:240px;border-radius:12px;border:1px solid var(--line);background:#101622;-o-object-fit:cover;object-fit:cover}@media(max-width:900px){.settings-av-grid{grid-template-columns:minmax(0,1fr)}.call-modal-shell,.call-modal-shell.audio-mode,.call-modal-shell.mobile-fullscreen,.call-modal-shell.mobile-fullscreen.audio-mode{right:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;left:0!important;top:0!important;transform:none!important;border-radius:0!important;padding:0!important;gap:0!important;overflow:hidden!important}.call-modal-body,.call-modal-overlay{min-height:100dvh!important;height:100dvh!important}.call-modal-shell .call-title{font-size:clamp(22px,6vw,30px)}.call-modal-shell .call-status{font-size:17px}.call-action-btn{min-width:96px;height:42px}.call-modal-shell.mobile-fullscreen,.call-modal-shell.mobile-fullscreen.audio-mode{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;left:0!important;top:0!important;transform:none!important;border-radius:0!important}.call-modal-shell.mobile-fullscreen .call-actions{bottom:calc(env(safe-area-inset-bottom,0px) + 20px)}}:root[data-theme=dark],:root.dark{--bg: #14191d;--panel: #1b2228;--surface: #242d34;--surface-soft: #2c363f;--border: #354149;--text: #e8edf0;--muted: #b1bdc6;--accent: #83c6a9;--bubble-out: #29423b;--accent-strong: #83c6a9;--on-accent: #172026;--chat-bg: #14191d;--bubble-in: #242d34;--chat-gradient: linear-gradient(160deg, #1b2228 0%, #14191d 72%);--ring: 0 0 0 3px color-mix(in srgb, #83c6a9 32%, transparent);--call-audio-gradient: radial-gradient(ellipse at 50% 10%, #29423b, #14191d 85%);--shadow: 0 1px 3px #0003;--shadow-lg: 0 18px 44px #0005;--chat-custom-bg: none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.\!inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important}.inset-0{top:0;right:0;bottom:0;left:0}.left-2{left:.5rem}.left-3{left:.75rem}.left-\[50\%\]{left:50%}.right-2{right:.5rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.m-auto{margin:auto}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.\!flex{display:flex!important}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.\!h-\[100dvh\]{height:100dvh!important}.h-10{height:2.5rem}.h-12{height:3rem}.h-2\.5{height:.625rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[calc\(var\(--app-height\,100vh\)-3rem\)\]{height:calc(var(--app-height,100vh) - 3rem)}.h-\[var\(--app-height\,100vh\)\]{height:var(--app-height,100vh)}.h-full{height:100%}.h-px{height:1px}.\!max-h-\[100dvh\]{max-height:100dvh!important}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-10{min-height:2.5rem}.min-h-\[44px\]{min-height:44px}.\!w-screen{width:100vw!important}.w-2\.5{width:.625rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-5{min-width:1.25rem}.min-w-\[10rem\]{min-width:10rem}.min-w-\[1180px\]{min-width:1180px}.min-w-\[700px\]{min-width:700px}.min-w-\[820px\]{min-width:820px}.min-w-\[8rem\]{min-width:8rem}.\!max-w-none{max-width:none!important}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.\!translate-x-0{--tw-translate-x: 0px !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.\!translate-y-0{--tw-translate-y: 0px !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[52px_1fr\]{grid-template-columns:52px 1fr}.\!flex-col{flex-direction:column!important}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.\!gap-3{gap:.75rem!important}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\!rounded-none{border-radius:0!important}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.\!border-0{border-width:0px!important}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-\[color\:var\(--border\)\]{border-color:var(--border)}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-emerald-300{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.bg-\[color\:var\(--surface-soft\)\]{background-color:var(--surface-soft)}.bg-black\/40{background-color:#0006}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-violet-600{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-3{padding-bottom:.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-\[color\:var\(--muted\)\]{color:var(--muted)}.text-current{color:currentColor}.text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-emerald-900{--tw-text-opacity: 1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-slate-950{--tw-text-opacity: 1;color:rgb(2 6 23 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-transparent{--tw-ring-offset-color: transparent}.ring-offset-white{--tw-ring-offset-color: #fff}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[2px\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}*{box-sizing:border-box}html,body{height:100%;margin:0;min-height:100vh;font-family:Manrope,Inter,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;overflow-y:hidden}#root{height:100%;min-height:100vh}.app-layout,.sidebar,.chat-view{overscroll-behavior:none}.auth-screen{height:var(--app-height, 100dvh);min-height:var(--app-height, 100dvh);display:grid;place-items:center;padding:28px;background:radial-gradient(900px circle at 20% 0%,rgba(34,197,94,.12),transparent 55%),radial-gradient(900px circle at 90% 10%,rgba(59,130,246,.1),transparent 60%),var(--bg);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.auth-screen-static{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom));overflow:hidden}.auth-card{width:min(390px,100%);border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-lg);padding:8px 0 2px}.auth-card-header{display:grid;justify-items:center;gap:2px;text-align:center}.auth-card-header p{margin:0;color:var(--muted);font-size:13px}.auth-card-header h2{margin:0;font-size:35px;line-height:1.05;letter-spacing:-.02em}.auth-card-body{display:grid;gap:16px}.auth-subtitle{margin:6px 0 0;font-size:13px;font-weight:500;color:color-mix(in srgb,var(--text) 58%,transparent)}.auth-link{text-align:center;color:var(--muted);font-weight:500;text-decoration:none;padding:2px 0 0}.auth-link:hover{color:color-mix(in srgb,var(--muted) 84%,var(--text));text-decoration:underline}.auth-logo{width:62px;height:62px;margin:0 auto}.auth-form{display:grid;gap:13px}.auth-input input{border-radius:12px;background:var(--surface);box-shadow:0 10px 30px #0f172a17;transition:box-shadow .12s ease,border-color .12s ease}.auth-input input:hover{border-color:color-mix(in srgb,var(--border) 70%,var(--muted))}.auth-input input:focus{box-shadow:var(--ring),0 14px 34px #0f172a1f;border-color:color-mix(in srgb,#3b82f6 66%,var(--border))}.auth-input-nozoom input{font-size:16px!important}.auth-submit-btn{margin-top:2px;min-height:40px;border-radius:999px!important;border:0!important;color:#fff!important;font-weight:700!important;letter-spacing:.03em;background:linear-gradient(90deg,#58c7ff,#8d56ff 55%,#c442f6)!important;box-shadow:0 8px 20px #8d56ff42}.auth-submit-btn:hover{filter:brightness(.98)}.auth-mode-btn{text-transform:none!important;color:#8d93a1!important;font-weight:500!important}.auth-login-screen{position:relative;isolation:isolate;background:transparent}.auth-login-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1100px circle at 50% -24%,rgba(137,227,224,.32),transparent 52%),linear-gradient(180deg,#d8f8f4,#eefcfb 42%,#fff)}.auth-login-shell{width:min(420px,100%);display:grid;gap:20px}.auth-login-header{text-align:center;color:#12374a}.auth-login-header h1{margin:0;font-size:clamp(42px,8vw,54px);line-height:.96;letter-spacing:-.04em;font-weight:800}.auth-login-header p{margin:10px 0 0;font-size:17px;line-height:1.35;color:#12374ab8}.auth-login-form{display:grid;gap:14px;padding:24px 20px;border-radius:24px;background:color-mix(in srgb,#ffffff 72%,transparent);border:1px solid rgba(173,214,226,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 40px #1f5d7229}.auth-login-input>span{color:#12374acc!important;font-size:14px;font-weight:600}.auth-login-input input{min-height:48px;border-radius:14px!important;border-color:#aad2dee6!important;background:#fffffffa!important;box-shadow:none!important;color:#1b2f3f}.auth-login-input input::-moz-placeholder{color:#325c6e80}.auth-login-input input::placeholder{color:#325c6e80}.auth-login-input input:focus{border-color:#6ebfd7!important;box-shadow:0 0 0 3px #6ebfd747!important}.auth-login-submit{min-height:46px;margin-top:2px}.auth-login-actions{display:grid;gap:10px}.auth-login-link{color:#1e5f7af2;font-weight:600}.auth-login-link:hover{color:#0f6f96}.offline-banner,.error-banner{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid #f4d27f;background:#fff8e5;color:#7a5600;box-shadow:var(--shadow)}.error-banner{top:62px;width:min(680px,calc(100vw - 24px));align-items:flex-start;border-color:#f2a9a3;background:#feeceb;color:#8d221c}.error-banner>svg{width:18px;height:18px;flex-shrink:0;margin-top:8px}.error-banner>button{flex-shrink:0}.error-banner-text{flex:1;min-width:0;overflow-wrap:anywhere;max-height:30dvh;overflow-y:auto;font-size:14px;line-height:1.45;padding-block:7px}.offline-banner{max-width:calc(100vw - 24px)}.app-layout{height:var(--app-height, 100dvh);min-height:var(--app-height, 100dvh);display:grid;grid-template-columns:84px minmax(280px,370px) minmax(0,1fr);gap:0;overflow:hidden}.sidebar{height:var(--app-height, 100dvh);min-height:0;min-width:0;max-width:100%;border-right:1px solid var(--border);background:var(--panel);display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:10px;padding:14px 10px;overflow:hidden}.sidebar-top{display:flex;justify-content:space-between;align-items:center;min-width:0;padding:4px 2px 6px}.sidebar-top strong{display:block;font-size:24px;line-height:1.1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-top p{margin:3px 0 0;color:var(--muted);font-size:15px}.top-actions{display:flex;gap:6px}.quick-form{display:grid;grid-template-columns:1fr;gap:0;align-items:center;min-width:0;width:100%}.quick-form label,.quick-form input{width:100%;max-width:100%;min-width:0}.chat-search-wrap{position:relative;width:100%;min-width:0;overflow:clip}.chat-search-wrap>*{max-width:100%}.chat-search-suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:60;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);border-radius:14px;padding:6px;display:grid;gap:4px;box-shadow:0 16px 40px #0f172a2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:min(62vh,480px);overflow-y:auto}:root[data-theme=dark] .chat-search-suggest{box-shadow:0 18px 44px #0000008c}.chat-suggest-item{border:1px solid transparent;background:transparent;border-radius:12px;padding:10px;cursor:pointer;text-align:left;color:inherit;display:grid;gap:2px}.chat-suggest-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--muted) 80%,var(--text));padding:6px 8px 2px}.chat-suggest-divider{height:1px;background:color-mix(in srgb,var(--border) 75%,transparent);margin:3px 4px}.chat-suggest-note{font-size:12px;color:var(--muted);padding:0 8px 4px}.chat-suggest-item:hover{background:color-mix(in srgb,var(--surface) 88%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.chat-suggest-item.action{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent-strong);font-weight:700}.chat-suggest-title{font-size:14px;font-weight:700;line-height:1.15}.chat-suggest-sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list{display:flex;flex-direction:column;gap:8px;padding-right:4px;min-height:0;overflow:auto;align-items:stretch}.chat-item{width:100%;min-height:72px;height:auto;flex:0 0 auto;border:1px solid transparent;border-radius:14px;background:transparent;text-align:left;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 10px;cursor:pointer;color:inherit;transition:background-color .15s ease,border-color .15s ease;overflow:hidden}.chat-item:hover{background:color-mix(in srgb,var(--surface) 82%,transparent)}.chat-item.active{background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--text)}.chat-item.active time,.chat-item.active p{color:var(--muted)}.chat-item-main{min-width:0;overflow:hidden}.chat-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-item-head-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}.chat-item-head strong{font-size:16px;font-weight:700;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-head time{font-size:12px;color:var(--muted);margin-left:auto}.chat-item-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:var(--accent-strong);color:#fff;font-size:11px;font-weight:700;line-height:1}.chat-item-main p{margin:3px 0 0;color:var(--muted);font-size:14px}.chat-item-preview{display:flex;align-items:center;gap:4px;min-width:0}.chat-status{display:inline-flex;align-items:center;line-height:1}.chat-item-preview span:last-child{display:block;min-width:0;max-width:100%;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-status.read svg+svg{margin-left:-4px}.chat-view{height:var(--app-height, 100dvh);display:flex;flex-direction:column;position:relative;min-width:0;min-height:0;background:var(--chat-custom-bg) center / cover no-repeat,var(--chat-gradient)}.chat-view:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:color-mix(in srgb,var(--bg) 10%,transparent);z-index:0}.chat-header{background:var(--surface);border-bottom:1px solid var(--border);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.chat-header-main{display:flex;align-items:center;gap:10px}.chat-header-main h3{margin:0;font-size:20px;line-height:1.15;font-weight:700}.chat-header-main p{margin:2px 0 0;font-size:14px;color:var(--muted)}.chat-header-actions{display:flex;gap:6px}.chat-header-user-trigger,.chat-header-avatar-trigger{border:none;background:transparent;padding:0}.chat-header-user-trigger{min-width:0;text-align:left;display:grid;gap:2px}.chat-header-avatar-trigger{display:inline-grid;place-items:center;border-radius:999px;cursor:pointer}.chat-header-user-trigger:disabled,.chat-header-avatar-trigger:disabled{cursor:default;opacity:.78}.chat-header-user-trigger:focus-visible,.chat-header-avatar-trigger:focus-visible{outline:none;box-shadow:var(--ring)}.chat-toolbar{display:flex;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);position:relative;z-index:1}.chat-toolbar>:first-child{flex:1 1 auto}.message-list{display:grid;align-content:start;grid-auto-rows:max-content;gap:8px;padding:14px 16px;min-height:0;overflow:auto;flex:1 1 auto;position:relative;z-index:1;isolation:isolate}.message-list-wrap{position:relative;min-height:0;flex:1 1 auto;display:flex;flex-direction:column}.history-loader{display:flex;justify-content:center;padding:10px 0 2px;color:var(--muted);font-size:12px}.empty-state{margin:auto;width:min(360px,calc(100% - 32px));border:1px dashed var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 90%,transparent);padding:20px 16px;text-align:center;color:var(--muted);display:grid;justify-items:center;gap:8px}.empty-state svg{width:22px;height:22px;opacity:.75}.empty-state strong{color:var(--text);font-size:14px;font-weight:700}.empty-state p{margin:0;font-size:13px;line-height:1.35}.empty-state.small{margin:12px auto;width:calc(100% - 8px);padding:16px 12px}.sticky-date{position:sticky;top:8px;margin:8px auto;width:-moz-fit-content;width:fit-content;padding:4px 10px;border-radius:999px;font-size:12px;color:color-mix(in srgb,var(--text) 68%,var(--bg));background:color-mix(in srgb,var(--surface) 64%,var(--bg) 36%);border:1px solid color-mix(in srgb,var(--border) 78%,var(--bg) 22%);box-shadow:0 6px 14px #0f172a24;z-index:2;isolation:isolate;pointer-events:none}.message-row{display:flex;align-items:flex-start;min-width:0;margin-bottom:2px;position:relative}.message-row.mine{justify-content:flex-end}.message-row.selection-mode:not(.mine){padding-left:34px}.message-row.selection-mode.mine{padding-right:34px}.message-select-dot{position:absolute;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:999px;border:2px solid color-mix(in srgb,var(--muted) 70%,var(--border));background:color-mix(in srgb,var(--surface) 92%,transparent);cursor:pointer;display:inline-grid;place-items:center;box-shadow:0 10px 18px #0f172a14}.message-select-dot.left{left:8px}.message-select-dot.right{right:8px}.message-select-dot.checked{border-color:color-mix(in srgb,#4aa4ff 75%,var(--border));background:#4aa4ff}.message-select-dot.checked:after{content:"✓";font-size:14px;line-height:1;color:#fff;transform:translateY(-1px)}.pinned-bar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 95%,transparent)}.topics-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.topic-chip{border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);color:color-mix(in srgb,var(--text) 85%,transparent);font-size:13px;line-height:1;padding:7px 10px;border-radius:999px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .12s ease,border-color .12s ease,color .12s ease}.topic-chip:hover{background:color-mix(in srgb,var(--surface) 86%,transparent)}.topic-chip.active{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));background:color-mix(in srgb,var(--accent) 18%,transparent);color:color-mix(in srgb,var(--text) 92%,transparent)}.topic-add{margin-left:auto;white-space:nowrap}.pinned-bar-main{border:none;background:transparent;text-align:left;padding:0;cursor:pointer;display:grid;gap:2px;min-width:0}.pinned-bar-label{font-size:12px;color:#2b8a3e;font-weight:700}.pinned-bar-text{font-size:13px;color:color-mix(in srgb,var(--text) 82%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-bubble{position:relative;max-width:min(700px,82%);border-radius:14px;background:var(--bubble-in);border:1px solid color-mix(in srgb,var(--border) 72%,transparent);padding:6px 10px 5px;box-shadow:var(--shadow);touch-action:pan-y;min-width:0;overflow-wrap:anywhere}.message-bubble.selected{border-color:color-mix(in srgb,#5aa8ff 70%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,#5aa8ff 45%,transparent),var(--shadow)}:root[data-theme=dark] .message-bubble.selected{border-color:color-mix(in srgb,#4aa4ff 75%,#18263d);box-shadow:0 0 0 1px #4aa4ff61}.message-bubble.selected:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#58a4ff3d;pointer-events:none}:root[data-theme=dark] .message-bubble.selected:before{background:#368fde57}.message-bubble.sticker-only.selected:before{display:none}.message-bubble.mine{background:var(--bubble-out)}.message-bubble:after{content:"";position:absolute;bottom:0;left:-6px;width:10px;height:10px;background:var(--bubble-in);border-left:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);transform:skew(-30deg);border-bottom-left-radius:2px}.message-bubble.mine:after{left:auto;right:-6px;background:var(--bubble-out);border-left:none;border-right:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);transform:skew(30deg);border-bottom-left-radius:0;border-bottom-right-radius:2px}.message-bubble.highlight{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 72%,transparent)}.message-bubble strong{font-size:12px;color:#0d6be4}.message-bubble p{margin:0 0 2px;white-space:pre-wrap;font-size:15px;line-height:1.45}.message-bubble footer{display:flex;justify-content:flex-end;align-items:center;gap:6px;color:var(--muted);font-size:10px;line-height:1}.status-double-check{display:inline-flex;align-items:center;line-height:1}.status-double-check svg+svg{margin-left:-4px}.message-edited{opacity:.8}.message-bubble.mine footer{color:#5fad63}.message-bubble.reply-enabled{cursor:ew-resize}.message-reply-preview{margin:0 0 6px;padding:4px 8px;border-left:3px solid #cc7a2f;border-radius:8px;background:#cc7a2f1f;display:grid;gap:1px}.message-reply-preview b{font-size:12px;color:#cc7a2f;line-height:1.2}.message-reply-preview span{font-size:12px;color:color-mix(in srgb,var(--text) 82%,transparent);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-reactions{margin-top:5px;display:flex;flex-wrap:wrap;gap:4px}.message-reaction-chip{border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);padding:1px 6px;display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--text)}.message-selected{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);border-radius:16px}.message-pinned .message-bubble{box-shadow:0 0 0 2px #f39c1247}.message-context-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.message-menu-open,.message-menu-open *{-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important}.message-reaction-bar{position:fixed;display:flex;align-items:center;gap:6px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);border-radius:999px;padding:8px 10px;box-shadow:0 12px 30px #0f172a2e}.message-reaction-option{border:none;background:transparent;cursor:pointer;font-size:30px;line-height:1;padding:0 2px}.message-context-menu{position:fixed;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);border-radius:14px;box-shadow:0 16px 36px #0f172a33;min-width:240px;max-width:calc(100vw - 24px);max-height:calc(var(--vv-height, 100dvh) - 92px);overflow-y:auto;display:grid}.message-context-menu button{border:none;background:transparent;text-align:left;padding:10px 14px;font-size:17px;cursor:pointer}.message-context-menu button:hover{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.attachment-preview{display:flex;gap:6px;flex-wrap:wrap}.voice-message{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);margin:4px 0}.message-bubble.mine .voice-message{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.voice-play{width:34px;height:34px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);display:grid;place-items:center;font-size:14px;line-height:1}.voice-play:disabled{opacity:.6}.voice-meta{display:grid;gap:2px}.voice-title{font-weight:700;font-size:13px}.voice-sub{font-size:12px;color:var(--muted)}.video-note{margin:6px 0 2px}.video-note-player{width:240px;max-width:100%;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent)}.message-bubble.sticker-only{background:transparent!important;border:none!important;box-shadow:none!important;padding:0;max-width:180px}.message-bubble.sticker-only:after{display:none}.message-bubble.sticker-only strong{display:block;margin:0 0 4px 2px}.sticker-message{position:relative;width:148px;height:148px}.sticker-preview{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.sticker-preview img{width:148px;height:148px;-o-object-fit:cover;object-fit:cover;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 95%,transparent)}.attachment-open,.attachment-file-btn{border:none;background:transparent;padding:0;cursor:pointer;text-align:left}.sticker-preview .attachment-open img{width:148px;height:148px;-o-object-fit:cover;object-fit:cover;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 95%,transparent);display:block}.attachment-file-btn:focus-visible,.attachment-open:focus-visible{outline:none;box-shadow:var(--ring);border-radius:10px}.image-loading{width:148px;height:148px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--border) 65%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--surface) 92%,transparent));background-size:240% 100%;animation:imgshimmer 1.1s ease-in-out infinite;position:relative;overflow:hidden}.image-open{position:absolute;inset:auto 10px 10px 10px;height:32px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 85%,transparent);color:color-mix(in srgb,var(--text) 90%,transparent);font-size:12px;font-weight:700}@keyframes imgshimmer{0%{background-position:0% 0%}to{background-position:100% 0%}}.sticker-message img{width:148px;height:148px;-o-object-fit:cover;object-fit:cover;border-radius:16px;display:block}.sticker-meta{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#fff;text-shadow:0 1px 3px rgba(15,23,42,.65);opacity:0;pointer-events:none;transition:opacity .15s ease}.message-bubble.sticker-only:hover .sticker-meta{opacity:1}.sticker-meta time,.sticker-meta .message-status,.sticker-meta .message-status svg{color:#fff!important;stroke:#fff;fill:currentColor}.composer-wrap{border-top:0;background:transparent;padding:8px 12px max(4px,env(safe-area-inset-bottom));position:relative;flex:0 0 auto;margin-top:auto;z-index:1}.composer-wrap:before{content:"";position:absolute;top:-28px;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--surface) 72%,transparent))}.composer-wrap>:not(.emoji-panel){position:relative;z-index:1}.selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 95%,transparent)}.reply-banner{font-size:12px;color:var(--muted);margin-bottom:6px;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-radius:10px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.reply-banner.editing{border-color:color-mix(in srgb,#3b82f6 50%,var(--border));background:color-mix(in srgb,#3b82f6 12%,var(--surface))}.reply-banner-main{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-banner-main strong{color:var(--accent-strong)}.composer-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.composer-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px;align-items:end}.composer-row.mobile-layout{grid-template-columns:auto minmax(0,1fr) auto}.composer-input-wrap{position:relative;min-width:0}.composer-input-textarea{padding-right:50px}.composer-circle-btn{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important}.composer-emoji-inside{position:absolute!important;right:6px;bottom:6px;width:34px!important;height:34px!important;min-width:34px!important;border-radius:8px!important}.composer-send-btn{border-radius:12px!important}.composer-action-btn.is-send{background:linear-gradient(135deg,#8ec5ff,#6f9dff)!important;border-color:transparent!important;color:#f8fafc!important}.composer-action-btn.is-recording{background:#dc2626e0!important;border-color:transparent!important;color:#fff!important}.folder-rail{height:var(--app-height, 100dvh);min-height:0;border-left:1px solid var(--border);background:var(--panel);padding:10px 8px;display:grid;align-content:start;justify-items:center;gap:8px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.folder-rail.left{border-left:none;border-right:1px solid var(--border)}.folder-rail-item{width:54px;height:54px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.folder-rail-item:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));color:var(--text)}.folder-rail-item.active{background:color-mix(in srgb,var(--accent) 18%,var(--surface));border-color:color-mix(in srgb,var(--accent) 70%,var(--border));color:var(--accent-strong)}.modal-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:16px}.modal-list{display:grid;gap:8px}.modal-list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--surface) 80%,transparent)}.modal-folder-meta{min-width:0;flex:1 1 auto}.modal-folder-head{display:flex;align-items:center;gap:8px}.modal-folder-head>:first-child{flex:1 1 auto;min-width:0}.modal-folder-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.modal-list-item strong{display:block;font-size:14px}.modal-list-item p{margin:2px 0 0;font-size:12px;color:var(--muted)}.modal-empty{text-align:center;color:var(--muted);padding:14px}.forward-search-row{margin-bottom:10px}.forward-folders-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:8px}.forward-folder-chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:13px;white-space:nowrap;cursor:pointer}.forward-folder-chip.active{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.forward-targets-list{max-height:52vh;overflow:auto;display:grid;gap:6px}.forward-target-item{border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;cursor:pointer;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:10px;padding:8px 10px;align-items:center}.forward-target-item:hover{background:color-mix(in srgb,var(--surface) 75%,transparent);border-color:color-mix(in srgb,var(--border) 70%,transparent)}.forward-target-item strong{display:block;font-size:15px;line-height:1.2}.forward-target-item p{margin:2px 0 0;font-size:13px;color:var(--muted)}.delete-option{display:flex;align-items:center;gap:8px;font-size:15px}.group-create-step{display:grid;gap:12px;padding-top:4px}.group-create-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.group-create-chips{display:flex;flex-wrap:wrap;gap:8px}.group-member-chip{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);border-radius:999px;padding:6px 10px;font-size:13px;cursor:pointer}.group-member-chip span{opacity:.7}.group-create-contacts{border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding-top:10px}.group-create-label{font-size:13px;color:var(--muted);margin-bottom:8px}.group-create-contact-grid{display:flex;flex-wrap:wrap;gap:8px}.group-contact-item{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:13px;cursor:pointer}.group-contact-item.active{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.file-btn{border:1px solid var(--border);border-radius:999px;padding:8px 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:var(--surface);color:var(--text);font-size:13px}.group-avatar-preview{width:44px;height:44px;border-radius:999px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--border)}.group-settings-head{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:start;margin-top:6px}.group-settings-avatar{display:grid;gap:10px;justify-items:center}.group-settings-fields{display:grid;gap:10px}.group-settings-about{width:100%;border-radius:12px;border:1px solid var(--border);padding:10px 12px;background:var(--surface);color:var(--text);font:inherit;resize:vertical;min-height:84px}.group-settings-list{display:grid;margin-top:14px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding-top:10px;max-height:min(52vh,560px);overflow:auto;padding-right:4px}.group-settings-row{border:none;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;padding:10px 6px;cursor:pointer;border-radius:10px}.group-settings-row:hover{background:color-mix(in srgb,var(--surface) 75%,transparent)}.group-settings-row b{color:var(--muted);font-weight:600}.group-settings-row.checkbox{cursor:default}.group-settings-subhead{margin-top:12px;padding:8px 6px 6px;color:var(--muted);font-size:13px}.group-settings-member-add{display:grid;grid-template-columns:1fr auto;gap:10px;padding:0 6px 10px}.group-settings-members{display:grid;gap:8px;padding:0 6px 6px}.group-settings-member{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.group-settings-member-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.group-topics-list{display:grid;gap:8px;padding:0 6px 2px}.group-topic-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.settings-panel{display:grid;gap:12px;min-width:0;min-height:0;overflow-x:hidden;border:0;border-radius:0;background:transparent;padding:0}.settings-mobile-menu{display:grid;gap:8px}.settings-mobile-shell{display:grid;gap:14px;min-height:0;height:100%;padding:2px 0 8px;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-mobile-menu-head{display:flex;align-items:center;gap:10px;padding:0 2px}.settings-mobile-menu-head strong{font-size:18px;line-height:1.2;font-weight:700;color:var(--text)}.settings-mobile-menu-exit{width:36px;height:36px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--text);display:grid;place-items:center}.settings-mobile-menu-exit svg{width:18px;height:18px}.settings-mobile-profile-card{width:100%;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:30px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--bg) 4%),color-mix(in srgb,var(--surface-soft) 94%,var(--bg) 6%));padding:22px 16px 20px;display:grid;justify-items:center;gap:9px;color:var(--text);text-align:center;box-shadow:0 1px 2px #0f172a0a}.settings-mobile-profile-card strong{font-size:23px;line-height:1.15;font-weight:700}.settings-mobile-profile-card>span{font-size:15px;color:var(--muted)}.settings-mobile-avatar-wrap{position:relative;width:100px;height:100px}.settings-mobile-avatar{width:100px;height:100px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface-soft) 92%,transparent);display:grid;place-items:center;color:color-mix(in srgb,var(--text) 92%,transparent);font-size:42px;font-weight:700;overflow:hidden}.settings-mobile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.settings-mobile-online-dot{position:absolute;right:4px;bottom:4px;width:17px;height:17px;border-radius:999px;background:#38d07a;border:2px solid color-mix(in srgb,var(--surface) 85%,transparent)}.settings-mobile-group{border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:28px;background:color-mix(in srgb,var(--surface) 95%,var(--bg) 5%);box-shadow:0 1px 2px #0f172a09;overflow:hidden}.settings-mobile-item{width:100%;border:0;background:transparent;min-height:62px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;color:var(--text);text-align:left;transition:background-color .12s ease}.settings-mobile-item:active{background:color-mix(in srgb,var(--surface-soft) 74%,transparent)}.settings-mobile-item+.settings-mobile-item{border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.settings-mobile-item-left{display:inline-flex;align-items:center;gap:13px;min-width:0;font-size:16px;font-weight:500;line-height:1.2}.settings-mobile-item-left svg{width:22px;height:22px;color:var(--muted);flex:0 0 auto}.settings-mobile-item-right{display:inline-flex;align-items:center;gap:8px;margin-left:10px}.settings-mobile-item-value{font-size:16px;color:var(--muted);white-space:nowrap}.settings-mobile-item-chevron{width:20px;height:20px;color:var(--muted)}.settings-push-mode{display:grid;gap:6px}.settings-push-mode span{font-size:12px;color:var(--muted)}.settings-push-mode select{width:100%;min-height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 10px}:root[data-theme=dark] .settings-mobile-profile-card,:root.dark .settings-mobile-profile-card{border-color:#94a3b833;background:linear-gradient(180deg,#1d202ff5,#181b29f5);box-shadow:0 1px 2px #00000059}:root[data-theme=dark] .settings-mobile-group,:root.dark .settings-mobile-group{border-color:#94a3b833;background:#1b1e2df5;box-shadow:0 1px 2px #0000004d}:root[data-theme=dark] .settings-mobile-item+.settings-mobile-item,:root.dark .settings-mobile-item+.settings-mobile-item{border-top-color:#94a3b82e}:root[data-theme=dark] .settings-mobile-item:active,:root.dark .settings-mobile-item:active{background:#94a3b81a}:root[data-theme=dark] .settings-mobile-online-dot,:root.dark .settings-mobile-online-dot{border-color:#111827eb}:root[data-theme=dark] .settings-mobile-menu-exit,:root.dark .settings-mobile-menu-exit{border-color:#94a3b83d;background:#1b1e2de6;color:var(--text)}.settings-mobile-row{border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--surface) 96%,transparent);border-radius:14px;min-height:48px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;color:var(--text);font-size:16px}.settings-mobile-row svg{color:var(--muted)}.settings-mobile-head{display:flex;align-items:center;gap:10px;margin-bottom:2px}.settings-mobile-head strong{font-size:18px;line-height:1.2}.settings-mobile-back{width:36px;height:36px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent);display:grid;place-items:center}.settings-dialog{width:min(920px,calc(100vw - 32px));max-width:min(920px,calc(100vw - 32px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden!important}.settings-tabs-root{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:start;min-width:0;min-height:0;height:min(74vh,760px);max-height:min(74vh,760px)}.settings-tabs-list{position:sticky;top:0;height:auto!important;display:grid!important;grid-auto-flow:row;align-items:stretch;gap:4px!important;width:100%!important;background:color-mix(in srgb,var(--surface) 96%,transparent)!important;border:1px solid var(--border);border-radius:14px;padding:8px!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 35%,transparent)}.settings-tabs-trigger{width:100%;justify-content:flex-start!important;text-align:left;min-height:36px}.settings-tab-content{margin-top:0!important;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;max-height:100%;padding-right:4px}.settings-section-card{border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 96%,transparent);padding:12px}.settings-section-title{font-size:14px;line-height:1.2;font-weight:700;color:color-mix(in srgb,var(--text) 92%,transparent)}.settings-section-value{margin-top:6px;font-size:14px;color:color-mix(in srgb,var(--text) 78%,transparent);word-break:break-word}.settings-inner-card{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface-soft) 94%,transparent);padding:10px}.settings-inner-title{font-size:12px;font-weight:700;color:color-mix(in srgb,var(--text) 82%,transparent)}.settings-hint{font-size:12px;color:var(--muted)}.settings-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.settings-danger{color:#d53a3a}.settings-wallpaper,.settings-twofa{display:grid;gap:10px}.twofa-box{display:grid;gap:8px;border:1px solid var(--border);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--surface) 90%,transparent)}.twofa-hint{font-size:12px;color:var(--muted)}.twofa-secret,.twofa-uri{overflow:auto;white-space:nowrap;border:1px dashed var(--border);border-radius:8px;padding:6px 8px}.twofa-secret code,.twofa-uri code{font-size:12px}.twofa-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.twofa-required{margin-top:4px;display:block;color:#d32f2f;font-size:12px;line-height:1.35}.twofa-qr{margin:8px 0;display:flex;align-items:center;justify-content:center}.twofa-qr img{width:180px;height:180px;border-radius:14px;background:#fff;padding:8px;box-shadow:0 10px 30px #00000014}.twofa-codes{display:grid;gap:4px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.twofa-codes code{font-size:12px;border:1px solid var(--border);border-radius:8px;padding:4px 6px}.settings-wallpaper-head{display:grid;gap:2px}.settings-wallpaper-head strong{font-size:14px}.settings-wallpaper-sub{font-size:12px;color:var(--muted)}.settings-theme{display:grid;gap:10px}.theme-mode-row{display:flex;gap:8px;flex-wrap:wrap}.preset-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.preset-card{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);border-radius:14px;padding:8px;display:grid;grid-template-columns:46px 1fr;gap:10px;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease}.preset-card:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--surface) 90%,transparent)}.preset-card.active{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.preset-swatch{width:46px;height:46px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background-size:cover;background-position:center}.preset-meta{display:grid;gap:2px;align-content:center;min-width:0}.preset-title{font-size:13px;font-weight:700;color:color-mix(in srgb,var(--text) 92%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-sub{font-size:12px;color:var(--muted)}.wallpaper-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.wallpaper-upload{font-size:13px;color:var(--muted);border:1px dashed var(--border);padding:8px 10px;border-radius:10px;cursor:pointer}.wallpaper-upload input{display:none}.wallpaper-preview{height:110px;border-radius:14px;border:1px solid var(--border);background-color:var(--chat-bg);background-size:cover;background-position:center;background-repeat:no-repeat}.profile-avatar-row{display:flex;align-items:center;gap:12px}.avatar-upload{font-size:13px;color:var(--muted);border:1px dashed var(--border);padding:8px 10px;border-radius:10px;cursor:pointer}.avatar-upload input{display:none}.save-profile-btn{border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent-strong);font-size:13px;font-weight:600;border-radius:10px;padding:8px 12px;cursor:pointer}.save-profile-btn:disabled{opacity:.6;cursor:default}.emoji-panel{position:absolute;left:auto;right:8px;width:min(360px,calc(100% - 16px));min-width:0;bottom:calc(100% + 8px);max-height:min(320px,45dvh);overflow:auto;display:grid;gap:8px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);z-index:30;box-shadow:0 10px 24px #0f172a26}.emoji-panel-tabs{display:flex;gap:8px}.emoji-tab{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:10px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.emoji-tab.active{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(32px,1fr));min-width:0;gap:4px}.emoji-btn{border:none;background:transparent;cursor:pointer;border-radius:8px;font-size:20px;line-height:1;padding:4px}.emoji-btn:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.sticker-picker{display:grid;gap:8px}.sticker-pack-tabs{display:flex;gap:6px;flex-wrap:wrap}.sticker-pack-tab{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}.sticker-pack-tab.active{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.sticker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.sticker-btn{border:1px solid transparent;border-radius:12px;padding:2px;background:transparent;cursor:pointer}.sticker-btn img{width:100%;height:auto;display:block;border-radius:10px}.sticker-btn:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));background:color-mix(in srgb,var(--accent) 10%,transparent)}.settings-panel h4{margin:0;font-size:20px}.chat-info-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none}.chat-info-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a3d;opacity:0;transition:opacity .2s ease}.chat-info-panel{position:absolute;top:0;right:0;width:min(370px,94vw);height:100%;overflow:auto;background:color-mix(in srgb,var(--surface-soft) 94%,transparent);border-left:1px solid var(--border);box-shadow:-20px 0 40px #0f172a29;transform:translate(100%);transition:transform .22s ease}.chat-info-drawer.open{pointer-events:auto}.chat-info-drawer.open .chat-info-backdrop{opacity:1}.chat-info-drawer.open .chat-info-panel{transform:translate(0)}.chat-info-header{padding:12px 12px 14px;border-bottom:1px solid var(--border);display:grid;justify-items:center;gap:8px;background:color-mix(in srgb,var(--surface-soft) 90%,transparent)}.chat-info-header>:nth-child(2){width:88px;height:88px}.chat-info-header>:first-child{justify-self:start}.chat-info-header h3{margin:2px 0 0;font-size:30px;line-height:1.05;text-align:center}.chat-info-header p{margin:0;color:color-mix(in srgb,var(--accent) 85%,var(--text));font-size:18px}.chat-info-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-soft) 90%,transparent)}.chat-info-action-card{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);border-radius:10px;padding:9px 6px;display:grid;justify-items:center;gap:8px;cursor:pointer;color:var(--text)}.chat-info-action-card svg{width:20px;height:20px}.chat-info-action-card span{font-size:14px}.chat-info-section{margin-top:8px;padding:12px;background:color-mix(in srgb,var(--surface) 96%,transparent);border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;gap:14px}.chat-info-item strong{display:block;font-size:17px;line-height:1.2;color:var(--text);word-break:break-word}.chat-info-item span{margin-top:2px;display:block;font-size:13px;color:var(--muted)}.chat-info-section.compact{gap:10px}.chat-info-row{display:flex;align-items:center;gap:12px;color:#1f2937}.chat-info-row svg{width:22px;height:22px}.chat-info-row span{font-size:16px}.chat-info-row.action{border:none;background:transparent;text-align:left;cursor:pointer;padding:0}.chat-info-row.action.danger{color:#db4f50}.chat-info-notice{position:sticky;bottom:10px;margin:10px 12px;padding:8px 10px;border-radius:10px;font-size:13px;color:#0f5132;border:1px solid #8ed1ae;background:#e8f7ef}@media(max-width:1200px){.app-layout{grid-template-columns:76px minmax(260px,330px) minmax(0,1fr)}.sidebar-top strong{font-size:20px}}@media(max-width:960px){.app-layout{grid-template-columns:68px minmax(240px,300px) minmax(0,1fr)}.sidebar{padding:12px 8px}}@media(max-width:860px){.auth-screen{padding:14px}.auth-screen-static{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.auth-card{width:min(370px,100%)}.auth-card-header h2{font-size:31px}.auth-login-shell{gap:16px}.auth-login-form{padding:18px 16px;border-radius:20px}.auth-login-header h1{font-size:clamp(36px,11vw,48px)}.auth-login-header p{font-size:15px}.app-layout.mobile{grid-template-columns:1fr;height:100%;min-height:100%}.app-layout.mobile .folder-rail{display:none}.app-layout.mobile .sidebar,.app-layout.mobile .chat-view{grid-column:1;height:100%;min-height:0}.app-layout.mobile .sidebar{padding-top:max(22px,calc(12px + env(safe-area-inset-top)));padding-bottom:max(10px,calc(10px + env(safe-area-inset-bottom)))}.app-layout.mobile .chat-view{position:relative;overflow:hidden;padding-top:var(--chat-header-height, 86px);padding-bottom:0}.app-layout.mobile .message-list{padding-bottom:calc(var(--mobile-composer-height, 92px) + var(--keyboard-inset, 0px) + 12px);padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.app-layout.mobile .chat-header{position:fixed;left:0;right:0;top:var(--vv-offset-top, 0px);z-index:25;padding:max(10px,calc(6px + env(safe-area-inset-top))) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));background:color-mix(in srgb,var(--surface) 98%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-layout.mobile .composer-wrap{border-top:0;position:fixed;left:0;right:0;bottom:var(--keyboard-inset, 0px);z-index:26;background:transparent;margin-top:0;padding:6px max(8px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.app-layout.mobile .composer-wrap:before{display:block}.app-layout.mobile .composer-wrap>:not(.emoji-panel){position:relative;z-index:1}:root.keyboard-open .app-layout.mobile .composer-wrap{padding-bottom:6px}.app-layout.mobile .composer-row{gap:7px;align-items:flex-end}.app-layout.mobile .composer-circle-btn{width:46px!important;height:46px!important;min-width:46px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;background:color-mix(in srgb,var(--surface) 88%,transparent)!important;color:color-mix(in srgb,var(--text) 90%,transparent)!important;box-shadow:0 2px 8px #0f172a1a}:root[data-theme=dark] .app-layout.mobile .composer-circle-btn,:root.dark .app-layout.mobile .composer-circle-btn{border-color:color-mix(in srgb,var(--border) 72%,#9ca3af 28%)!important;background:color-mix(in srgb,var(--surface) 78%,#000 22%)!important;box-shadow:0 10px 20px #0206174d}.app-layout.mobile .composer-action-btn.is-voice{background:color-mix(in srgb,var(--surface) 88%,transparent)!important}.app-layout.mobile .composer-action-btn.is-send{background:linear-gradient(135deg,#8ec5ff,#6f9dff)!important;border-color:transparent!important;color:#f8fafc!important}:root[data-theme=dark] .app-layout.mobile .composer-action-btn.is-send,:root.dark .app-layout.mobile .composer-action-btn.is-send{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}.app-layout.mobile .composer-input-wrap{border:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;border-radius:28px;background:color-mix(in srgb,var(--surface) 90%,transparent)!important;box-shadow:0 2px 8px #0f172a14}:root[data-theme=dark] .app-layout.mobile .composer-input-wrap,:root.dark .app-layout.mobile .composer-input-wrap{border-color:color-mix(in srgb,var(--border) 72%,#9ca3af 28%)!important;background:color-mix(in srgb,var(--surface) 78%,#000 22%)!important;box-shadow:0 10px 20px #02061747}.app-layout.mobile .composer-input-textarea{min-height:46px;border:0!important;border-radius:28px!important;background:transparent!important;color:color-mix(in srgb,var(--text) 94%,transparent)!important;padding:11px 46px 11px 16px;line-height:1.35;box-shadow:none!important}.app-layout.mobile .composer-input-textarea::-moz-placeholder{color:color-mix(in srgb,var(--text) 52%,transparent)}.app-layout.mobile .composer-input-textarea::placeholder{color:color-mix(in srgb,var(--text) 52%,transparent)}.app-layout.mobile .composer-input-textarea:focus-visible{outline:none;box-shadow:none!important}.app-layout.mobile .composer-emoji-inside{width:34px!important;height:34px!important;min-width:34px!important;border-radius:999px!important;right:6px;bottom:6px;border:0!important;background:transparent!important;color:color-mix(in srgb,var(--text) 72%,transparent)!important}.app-layout.mobile .chat-header-main{width:100%;gap:10px}.app-layout.mobile .chat-header-actions{display:none}.app-layout.mobile .chat-header-back-btn{width:42px!important;min-width:42px!important;height:42px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 90%,transparent)}.app-layout.mobile .chat-header-user-trigger{flex:1 1 auto;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;border:0;border-radius:12px;background:transparent;padding:2px 4px;min-width:0;text-align:left}.app-layout.mobile .chat-header-user-trigger .avatar-root{width:38px!important;height:38px!important}.app-layout.mobile .chat-header-user-copy{min-width:0}.app-layout.mobile .chat-header-user-trigger h3{margin:0;font-size:17px;line-height:1.1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-layout.mobile .chat-header-user-trigger p{margin:1px 0 0;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-layout.mobile .chat-header-avatar-trigger{width:44px;height:44px;min-width:44px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--surface) 90%,transparent)}.app-layout.mobile .chat-header-mobile-call-actions{display:flex;flex:0 0 auto;gap:2px}.app-layout.mobile .chat-header-mobile-call-actions button{width:38px!important;min-width:38px!important;height:38px!important;border-radius:12px!important;color:var(--accent-strong)!important}.app-layout.mobile .message-bubble,.app-layout.mobile .message-context-layer,.app-layout.mobile .message-context-layer *{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.app-layout.mobile input,.app-layout.mobile textarea,.app-layout.mobile select{font-size:16px!important}.app-layout.mobile .folder-rail-item{width:46px;height:46px}.sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sticker-preview img,.sticker-message,.sticker-message img{width:128px;height:128px}.chat-info-panel{width:100vw}.chat-info-header{padding-top:max(24px,calc(10px + env(safe-area-inset-top)))}.chat-info-header>:first-child{margin-top:4px}.chat-info-header h3{font-size:28px}.chat-info-header p{font-size:16px}.settings-dialog{width:100vw!important;max-width:100vw!important;left:50%!important;top:0!important;transform:translate(-50%)!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border:0!important;box-shadow:none!important;padding:max(8px,calc(env(safe-area-inset-top) + 2px)) 10px max(8px,calc(env(safe-area-inset-bottom) + 2px))!important;gap:10px!important}.create-group-dialog{width:calc(100vw - 12px)!important;max-width:min(480px,calc(100vw - 24px))!important;top:max(10px,env(safe-area-inset-top))!important;transform:translate(-50%)!important;max-height:calc(100dvh - max(10px,env(safe-area-inset-top)) - max(10px,env(safe-area-inset-bottom)))!important}.create-group-dialog input,.create-group-dialog textarea,.create-group-dialog select{font-size:16px!important}[data-volna-dialog]:not(.call-modal-shell):not(.media-viewer):not(.conference-window){top:calc(var(--vv-offset-top, 0px) + 8px)!important;transform:translate(-50%)!important;max-height:calc(var(--vv-height, 100dvh) - 16px)!important;overflow-y:auto!important}[data-volna-dialog] input,[data-volna-dialog] textarea,[data-volna-dialog] select{font-size:16px!important}.settings-panel{padding:0;gap:10px;min-height:0;height:100%}.settings-mobile-shell{gap:10px;padding-bottom:4px}.settings-mobile-profile-card{border-radius:26px;padding:18px 14px 16px}.settings-mobile-profile-card strong{font-size:20px}.settings-mobile-avatar-wrap,.settings-mobile-avatar{width:84px;height:84px}.settings-mobile-avatar{font-size:34px}.settings-mobile-group{border-radius:26px}.settings-mobile-row{min-height:52px;font-size:17px}.settings-tabs-root{grid-template-columns:1fr;gap:10px;height:100%;max-height:none}.settings-tabs-list{position:static;display:flex!important;flex-wrap:nowrap;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap;scrollbar-width:none}.settings-tabs-list::-webkit-scrollbar{display:none}.settings-tabs-trigger{width:auto;min-width:-moz-max-content;min-width:max-content;justify-content:center!important;flex:0 0 auto}.settings-tab-content{height:100%;max-height:none;padding-right:0}.theme-mode-row{gap:6px}.theme-mode-row button{min-height:34px;padding-inline:12px!important}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.preset-card{grid-template-columns:1fr;justify-items:center;gap:0;padding:8px 6px}.preset-swatch{width:54px;height:54px}.preset-meta{display:none}}@media(max-width:480px){.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.preset-swatch{width:50px;height:50px}}.sidebar-top>div:first-child{min-width:0}.sidebar-top strong,.sidebar-top p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions,.chat-header-actions{flex-shrink:0}.chat-header-main{min-width:0;flex:1}.chat-header-main>div:not(.avatar-root){min-width:0}.chat-header-main h3,.chat-header-main p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin}.filter-tabs>button{flex:0 0 auto;white-space:nowrap}.volna-dropdown{max-width:calc(100vw - 24px);max-height:var(--radix-dropdown-menu-content-available-height, 70vh);overflow-y:auto;overscroll-behavior:contain}.volna-dropdown [role=menuitem]{overflow-wrap:anywhere}.volna-dropdown svg{width:17px;height:17px;flex-shrink:0}[data-volna-dialog]:not(.settings-dialog):not(.call-modal-shell):not(.media-viewer):not(.conference-window){width:calc(100% - 24px);border-radius:18px}[data-volna-dialog] .dialog-header{min-width:0;overflow-wrap:anywhere}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.selection-toolbar{flex-wrap:wrap}.modal-list-item,.group-settings-member{min-width:0;overflow-wrap:anywhere}.modal-form{grid-template-columns:minmax(0,1fr) auto}.modal-form input{min-width:0}@media(max-width:860px){.chat-header-mobile>.chat-header-main{gap:4px}.app-layout.mobile .chat-header-mobile-call-actions{gap:0}.app-layout.mobile .chat-header-user-trigger{flex:1 1 auto}.app-layout.mobile .chat-header-user-copy{min-width:0}.app-layout.mobile .chat-header-main>.chat-header-mobile-call-actions{flex:0 0 auto}[data-volna-dialog].settings-dialog{height:var(--vv-height, 100dvh)!important;max-height:var(--vv-height, 100dvh)!important;top:var(--vv-offset-top, 0px)!important}.settings-dialog .dialog-close{top:max(8px,env(safe-area-inset-top));right:8px}.settings-mobile-menu,.settings-mobile-shell{min-height:0;overflow-y:auto;overscroll-behavior:contain}.settings-dialog [role=tabpanel]{overflow-y:auto;overscroll-behavior:contain}.theme-mode-row,.group-settings-member{flex-wrap:wrap}.filter-tabs>button{min-height:38px}}@media(max-width:380px){.app-layout.mobile .chat-header-user-trigger .avatar-root{display:none}.app-layout.mobile .chat-header-user-trigger,.modal-form{grid-template-columns:minmax(0,1fr)}.modal-folder-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-height:540px){.call-identity{padding:64px 18px 92px;gap:4px}.call-avatar{width:64px;height:64px}.call-modal-shell .call-title{font-size:22px}.call-modal-shell .call-status{font-size:14px}.call-modal-shell.mobile-fullscreen .call-actions{bottom:max(8px,env(safe-area-inset-bottom))}}.media-viewer{padding-top:max(12px,env(safe-area-inset-top))!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}.media-viewer-stage{touch-action:pan-y pinch-zoom}.attachment-file-btn{color:var(--text);border-color:var(--border);background:var(--surface-soft)}.message-bubble>strong{display:block;margin-bottom:3px}.message-bubble footer{min-height:14px;padding-top:3px}.settings-av-field,.settings-av-field select{min-width:0;max-width:100%}.chat-info-header h3,.chat-info-action-card span,.settings-mobile-item-left{overflow-wrap:anywhere}.chat-info-action-card:disabled,.chat-info-row:disabled{cursor:not-allowed;opacity:.48}.chat-info-row{color:var(--text)}.chat-info-notice{color:var(--text);background:var(--surface-soft);border-color:var(--border)}.avatar-upload:focus-visible,.wallpaper-upload:focus-visible,.settings-mobile-back:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.file-btn:focus-within{outline:2px solid var(--accent-strong);outline-offset:3px}@media(max-width:860px){.settings-mobile-profile-card{padding:16px 14px;border-radius:20px;gap:10px}.settings-mobile-avatar-wrap,.settings-mobile-avatar{width:64px;height:64px}.settings-mobile-avatar{font-size:26px}.settings-mobile-group{border-radius:18px}.settings-mobile-item{min-height:54px}.settings-mobile-profile-card strong{overflow-wrap:anywhere}}[data-volna-dialog].create-group-dialog{max-width:min(480px,calc(100vw - 24px))}.create-group-dialog .group-create-row{grid-template-columns:minmax(0,1fr) auto}.create-group-dialog .group-create-row>*{min-width:0}@media(max-width:420px){.create-group-dialog .group-create-row{grid-template-columns:minmax(0,1fr)}}.call-modal-body.audio-mode{background:var(--call-audio-gradient)}.call-modal-shell .call-title{font-size:26px;font-weight:600}.call-modal-shell .call-status{font-size:14px;font-variant-numeric:tabular-nums}.call-window-tools{position:absolute;right:12px;top:12px;z-index:4;display:flex;gap:8px}.call-window-tools button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;background:#182636b3;border:1px solid #ffffff20}.call-local-video{top:60px;width:150px}.preview-hidden .call-local-video{visibility:hidden}.call-modal-shell .call-actions{gap:10px}.call-modal-shell .call-action-btn{min-width:64px;width:70px;height:66px;padding:8px 4px;border-radius:20px!important;flex-direction:column;gap:5px;font-size:10px}.call-modal-shell .call-action-btn svg{width:22px;height:22px}[data-volna-dialog].call-minimized{position:fixed!important;inset:auto 12px 88px auto!important;width:min(280px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;height:230px!important;min-height:0!important;max-height:55dvh!important;transform:none!important;border-radius:18px!important;padding:0!important;overflow:hidden!important;box-shadow:0 12px 40px #0006}.call-minimized .call-modal-body,.call-minimized .call-modal-overlay{height:100%!important;min-height:0!important}.call-minimized .call-identity{padding:24px 16px 64px;gap:5px}.call-minimized .call-avatar{width:50px;height:50px}.call-minimized .call-avatar span{font-size:22px}.call-minimized .call-title{font-size:16px}.call-minimized .call-status{font-size:12px}.call-minimized .call-local-video,.call-minimized .call-peer-badge{display:none}.call-minimized .call-actions{bottom:10px!important;gap:12px}.call-minimized .call-action-btn{width:40px;height:40px;min-width:40px;border-radius:50%!important}.call-minimized .call-action-btn span{display:none}.group-call-modal header{padding-right:42px}.group-call-modal.call-minimized{height:310px!important;padding:12px!important;display:flex;flex-direction:column;gap:8px}.group-call-modal.call-minimized header h2{font-size:15px}.group-call-modal.call-minimized header p{font-size:11px}.group-call-modal.call-minimized .group-call-grid{display:block;flex:1;min-height:0}.group-call-modal.call-minimized .group-call-tile{height:100%;min-height:60px;aspect-ratio:auto}.group-call-modal.call-minimized .group-call-tile:not(:first-child),.group-call-modal.call-minimized .group-call-pages,.group-call-modal.call-minimized .group-call-waiting{display:none}.group-call-modal.call-minimized .group-call-actions{padding:0;gap:4px}.group-call-modal.call-minimized .group-call-actions button{font-size:10px;min-width:0;padding:6px;gap:3px}.notification-highlight .message-bubble{animation:notification-focus 2.5s ease-out}@keyframes notification-focus{0%{box-shadow:0 0 0 4px var(--accent)}to{box-shadow:none}}.message-list{grid-template-columns:minmax(0,1fr)}.message-list>*,.message-list>*>*,.message-row{min-width:0;max-width:100%}:root[data-theme=dark] .message-bubble strong,:root[data-theme=dark] .chat-typing-status{color:var(--accent)}.chat-typing-status{color:var(--accent-strong)}:root[data-theme=dark] .chat-item-unread-badge{color:var(--on-accent)}:root[data-theme=dark] .composer-action-btn.is-send{background:var(--accent)!important;color:var(--on-accent)!important}:root[data-theme=dark] .app-layout.mobile .composer-circle-btn,:root[data-theme=dark] .app-layout.mobile .composer-input-wrap{background:var(--surface)!important;border-color:color-mix(in srgb,var(--border) 50%,transparent)!important}:root[data-theme=dark] .avatar-root{background:var(--surface-soft);color:var(--text)}:root[data-theme=dark] .filter-tabs>button{background:var(--surface);color:var(--muted);border-color:var(--border)}:root[data-theme=dark] .filter-tabs>button[aria-pressed=true]{background:var(--bubble-out);color:var(--accent);border-color:transparent}:root[data-theme=dark] .settings-mobile-profile-card,:root[data-theme=dark] .settings-mobile-group{background:var(--surface);border-color:var(--border)}:root[data-theme=dark] [role=menu]{background:var(--surface);border-color:var(--border);color:var(--text)}:root[data-theme=dark] [role=menuitem]:focus{background:var(--surface-soft);color:var(--text)}:root[data-theme=dark] .palette-button{background:var(--surface-soft);color:var(--text);border-color:var(--border)}:root[data-theme=dark] .palette-button:hover{background:color-mix(in srgb,var(--surface-soft) 85%,var(--text))}:root[data-theme=dark] .palette-button-primary{background:var(--accent);color:var(--on-accent)}:root[data-theme=dark] .palette-button-primary:hover{background:color-mix(in srgb,var(--accent) 85%,white)}:root[data-theme=dark] .palette-button-ghost{background:transparent}:root[data-theme=dark] .palette-button-ghost:hover{background:var(--surface-soft)}:root[data-theme=dark] .palette-input{background:var(--surface);color:var(--text);border-color:var(--border);--tw-ring-offset-color: var(--surface)}:root[data-theme=dark] .palette-input::-moz-placeholder{color:var(--muted);opacity:1}:root[data-theme=dark] .palette-input::placeholder{color:var(--muted);opacity:1}[data-volna-dialog].call-modal-shell.call-finished{inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(360px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;height:auto!important;max-height:calc(100dvh - 32px)!important;border-radius:24px!important;overflow-y:auto!important;background:var(--surface)!important}.call-finished .call-modal-body,.call-finished .call-modal-overlay{min-height:0!important;height:auto!important;background:var(--surface)!important;color:var(--text)}.call-finished .call-identity{padding:32px 24px 16px;gap:12px}.call-finished .call-avatar{width:72px;height:72px;border:0}.call-finished .call-avatar span{font-size:24px}.call-finished .call-title{font-size:22px}.call-finished .call-status{color:var(--muted);font-size:14px;line-height:1.5}.call-modal-shell.call-finished .call-actions{position:static;transform:none;padding:0 24px 24px;width:100%}.call-close-btn{width:100%;height:44px;border:0;border-radius:12px;background:var(--surface-soft);color:var(--text);font-size:15px;font-weight:600}.call-close-btn:hover{background:color-mix(in srgb,var(--surface-soft) 90%,var(--text))}.group-call-modal.group-call-compact{width:min(420px,calc(100vw - 24px))!important}.group-call-compact .group-call-actions{flex-wrap:wrap}.group-call-compact .group-call-actions button{flex:1 1 100%}:root[data-theme=dark] .message-bubble.mine footer{color:var(--muted)}:root[data-theme=dark] .app-layout.mobile .composer-action-btn.is-send{background:var(--accent)!important;color:var(--on-accent)!important}:root[data-theme=dark] .group-call-actions .group-call-leave{background:#bb3546;color:#fff}.call-modal-shell:not(.call-minimized) .call-action-btn span{display:block}:root[data-theme=dark] .message-reply-preview{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}:root[data-theme=dark] .message-reply-preview strong{color:var(--accent)}.chat-info-panel{width:min(420px,100vw);background:var(--surface-soft);border:0}.chat-info-header{padding:16px 20px 22px;background:var(--surface);border:0;gap:10px}.chat-info-header>.avatar-root{width:88px!important;height:88px!important}.chat-info-header h3{font-size:23px;line-height:1.2;padding:0 8px}.chat-info-header p{font-size:13px;color:var(--muted);text-align:center}.chat-info-quick-actions{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:6px;padding:0 14px 18px;background:var(--surface);border:0}.chat-info-action-card{border:0;background:var(--surface-soft);border-radius:14px;padding:12px 2px;gap:6px}.chat-info-action-card span{font-size:11px}.chat-info-action-card svg{color:var(--accent)}.chat-info-action-card:hover,.chat-info-row.action:hover{background:color-mix(in srgb,var(--accent) 10%,var(--surface-soft))}.chat-info-action-card:disabled{opacity:.4;cursor:default}.chat-info-section{background:var(--surface);border:0;padding:20px;margin-top:10px;gap:20px}.chat-info-section.compact{padding:4px 12px;gap:0}.chat-info-item strong{font-size:15px;line-height:1.5;font-weight:500}.chat-info-item .profile-bio{white-space:pre-wrap}.chat-info-row.action{color:var(--text);padding:17px 8px;width:100%;border-radius:10px;gap:15px}.chat-info-row.action span{font-size:14px;flex:1}.chat-info-row.action svg{flex-shrink:0;color:var(--muted);width:21px;height:21px}.chat-info-row .row-chevron{width:16px!important}.contact-name-form{display:grid;gap:10px;padding:8px}.contact-name-form label{display:grid;gap:6px;font-size:13px}.contact-name-form input,.profile-bio-input{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);padding:10px;border-radius:10px;width:100%}.profile-bio-input{resize:vertical;min-height:76px}.app-layout.mobile .composer-wrap:before{inset:auto 0 0;height:calc(50% + 14px);background:linear-gradient(180deg,transparent,rgba(0,0,0,.42))}.shared-browser{width:min(720px,calc(100vw - 24px))!important;max-width:720px!important;height:min(780px,calc(100dvh - 32px));padding:0!important;gap:0!important;display:flex!important;flex-direction:column;background:var(--surface)!important}.shared-browser-header{display:flex;align-items:center;gap:14px;padding:14px;border-bottom:1px solid var(--border);flex-shrink:0}.shared-browser-header h2{font-size:18px;margin:0}.shared-browser-body{flex:1;min-height:0;overflow:auto;padding:6px}.shared-month{font-size:14px;font-weight:600;padding:16px 8px 10px;margin:0;text-transform:capitalize}.shared-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.shared-photo-tile{aspect-ratio:1;background:var(--surface-soft);border:0;padding:0;position:relative;overflow:hidden;cursor:pointer}.shared-photo-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.shared-photo-tile:hover{opacity:.85}.shared-photo-tile:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.shared-photo-tile .media-state{position:absolute;top:0;right:0;bottom:0;left:0;font-size:11px}.shared-group-row{display:flex;align-items:center;gap:14px;width:100%;padding:14px;border:0;border-radius:12px;color:var(--text);background:transparent;text-align:left}.shared-group-row:hover{background:var(--surface-soft)}.shared-group-row .avatar-root{width:48px!important;height:48px!important}.shared-group-row strong{display:block;font-size:15px}.shared-group-row small{display:block;color:var(--muted);margin-top:4px}@media(max-width:480px){.shared-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}[data-volna-dialog][role=dialog].shared-browser{left:0!important;top:var(--vv-offset-top, 0px)!important;transform:none!important;width:100vw!important;max-width:100vw!important;height:var(--vv-height, 100dvh)!important;max-height:var(--vv-height, 100dvh)!important;border:0;border-radius:0!important}.shared-browser-header{padding-top:max(14px,env(safe-area-inset-top))}.shared-browser-body{padding-bottom:max(6px,env(safe-area-inset-bottom))}}.message-forward-origin{border-left:2px solid var(--accent);color:var(--accent);padding-left:8px;margin:4px 0 8px}.message-forward-origin small,.message-forward-origin b{display:block;font-size:12px}.external-share{border-bottom:1px solid var(--border);padding-bottom:12px}.external-share-options{display:grid;gap:8px;padding-top:10px}.external-share-options>button{justify-content:flex-start}.external-telegram{padding:9px 12px;color:var(--accent);font-size:14px}.external-file-row{display:flex;gap:4px;min-width:0}.external-file-row>button:first-child{flex:1;min-width:0;justify-content:flex-start}.external-file-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-manager,.bot-manager form,.bot-list{display:grid;gap:14px}.bot-token{border:1px solid var(--accent);border-radius:14px;padding:14px;font-size:13px}.bot-token code{display:block;-webkit-user-select:all;-moz-user-select:all;user-select:all;overflow-wrap:anywhere;padding:12px 0}.bot-token p{color:var(--muted)}.bot-manager details{font-size:13px;line-height:1.6;overflow-wrap:anywhere}:root .app-layout .composer-wrap.desktop-composer{padding:5px 8px;background:var(--surface);border-top:1px solid var(--border)}:root .app-layout .composer-wrap.desktop-composer:before{display:none}:root .app-layout .desktop-composer .composer-row{grid-template-columns:36px minmax(0,1fr) 36px;gap:4px;align-items:end}:root .app-layout .desktop-composer .composer-circle-btn,:root .app-layout .desktop-composer .composer-emoji-inside{width:36px!important;height:36px!important;min-width:36px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--muted)!important;box-shadow:none!important;font-size:22px}:root .app-layout .desktop-composer .composer-circle-btn:hover,:root .app-layout .desktop-composer .composer-emoji-inside:hover{background:var(--surface-soft)!important;color:var(--accent-strong)!important}:root .app-layout .desktop-composer .composer-action-btn.is-send{color:var(--accent-strong)!important}:root .app-layout .desktop-composer .composer-action-btn.is-recording{color:#e15360!important}:root .app-layout .desktop-composer .composer-input-wrap{background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important}:root .app-layout .desktop-composer .composer-input-textarea{min-height:36px;padding:7px 38px 7px 6px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:14px!important;line-height:22px}:root .app-layout .desktop-composer .composer-input-textarea:focus-visible{outline:none}:root .app-layout .desktop-composer .composer-emoji-inside{right:0;bottom:0}:root .app-layout .message-bubble.desktop-selectable{-moz-user-select:text;user-select:text;-webkit-user-select:text;cursor:auto}:root .app-layout .message-bubble.desktop-selectable p{cursor:text}.placeholder\:text-slate-500::-moz-placeholder{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.placeholder\:text-slate-500::placeholder{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.hover\:bg-\[color\:var\(--surface-soft\)\]:hover{background-color:var(--surface-soft)}.hover\:bg-red-600\/90:hover{background-color:#dc2626e6}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-100\/70:hover{background-color:#f1f5f9b3}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-900\/90:hover{background-color:#0f172ae6}.hover\:text-\[color\:var\(--text\)\]:hover{color:var(--text)}.hover\:opacity-100:hover{opacity:1}.focus\:bg-slate-100:focus{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.focus\:text-slate-900:focus{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[color\:var\(--accent\)\]:focus-visible{--tw-ring-color: var(--accent)}.focus-visible\:ring-slate-400\/40:focus-visible{--tw-ring-color: rgb(148 163 184 / .4)}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width: 0px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:border-slate-900[data-state=checked]{--tw-border-opacity: 1;border-color:rgb(15 23 42 / var(--tw-border-opacity, 1))}.data-\[state\=active\]\:bg-\[color\:var\(--surface\)\][data-state=active]{background-color:var(--surface)}.data-\[state\=checked\]\:bg-slate-900[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.data-\[state\=open\]\:bg-slate-100[data-state=open]{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.data-\[state\=unchecked\]\:bg-slate-200[data-state=unchecked]{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.data-\[state\=active\]\:text-\[color\:var\(--text\)\][data-state=active]{color:var(--text)}.data-\[state\=checked\]\:text-white[data-state=checked]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:border-emerald-900\/40:is(.dark *){border-color:#064e3b66}.dark\:border-red-900\/40:is(.dark *){border-color:#7f1d1d66}.dark\:border-slate-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.dark\:border-slate-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.dark\:border-slate-900:is(.dark *){--tw-border-opacity: 1;border-color:rgb(15 23 42 / var(--tw-border-opacity, 1))}.dark\:bg-emerald-950\/40:is(.dark *){background-color:#022c2266}.dark\:bg-red-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.dark\:bg-red-950\/30:is(.dark *){background-color:#450a0a4d}.dark\:bg-red-950\/40:is(.dark *){background-color:#450a0a66}.dark\:bg-slate-50:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-900\/40:is(.dark *){background-color:#0f172a66}.dark\:bg-slate-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.dark\:text-emerald-100:is(.dark *){--tw-text-opacity: 1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))}.dark\:text-emerald-200:is(.dark *){--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.dark\:text-red-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.dark\:text-slate-50:is(.dark *){--tw-text-opacity: 1;color:rgb(248 250 252 / var(--tw-text-opacity, 1))}.dark\:text-slate-900:is(.dark *){--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.dark\:ring-offset-slate-950:is(.dark *){--tw-ring-offset-color: #020617}.dark\:placeholder\:text-slate-500:is(.dark *)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.dark\:placeholder\:text-slate-500:is(.dark *)::placeholder{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-red-500\/90:hover:is(.dark *){background-color:#ef4444e6}.dark\:hover\:bg-slate-50\/90:hover:is(.dark *){background-color:#f8fafce6}.dark\:hover\:bg-slate-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-slate-800\/80:hover:is(.dark *){background-color:#1e293bcc}.dark\:hover\:bg-slate-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.dark\:focus\:bg-slate-800:focus:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:focus\:text-slate-50:focus:is(.dark *){--tw-text-opacity: 1;color:rgb(248 250 252 / var(--tw-text-opacity, 1))}.dark\:data-\[state\=checked\]\:border-slate-50[data-state=checked]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(248 250 252 / var(--tw-border-opacity, 1))}.dark\:data-\[state\=checked\]\:bg-slate-50[data-state=checked]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.dark\:data-\[state\=checked\]\:bg-slate-900[data-state=checked]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.dark\:data-\[state\=open\]\:bg-slate-800[data-state=open]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:data-\[state\=unchecked\]\:bg-slate-800[data-state=unchecked]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:data-\[state\=checked\]\:text-slate-900[data-state=checked]:is(.dark *){--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:rounded-xl{border-radius:.75rem}}@media(min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:h-full{height:100%}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-\[260px_1fr\]{grid-template-columns:260px 1fr}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:p-6{padding:1.5rem}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}