.call-page{height:100vh;display:flex;flex-direction:column;background:var(--bg-app);color:var(--text-primary);overflow:hidden}.call-lobby{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;min-height:0}.call-lobby-card{width:min(440px,100%);background:var(--bg-sidebar);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow-md)}.call-lobby-card h2{margin:0 0 8px;font-size:20px}.lobby-list{max-height:280px;margin:12px 0 16px;overflow-y:auto}.call-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--divider);background:var(--bg-sidebar);flex-shrink:0}.call-header-left{display:flex;align-items:center;gap:12px}.call-header-left h1{margin:0;font-size:18px;font-weight:600}.call-back{color:var(--text-accent);text-decoration:none;font-size:14px}.call-badge{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--primary-soft);color:var(--text-accent)}.call-header-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.call-dot{width:8px;height:8px;border-radius:50%;background:#f87171}.call-dot.ok{background:#4ade80}.ok-text{color:#4ade80}.bad-text{color:#f87171}.call-sep{opacity:.4}.call-incoming{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:linear-gradient(90deg,#68d08a2e,#68d08a0d);border-bottom:1px solid var(--border);animation:callPulseBg 1.6s ease-in-out infinite}.call-perm-banner{padding:12px 20px;border-bottom:1px solid rgba(239,68,68,.35);color:#fecaca;font-size:14px;background:#ef44441f}.call-perm-banner.info{background:#68d08a1a;border-bottom-color:var(--border);color:var(--text-secondary)}.call-perm-banner a{color:var(--text-accent)}.call-code{font-size:12px;background:var(--bg-input);padding:1px 6px;border-radius:6px;-webkit-user-select:all;user-select:all;color:var(--text-primary)}@keyframes callPulseBg{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}.call-incoming-actions{display:flex;gap:10px}.call-body{flex:1;display:grid;grid-template-columns:300px 1fr 280px;min-height:0}.call-sidebar,.call-log{border-right:1px solid var(--divider);display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg-sidebar)}.call-log{border-right:none;border-left:1px solid var(--divider);padding:12px}.call-panel{padding:14px;border-bottom:1px solid var(--divider)}.call-panel.grow{flex:1;display:flex;flex-direction:column;min-height:0;border-bottom:none}.call-panel-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:10px}.muted{color:var(--text-muted)}.small{font-size:12px;line-height:1.4}.block{width:100%}.call-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.call-type-toggle button{padding:8px;border-radius:10px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer}.call-type-toggle button.active{background:var(--primary-soft);color:var(--text-accent);border-color:var(--border-strong)}.call-web-only{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--bg-input);cursor:pointer;font-size:13px;color:var(--text-secondary)}.call-web-only input{margin-top:3px;accent-color:var(--primary)}.call-web-only.disabled{opacity:.5;cursor:not-allowed}.btn-primary{padding:10px 14px;border:none;border-radius:12px;background:var(--grad-primary);color:#fff;font-weight:600;cursor:pointer}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer}.btn-accept{padding:10px 18px;border:none;border-radius:12px;background:#22c55e;color:#fff;font-weight:600;cursor:pointer}.btn-reject{padding:10px 18px;border:none;border-radius:12px;background:#ef4444;color:#fff;font-weight:600;cursor:pointer}.call-conv-list{flex:1;overflow-y:auto;margin-bottom:10px;display:flex;flex-direction:column;gap:4px}.call-conv-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;width:100%}.call-conv-item:hover{background:var(--bg-hover)}.call-conv-item.selected{background:var(--bg-active)}.call-conv-meta .name{font-size:14px;font-weight:500}.call-conv-meta .sub{font-size:12px;color:var(--text-muted)}.call-history{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.call-history-item{display:grid;grid-template-columns:48px 1fr;gap:2px 8px;font-size:12px}.call-history-item span:last-child{grid-column:1 / -1}.call-main{display:flex;flex-direction:column;min-width:0;background:var(--bg-chat);position:relative}.call-empty{margin:auto;max-width:480px;padding:32px;text-align:center}.call-empty h2{margin:0 0 12px}.call-empty ul{text-align:left;color:var(--text-secondary);line-height:1.7}.call-empty code{font-size:12px;background:var(--bg-input);padding:1px 6px;border-radius:6px}.call-error{margin-top:16px;padding:10px 14px;border-radius:10px;background:#ef444426;color:#fca5a5}.call-grid{flex:1;display:grid;gap:10px;padding:16px;min-height:0;align-content:center}.call-grid.count-1{grid-template-columns:1fr;max-width:720px;margin:0 auto;width:100%}.call-grid.count-2,.call-grid.count-3,.call-grid.count-4{grid-template-columns:1fr 1fr}.call-grid.count-5,.call-grid.count-6{grid-template-columns:1fr 1fr 1fr}.call-tile{position:relative;background:#0a0f0d;border-radius:16px;overflow:hidden;border:1px solid var(--border);aspect-ratio:16 / 10;min-height:160px}.call-tile video{width:100%;height:100%;object-fit:cover;background:#000}.call-tile video.mirror{transform:scaleX(-1)}.call-tile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface);font-size:48px;font-weight:600;color:var(--text-muted)}.call-tile-placeholder-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.call-tile-label{position:absolute;left:10px;bottom:10px;z-index:2;padding:4px 10px;border-radius:8px;background:#0000008c;font-size:12px}.call-tile-deafen{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s}.call-tile-deafen:hover{background:#000000bf}.call-tile-deafen.on{background:#ef44448c}.call-tile-deafened{outline:1px solid rgba(239,68,68,.35)}.call-waiting{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;color:var(--text-secondary)}.call-waiting .pulse{width:56px;height:56px;border-radius:50%;background:var(--primary-soft);border:2px solid var(--primary);animation:pulseRing 1.4s ease-out infinite}@keyframes pulseRing{0%{transform:scale(.85);opacity:1}to{transform:scale(1.25);opacity:0}}.call-controls{display:flex;justify-content:center;gap:12px;padding:12px 16px 18px}.call-controls button{width:52px;height:52px;border-radius:50%;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-primary);font-size:20px;cursor:pointer}.call-controls button.danger{background:#ef444433;border-color:#ef444466}.call-controls button.hangup{background:#ef4444;border-color:#ef4444;transform:rotate(135deg);width:60px;height:60px}.call-controls button:not(.hangup):last-of-type{width:auto;padding:0 16px;border-radius:26px;font-size:13px}.call-peers{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:0 16px 16px}.peer-chip{font-size:11px;padding:4px 10px;border-radius:999px;background:var(--bg-input);color:var(--text-secondary);border:none;cursor:pointer}.peer-chip.joined{color:#4ade80}.peer-chip.ringing{color:#fbbf24}.peer-chip.left,.peer-chip.rejected{color:#f87171}.call-log-list{flex:1;overflow-y:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45}.call-log-line{padding:3px 0;border-bottom:1px solid var(--divider);word-break:break-word}.call-log-line .ts{color:var(--text-muted);margin-right:6px}.call-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.call-modal{width:min(440px,100%);max-height:80vh;overflow:auto;background:var(--bg-popup);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow-strong)}.call-modal h3{margin:0 0 8px}.call-input{width:100%;margin:8px 0;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);outline:none}.invite-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.invite-results{max-height:240px;overflow-y:auto;margin:8px 0}.call-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}@media (max-width: 960px){.call-body{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.call-sidebar{max-height:40vh;border-right:none;border-bottom:1px solid var(--divider)}.call-log{max-height:28vh;border-left:none;border-top:1px solid var(--divider)}.call-header{flex-direction:column;align-items:flex-start}.call-grid.count-2,.call-grid.count-3,.call-grid.count-4{grid-template-columns:1fr}}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;color:#fff;overflow:hidden}.call-overlay-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(86,188,122,.25),transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(20,40,30,.9),transparent 55%),#0a0f0c;z-index:0}.call-overlay-top,.call-overlay-stage,.call-overlay-controls,.call-overlay-peers,.call-overlay-error{position:relative;z-index:1}.call-overlay-top{padding:28px 24px 12px;text-align:center}.call-overlay-title .name{font-size:22px;font-weight:600;letter-spacing:-.02em}.call-overlay-title .sub{margin-top:6px;font-size:14px;color:#ffffffa6}.call-overlay-stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:12px 16px 8px}.call-overlay-grid{width:min(960px,100%);height:100%;display:grid;gap:12px}.call-overlay-grid.n1{grid-template-columns:1fr}.call-overlay-grid.n2,.call-overlay-grid.n3,.call-overlay-grid.n4{grid-template-columns:1fr 1fr}.call-overlay .call-tile{border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#00000059;min-height:220px;height:100%;aspect-ratio:auto}.call-overlay .call-tile-placeholder{background:#ffffff0a}.call-overlay-waiting{display:flex;flex-direction:column;align-items:center;gap:20px}.call-ring-avatar{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.call-ring-avatar .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(104,208,138,.45);animation:callRing 1.8s ease-out infinite}.call-ring-avatar .ring2{animation-delay:.6s}@keyframes callRing{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.45);opacity:0}}.wait-text{color:#ffffffb3;font-size:15px}.call-self-pip{position:absolute;right:20px;bottom:20px;width:min(180px,32vw);aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;box-shadow:0 8px 28px #00000073;border:1px solid rgba(255,255,255,.12);z-index:2}.call-self-pip .call-tile{min-height:0;height:100%;border-radius:16px;aspect-ratio:auto}.call-overlay-controls{display:flex;justify-content:center;align-items:center;gap:14px;padding:16px 20px 36px}.call-overlay-controls .ctrl{width:56px;height:56px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;font-size:22px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .15s,background .15s}.call-overlay-controls .ctrl:hover{background:#fff3;transform:scale(1.04)}.call-overlay-controls .ctrl.off{background:#ef444459}.call-overlay-controls .ctrl.hangup{width:64px;height:64px;background:#ef4444;font-size:22px;font-weight:700}.call-overlay-controls .ctrl.text{width:auto;padding:0 18px;border-radius:28px;font-size:14px}.call-overlay-peers{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:0 16px 20px}.call-overlay-peers .peer-dot{font-size:11px;padding:4px 10px;border-radius:999px;background:#ffffff14;color:#ffffffb3}.call-overlay-peers .peer-dot.ok{color:#86dfa0}.call-overlay-error{margin:0 24px 8px;padding:10px 14px;border-radius:12px;background:#ef444440;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:13px}.call-overlay-error button{border:none;background:#ffffff26;color:#fff;border-radius:8px;padding:6px 12px;cursor:pointer}.call-incoming-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;display:flex;align-items:flex-end;justify-content:center;padding:24px;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.call-incoming-card{width:min(420px,100%);background:var(--bg-popup);border:1px solid var(--border);border-radius:24px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:var(--shadow-strong);animation:callSlideUp .28s ease-out}@keyframes callSlideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.call-incoming-card .info{text-align:center}.call-incoming-card .from{font-size:20px;font-weight:600;color:var(--text-primary)}.call-incoming-card .kind{margin-top:4px;font-size:14px;color:var(--text-muted)}.call-incoming-card .actions{display:flex;gap:12px;width:100%;margin-top:8px}.call-incoming-card .actions button{flex:1;height:48px;border-radius:14px;font-size:15px;font-weight:600}@media (max-width: 700px){.call-overlay-grid.n2,.call-overlay-grid.n3,.call-overlay-grid.n4{grid-template-columns:1fr}.call-self-pip{width:110px;right:12px;bottom:12px}}.call-overlay-layout{position:relative;z-index:1;flex:1;min-height:0;display:grid;grid-template-columns:1fr min(340px,38vw)}.call-overlay-main{display:flex;flex-direction:column;min-width:0;min-height:0}.call-side{display:flex;flex-direction:column;min-height:0;background:#080c0ab8;border-left:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.call-side-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:12px 12px 8px}.call-side-tabs button{height:36px;border:none;border-radius:10px;background:transparent;color:#ffffff8c;font-size:13px;font-weight:600;cursor:pointer}.call-side-tabs button.on{background:#68d08a2e;color:#c8f0d4}.call-side-chat,.call-side-people{flex:1;min-height:0;display:flex;flex-direction:column}.call-side-msgs{flex:1;overflow-y:auto;padding:8px 12px 12px;display:flex;flex-direction:column;gap:8px}.call-msg{max-width:92%}.call-msg.mine{align-self:flex-end}.call-msg-from{font-size:11px;color:#ffffff73;margin-bottom:2px;padding-left:4px}.call-msg-bubble{padding:8px 12px;border-radius:14px;background:#ffffff14;font-size:13px;line-height:1.4;word-break:break-word;color:#ffffffeb}.call-msg.mine .call-msg-bubble{background:#68d08a47}.call-side-compose{display:flex;gap:8px;padding:10px 12px 14px;border-top:1px solid rgba(255,255,255,.08)}.call-side-compose input{flex:1;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;padding:0 12px;outline:none}.call-side-compose button{width:40px;height:40px;border:none;border-radius:12px;background:var(--primary, #68d08a);color:#0a0f0c;font-weight:700;cursor:pointer}.call-people-list{overflow-y:auto;padding:4px 12px 8px;max-height:40%}.call-people-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;width:100%;border:none;background:transparent;color:#fff;text-align:left}.call-people-row.clickable{cursor:pointer}.call-people-row.clickable:hover{background:#ffffff0f}.call-people-row .meta{flex:1;min-width:0}.call-people-row .nm{font-size:13px;font-weight:500}.call-people-row .st{font-size:11px;color:#ffffff73}.call-people-row .plus{color:#86dfa0;font-size:20px}.call-people-mute{flex-shrink:0;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff14;color:#fff;cursor:pointer;font-size:15px}.call-people-mute:hover{background:#ffffff29}.call-people-mute.on{background:#ef444466}.call-invite{border-top:1px solid rgba(255,255,255,.08);padding:12px;flex:1;min-height:0;display:flex;flex-direction:column}.call-invite-title{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#ffffff73;margin-bottom:8px}.call-invite-input{height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;padding:0 12px;outline:none;margin-bottom:8px}.call-invite-results{flex:1;overflow-y:auto}.call-overlay-controls .ctrl.active{background:#68d08a59}@media (max-width: 860px){.call-overlay-layout{grid-template-columns:1fr;grid-template-rows:1fr auto}.call-side{border-left:none;border-top:1px solid rgba(255,255,255,.08);max-height:42vh}}:root,[data-theme-preset=emeraldDark]{--primary: #68d08a;--primary-dark: #4f9e6a;--primary-light: #86dfa0;--primary-soft: rgba(104, 208, 138, .22);--primary-dim: rgba(104, 208, 138, .22);--primary-glow: rgba(104, 208, 138, .2);--accent: #86dfa0;--grad-primary: linear-gradient(135deg, #56bc7a 0%, #86dfa0 100%);--grad-app: linear-gradient(180deg, #0d1210 0%, #080b0a 100%);--grad-own-bubble: linear-gradient(135deg, rgba(64, 152, 96, .35) 0%, rgba(104, 208, 138, .22) 100%);--bg-app: #0e1311;--bg-sidebar: #0b100e;--bg-chat: #101513;--surface: #161e1a;--surface-elevated: #1c2620;--bg-input: rgba(255, 255, 255, .05);--bg-message-own: rgba(104, 208, 138, .22);--bg-message-other: rgba(255, 255, 255, .06);--bg-hover: rgba(104, 208, 138, .09);--bg-active: rgba(104, 208, 138, .14);--bg-glass: rgba(255, 255, 255, .03);--bg-popup: #1c2620;--bg-overlay: rgba(0, 0, 0, .65);--text-primary: #e8f0ec;--text-secondary: rgba(209, 225, 217, .82);--text-muted: rgba(178, 200, 188, .58);--text-accent: #86dfa0;--text-on-primary: #fff;--border: rgba(104, 208, 138, .18);--border-strong: rgba(104, 208, 138, .3);--divider: rgba(255, 255, 255, .06);--glow-top: rgba(104, 208, 138, .13);--glow-bottom: rgba(152, 235, 178, .09);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .28);--shadow-md: 0 5px 14px rgba(0, 0, 0, .38);--shadow-strong: 0 8px 24px rgba(0, 0, 0, .52);--shadow-glow: 0 0 18px rgba(104, 208, 138, .14);--shadow-glow-strong: 0 0 32px rgba(104, 208, 138, .22);--chat-pattern-color: rgba(104, 208, 138, .035);color-scheme:dark}[data-theme-preset=midnightBlue]{--primary: #669cff;--primary-dark: #4a78d4;--primary-light: #8cc4ff;--primary-soft: rgba(102, 156, 255, .24);--primary-dim: rgba(102, 156, 255, .24);--primary-glow: rgba(102, 156, 255, .2);--accent: #8cc4ff;--grad-primary: linear-gradient(135deg, #5282e6 0%, #8cc4ff 100%);--grad-app: linear-gradient(180deg, #090e1a 0%, #040810 100%);--grad-own-bubble: linear-gradient(135deg, rgba(60, 110, 220, .4) 0%, rgba(130, 170, 255, .22) 100%);--bg-app: #0b101c;--bg-sidebar: #080d18;--bg-chat: #0d1320;--surface: #131c2e;--surface-elevated: #18243a;--bg-input: rgba(255, 255, 255, .055);--bg-message-own: rgba(102, 156, 255, .22);--bg-message-other: rgba(255, 255, 255, .06);--bg-hover: rgba(102, 156, 255, .09);--bg-active: rgba(102, 156, 255, .14);--bg-glass: rgba(255, 255, 255, .03);--bg-popup: #18243a;--bg-overlay: rgba(0, 0, 0, .65);--text-primary: #e6ecf6;--text-secondary: rgba(200, 212, 232, .82);--text-muted: rgba(158, 178, 210, .6);--text-accent: #8cc4ff;--text-on-primary: #fff;--border: rgba(102, 156, 255, .2);--border-strong: rgba(102, 156, 255, .32);--divider: rgba(255, 255, 255, .07);--glow-top: rgba(110, 170, 255, .15);--glow-bottom: rgba(80, 100, 200, .12);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .32);--shadow-md: 0 5px 14px rgba(0, 0, 0, .42);--shadow-strong: 0 8px 24px rgba(0, 0, 0, .55);--shadow-glow: 0 0 18px rgba(102, 156, 255, .14);--shadow-glow-strong: 0 0 32px rgba(102, 156, 255, .22);--chat-pattern-color: rgba(102, 156, 255, .035);color-scheme:dark}[data-theme-preset=violetDusk]{--primary: #af82ff;--primary-dark: #8a5fd6;--primary-light: #dca8ff;--primary-soft: rgba(175, 130, 255, .24);--primary-dim: rgba(175, 130, 255, .24);--primary-glow: rgba(175, 130, 255, .2);--accent: #dca8ff;--grad-primary: linear-gradient(135deg, #965af0 0%, #dca0ff 100%);--grad-app: linear-gradient(180deg, #100b1a 0%, #08050e 100%);--grad-own-bubble: linear-gradient(135deg, rgba(130, 80, 220, .42) 0%, rgba(200, 130, 255, .24) 100%);--bg-app: #110d1a;--bg-sidebar: #0d0a16;--bg-chat: #140f1f;--surface: #1c162c;--surface-elevated: #241c3a;--bg-input: rgba(255, 255, 255, .06);--bg-message-own: rgba(175, 130, 255, .24);--bg-message-other: rgba(255, 255, 255, .07);--bg-hover: rgba(175, 130, 255, .09);--bg-active: rgba(175, 130, 255, .14);--bg-glass: rgba(255, 255, 255, .03);--bg-popup: #241c3a;--bg-overlay: rgba(0, 0, 0, .65);--text-primary: #f0eafc;--text-secondary: rgba(220, 210, 240, .82);--text-muted: rgba(184, 170, 210, .62);--text-accent: #dca8ff;--text-on-primary: #fff;--border: rgba(175, 130, 255, .22);--border-strong: rgba(175, 130, 255, .34);--divider: rgba(255, 255, 255, .07);--glow-top: rgba(200, 140, 255, .18);--glow-bottom: rgba(110, 80, 200, .16);--shadow-sm: 0 2px 7px rgba(0, 0, 0, .35);--shadow-md: 0 5px 16px rgba(0, 0, 0, .45);--shadow-strong: 0 10px 28px rgba(90, 50, 170, .55);--shadow-glow: 0 0 18px rgba(175, 130, 255, .14);--shadow-glow-strong: 0 0 32px rgba(175, 130, 255, .22);--chat-pattern-color: rgba(175, 130, 255, .035);color-scheme:dark}[data-theme-preset=mintLight]{--primary: #56bc7a;--primary-dark: #409c64;--primary-light: #86dfa0;--primary-soft: rgba(86, 188, 122, .18);--primary-dim: rgba(86, 188, 122, .18);--primary-glow: rgba(86, 188, 122, .2);--accent: #409c64;--grad-primary: linear-gradient(135deg, #56bc7a 0%, #86dfa0 100%);--grad-app: linear-gradient(180deg, #f5f8f7 0%, #ecf0ee 100%);--grad-own-bubble: linear-gradient(135deg, rgba(110, 210, 150, .3) 0%, rgba(160, 230, 190, .22) 100%);--bg-app: #f6f8f7;--bg-sidebar: #f2f4f3;--bg-chat: #f8faf9;--surface: #ffffff;--surface-elevated: #ffffff;--bg-input: rgba(0, 0, 0, .032);--bg-message-own: rgba(86, 188, 122, .18);--bg-message-other: rgba(0, 0, 0, .045);--bg-hover: rgba(86, 188, 122, .08);--bg-active: rgba(86, 188, 122, .14);--bg-glass: rgba(255, 255, 255, .8);--bg-popup: #ffffff;--bg-overlay: rgba(0, 0, 0, .45);--text-primary: #1c211f;--text-secondary: #404a45;--text-muted: #6e7873;--text-accent: #409c64;--text-on-primary: #fff;--border: rgba(86, 188, 122, .28);--border-strong: rgba(86, 188, 122, .4);--divider: rgba(0, 0, 0, .06);--glow-top: rgba(86, 188, 122, .09);--glow-bottom: rgba(134, 223, 160, .07);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .08);--shadow-md: 0 5px 14px rgba(0, 0, 0, .12);--shadow-strong: 0 8px 22px rgba(0, 0, 0, .18);--shadow-glow: 0 0 12px rgba(86, 188, 122, .14);--shadow-glow-strong: 0 0 24px rgba(86, 188, 122, .22);--chat-pattern-color: rgba(86, 188, 122, .055);color-scheme:light}[data-theme-preset=pearlLight]{--primary: #406ed7;--primary-dark: #2f55ab;--primary-light: #82acf0;--primary-soft: rgba(64, 110, 215, .16);--primary-dim: rgba(64, 110, 215, .16);--primary-glow: rgba(64, 110, 215, .2);--accent: #648ee6;--grad-primary: linear-gradient(135deg, #406ed7 0%, #82acf0 100%);--grad-app: linear-gradient(180deg, #f7f8fc 0%, #eceef5 100%);--grad-own-bubble: linear-gradient(135deg, rgba(105, 148, 230, .28) 0%, rgba(160, 195, 245, .22) 100%);--bg-app: #f7f8fb;--bg-sidebar: #f2f3f7;--bg-chat: #f9fafc;--surface: #ffffff;--surface-elevated: #ffffff;--bg-input: rgba(0, 0, 0, .03);--bg-message-own: rgba(64, 110, 215, .16);--bg-message-other: rgba(0, 0, 0, .04);--bg-hover: rgba(64, 110, 215, .08);--bg-active: rgba(64, 110, 215, .13);--bg-glass: rgba(255, 255, 255, .8);--bg-popup: #ffffff;--bg-overlay: rgba(0, 0, 0, .45);--text-primary: #1a1f2e;--text-secondary: #3b4557;--text-muted: #6b7385;--text-accent: #406ed7;--text-on-primary: #fff;--border: rgba(64, 110, 215, .24);--border-strong: rgba(64, 110, 215, .36);--divider: rgba(0, 0, 0, .05);--glow-top: rgba(100, 145, 230, .08);--glow-bottom: rgba(140, 175, 240, .07);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .07);--shadow-md: 0 5px 14px rgba(0, 0, 0, .12);--shadow-strong: 0 8px 22px rgba(30, 70, 160, .22);--shadow-glow: 0 0 12px rgba(64, 110, 215, .14);--shadow-glow-strong: 0 0 24px rgba(64, 110, 215, .22);--chat-pattern-color: rgba(64, 110, 215, .055);color-scheme:light}[data-theme-preset=sandLight]{--primary: #de7c5a;--primary-dark: #b85f42;--primary-light: #f5aa7d;--primary-soft: rgba(222, 124, 90, .18);--primary-dim: rgba(222, 124, 90, .18);--primary-glow: rgba(222, 124, 90, .2);--accent: #f0a06e;--grad-primary: linear-gradient(135deg, #de7c5a 0%, #f5aa7d 100%);--grad-app: linear-gradient(180deg, #fdf9f5 0%, #f3ede4 100%);--grad-own-bubble: linear-gradient(135deg, rgba(245, 168, 125, .3) 0%, rgba(252, 198, 158, .24) 100%);--bg-app: #fcf9f5;--bg-sidebar: #f7f3ee;--bg-chat: #fdfaf7;--surface: #ffffff;--surface-elevated: #ffffff;--bg-input: rgba(0, 0, 0, .03);--bg-message-own: rgba(222, 124, 90, .16);--bg-message-other: rgba(0, 0, 0, .04);--bg-hover: rgba(222, 124, 90, .08);--bg-active: rgba(222, 124, 90, .13);--bg-glass: rgba(255, 255, 255, .8);--bg-popup: #ffffff;--bg-overlay: rgba(0, 0, 0, .45);--text-primary: #291f17;--text-secondary: #524236;--text-muted: #806e5c;--text-accent: #b85f42;--text-on-primary: #fff;--border: rgba(222, 124, 90, .28);--border-strong: rgba(222, 124, 90, .4);--divider: rgba(0, 0, 0, .05);--glow-top: rgba(245, 170, 125, .09);--glow-bottom: rgba(222, 124, 90, .07);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .08);--shadow-md: 0 5px 14px rgba(0, 0, 0, .13);--shadow-strong: 0 8px 22px rgba(170, 80, 40, .22);--shadow-glow: 0 0 12px rgba(222, 124, 90, .14);--shadow-glow-strong: 0 0 24px rgba(222, 124, 90, .22);--chat-pattern-color: rgba(222, 124, 90, .055);color-scheme:light}:root,[data-theme=dark]{--alpha-minimal: 6%;--alpha-aurora-1: 14%;--alpha-aurora-2: 13%;--alpha-aurora-3: 8%;--alpha-dots: 18%;--alpha-mesh-1: 22%;--alpha-mesh-2: 20%;--alpha-mesh-3: 16%;--alpha-mesh-4: 22%;--alpha-stripes: 10%;--noise-light: .012;--noise-dark: .03}[data-theme=light]{--alpha-minimal: 4%;--alpha-aurora-1: 10%;--alpha-aurora-2: 8%;--alpha-aurora-3: 5%;--alpha-dots: 12%;--alpha-mesh-1: 18%;--alpha-mesh-2: 16%;--alpha-mesh-3: 14%;--alpha-mesh-4: 18%;--alpha-stripes: 6%;--noise-light: .025;--noise-dark: .018}:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--transition: .18s ease;--sidebar-width: 320px;--message-font-scale: 1;--ui-font-scale: 1;--bubble-radius: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-app);color:var(--text-primary);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary-glow);color:var(--text-primary)}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relative{position:relative}.absolute{position:absolute}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes scalePop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes messageIn{0%{opacity:0;transform:scale(.96) translateY(3px)}to{opacity:1;transform:scale(1) translateY(0)}}.apple-emoji{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes msgFlash{0%,50%{background:color-mix(in srgb,var(--primary) 22%,transparent)}to{background:transparent}}.msg-highlight{animation:msgFlash 2s ease;border-radius:10px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes blink{0%,80%,to{opacity:.15}40%{opacity:1}}.animate-fade{animation:fadeIn .22s ease forwards}.animate-slide{animation:slideIn .18s ease forwards}.animate-pop{animation:scalePop .2s ease forwards}.input-base{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:10px 14px;font-size:1em;outline:none;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.input-base::placeholder{color:var(--text-muted)}.input-base:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-md);font-size:1em;font-weight:500;border:none;transition:all var(--transition);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.btn-primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--shadow-glow-strong);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);filter:brightness(.97)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{background:#dc3c3c1a;color:#e07070;border:1px solid rgba(220,60,60,.25)}.btn-danger:hover:not(:disabled){background:#dc3c3c2e}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);border:none;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.btn-icon:hover:not(:disabled){background:var(--bg-hover);color:var(--primary)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:13px;font-weight:600}.loader{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.typing-dots span{display:inline-block;width:5px;height:5px;margin:0 1px;border-radius:50%;background:var(--text-secondary);animation:blink 1.4s infinite both}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--text-muted);border:2px solid var(--bg-sidebar)}.status-dot.online{background:var(--primary);box-shadow:0 0 0 2px var(--primary-dim)}.glass{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border)}.theme-toggle{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--transition);flex-shrink:0}.theme-toggle:hover{border-color:var(--border-strong);background:var(--bg-hover);color:var(--primary)}@media (max-width: 768px){:root{--sidebar-width: 100%}}.chat-bg{background-color:var(--bg-chat);transition:background .22s ease-in-out}[data-chat-bg=minimal] .chat-bg{background-image:linear-gradient(180deg,color-mix(in srgb,var(--primary) var(--alpha-minimal),transparent),transparent 45%)}[data-chat-bg=aurora] .chat-bg{background-image:radial-gradient(ellipse 720px 720px at 0% 0%,color-mix(in srgb,var(--primary) var(--alpha-aurora-1),transparent),transparent 70%),radial-gradient(ellipse 760px 760px at 100% 100%,color-mix(in srgb,var(--accent) var(--alpha-aurora-2),transparent),transparent 70%),radial-gradient(ellipse 480px 480px at 50% 50%,color-mix(in srgb,var(--primary) var(--alpha-aurora-3),transparent),transparent 70%)}[data-chat-bg=dots] .chat-bg{background-image:radial-gradient(circle,color-mix(in srgb,var(--text-muted) var(--alpha-dots),transparent) 1.1px,transparent 1.1px);background-size:22px 22px}[data-chat-bg=mesh] .chat-bg{background-image:radial-gradient(ellipse 560px 560px at 20% 15%,color-mix(in srgb,var(--primary) var(--alpha-mesh-1),transparent),transparent 70%),radial-gradient(ellipse 520px 520px at 85% 25%,color-mix(in srgb,var(--accent) var(--alpha-mesh-2),transparent),transparent 70%),radial-gradient(ellipse 640px 640px at 15% 85%,color-mix(in srgb,var(--primary) var(--alpha-mesh-3),transparent),transparent 70%),radial-gradient(ellipse 680px 680px at 90% 90%,color-mix(in srgb,var(--accent) var(--alpha-mesh-4),transparent),transparent 70%)}[data-chat-bg=stripes] .chat-bg{background-image:repeating-linear-gradient(45deg,transparent,transparent 13px,color-mix(in srgb,var(--text-muted) var(--alpha-stripes),transparent) 13px,color-mix(in srgb,var(--text-muted) var(--alpha-stripes),transparent) 14px)}.app-background{background:var(--grad-app);position:relative}.app-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 640px 640px at 100% 0%,var(--glow-top),transparent 70%),radial-gradient(ellipse 560px 560px at 0% 100%,var(--glow-bottom),transparent 70%);pointer-events:none}.app-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,var(--noise-light)),rgba(0,0,0,var(--noise-dark)));pointer-events:none}#root{zoom:var(--ui-font-scale)}.msg-text{font-size:calc(16.5px * var(--message-font-scale));line-height:1.55}