@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500;600&family=Inter:wght@300;400;500;600;700&display=swap);:root,[data-theme=editorial]{--surface-body:#f0ede6;--surface-sidebar:#ebe8e1;--surface-panel:#e6e2da;--surface-card:#fff;--surface-input:#fff;--surface-hover:#e2dfd8;--surface-active:#0c0c0c;--surface-modal:#f0ede6;--text-primary:#0c0c0c;--text-secondary:#5a5752;--text-muted:#9a9790;--text-on-active:#fff;--accent:#0c0c0c;--accent-hover:#1a1a1a;--accent-glow:#0c0c0c1a;--accent-grad:linear-gradient(135deg,#0c0c0c,#3a3a3a);--green:#16a34a;--red:#dc2626;--yellow:#ca8a04;--border:#d4d0c8;--border-strong:#b8b4ac;--border-accent:#0c0c0c;--radius:6px;--radius-sm:4px;--radius-lg:10px;--radius-xl:14px;--shadow:0 4px 24px #0000001a;--shadow-sm:0 1px 6px #00000012;--blur-sm:none;--blur-md:none;--font:"DM Sans",system-ui,sans-serif;--font-head:"Syne",system-ui,sans-serif;--bg-primary:var(--surface-body);--bg-secondary:var(--surface-sidebar);--bg-tertiary:var(--surface-panel);--bg-hover:var(--surface-hover);--bg-active:var(--surface-active)}[data-theme=tech-dark]{--surface-body:#0d1117;--surface-sidebar:#161b22;--surface-panel:#1c2128;--surface-card:#161b22f2;--surface-input:#ffffff0d;--surface-hover:#ffffff0d;--surface-active:#388bfd2e;--surface-modal:#161b22;--text-primary:#e6edf3;--text-secondary:#7d8590;--text-muted:#484f58;--text-on-active:#58a6ff;--accent:#58a6ff;--accent-hover:#79b8ff;--accent-glow:#58a6ff33;--accent-grad:linear-gradient(135deg,#58a6ff,#3b82f6);--green:#3fb950;--red:#f85149;--yellow:#d29922;--border:#ffffff17;--border-strong:#ffffff26;--border-accent:#58a6ff73;--radius:8px;--radius-sm:6px;--radius-lg:12px;--radius-xl:18px;--shadow:0 8px 32px #00000080;--shadow-sm:0 2px 10px #00000059;--blur-sm:blur(16px) saturate(180%);--blur-md:blur(28px) saturate(200%);--font:"Inter",system-ui,sans-serif;--font-head:"Inter",system-ui,sans-serif;--bg-primary:var(--surface-body);--bg-secondary:var(--surface-sidebar);--bg-tertiary:var(--surface-panel);--bg-hover:var(--surface-hover);--bg-active:var(--surface-active)}[data-theme=glass-dark]{--surface-body:#07071a;--surface-sidebar:hsla(0,0%,100%,.035);--surface-panel:hsla(0,0%,100%,.055);--surface-card:#ffffff0f;--surface-input:#ffffff0a;--surface-hover:hsla(0,0%,100%,.055);--surface-active:#7864ff2e;--surface-modal:#ffffff0f;--text-primary:#eaeaf5;--text-secondary:#7e7ea8;--text-muted:#3e3e5a;--text-on-active:#c4b5fd;--accent:#7c6ff7;--accent-hover:#9487f9;--accent-glow:#7c6ff747;--accent-grad:linear-gradient(135deg,#7c6ff7,#a78bfa);--green:#00d98e;--red:#f04060;--yellow:#f59e0b;--border:#ffffff12;--border-strong:#ffffff1f;--border-accent:#7c6ff766;--radius:12px;--radius-sm:8px;--radius-lg:18px;--radius-xl:24px;--shadow:0 8px 32px #00000080;--shadow-sm:0 2px 10px #0000004d;--blur-sm:blur(14px) saturate(160%);--blur-md:blur(28px) saturate(180%);--font:"Inter",system-ui,sans-serif;--font-head:"Inter",system-ui,sans-serif;--bg-primary:var(--surface-body);--bg-secondary:var(--surface-sidebar);--bg-tertiary:var(--surface-panel);--bg-hover:var(--surface-hover);--bg-active:var(--surface-active)}[data-theme=glass-green]{--surface-body:#080c10;--surface-sidebar:#00c9a70f;--surface-panel:#00c9a70a;--surface-card:#ffffff0d;--surface-input:#ffffff12;--surface-hover:#ffffff0f;--surface-active:#00c9a72e;--surface-modal:#0a1412eb;--text-primary:#f0faf8;--text-secondary:#7ab8ad;--text-muted:#3a6860;--text-on-active:#00c9a7;--accent:#00c9a7;--accent-hover:#00e8c2;--accent-glow:#00c9a747;--accent-grad:linear-gradient(135deg,#00c9a7,#00e8c2);--green:#00c9a7;--red:#f04060;--yellow:#f59e0b;--border:#00c9a71f;--border-strong:#00c9a738;--border-accent:#00c9a78c;--radius:16px;--radius-sm:10px;--radius-lg:20px;--radius-xl:28px;--shadow:0 8px 40px #0009,0 0 60px #00c9a70f;--shadow-sm:0 2px 12px #0006;--blur-sm:blur(20px) saturate(180%);--blur-md:blur(40px) saturate(200%);--font:"Inter",system-ui,sans-serif;--font-head:"Inter",system-ui,sans-serif;--bg-primary:var(--surface-body);--bg-secondary:var(--surface-sidebar);--bg-tertiary:var(--surface-panel);--bg-hover:var(--surface-hover);--bg-active:var(--surface-active)}[data-theme=aurora]{--surface-body:#08080f;--surface-sidebar:hsla(0,0%,100%,.028);--surface-panel:hsla(0,0%,100%,.042);--surface-card:#ffffff0d;--surface-input:hsla(0,0%,100%,.055);--surface-hover:#ffffff0f;--surface-active:#6366f133;--surface-modal:#0e0e18f7;--text-primary:#f1f1f8;--text-secondary:#8888b0;--text-muted:#44445a;--text-on-active:#a5b4fc;--accent:#6366f1;--accent-hover:#818cf8;--accent-glow:#6366f14d;--accent-grad:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#06b6d4);--green:#10b981;--red:#f43f5e;--yellow:#f59e0b;--border:#ffffff12;--border-strong:#ffffff1f;--border-accent:#6366f180;--radius:10px;--radius-sm:7px;--radius-lg:16px;--radius-xl:22px;--shadow:0 8px 40px #0009,0 0 80px #6366f10d;--shadow-sm:0 2px 12px #0006;--blur-sm:blur(16px) saturate(180%);--blur-md:blur(32px) saturate(200%);--font:"Inter",system-ui,sans-serif;--font-head:"Inter",system-ui,sans-serif;--bg-primary:var(--surface-body);--bg-secondary:var(--surface-sidebar);--bg-tertiary:var(--surface-panel);--bg-hover:var(--surface-hover);--bg-active:var(--surface-active)}[data-theme=aurora] body{background:radial-gradient(ellipse 100% 55% at 30% -10%,#6366f12e 0,#0000 60%),radial-gradient(ellipse 70% 50% at 80% 110%,#8b5cf624 0,#0000 55%),radial-gradient(ellipse 50% 40% at 90% 5%,#06b6d41a 0,#0000 50%),#08080f;background-attachment:fixed}[data-theme=aurora] .sidebar,[data-theme=aurora] .sidebar-inner{backdrop-filter:none;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur-md);background:#ffffff08;border-right-color:#6366f11f}[data-theme=aurora] .auth-card{background:#0e0e1ccc;box-shadow:0 8px 48px #000000b3,0 0 0 1px #6366f11a,inset 0 1px 0 #ffffff0d}[data-theme=aurora] .auth-card,[data-theme=aurora] .modal{backdrop-filter:none;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur-md);border-color:#6366f138}[data-theme=aurora] .modal{background:#0a0a16f0}[data-theme=aurora] .channel-item.active{background:#6366f12e;border-color:#6366f166;color:#a5b4fc}[data-theme=aurora] .sidebar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a5b4fc,#c4b5fd 50%,#67e8f9);-webkit-background-clip:text;background-clip:text}[data-theme=aurora] .chat-header,[data-theme=aurora] .message-input-area,[data-theme=aurora] .sidebar-footer{backdrop-filter:none;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur-sm)}[data-theme=aurora] .message-input-wrapper{background:hsla(0,0%,100%,.055);border-color:#6366f133}[data-theme=aurora] .status-dot.online{box-shadow:0 0 6px 1px #10b981b3}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f0ede6;background:var(--surface-body);color:#0c0c0c;color:var(--text-primary);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;font-weight:400;height:100vh;letter-spacing:-.01em;overflow:hidden;transition:background .3s,color .3s}[data-theme=glass-dark] body{background:radial-gradient(ellipse 90% 60% at 10% -5%,#7c6ff72e 0,#0000 55%),radial-gradient(ellipse 60% 50% at 90% 105%,#a78bfa1f 0,#0000 55%),#07071a;background-attachment:fixed}[data-theme=tech-dark] body{background:radial-gradient(ellipse 70% 50% at 15% 10%,#388bfd1a 0,#0000 60%),radial-gradient(ellipse 50% 40% at 85% 80%,#3fb9500f 0,#0000 55%),#0d1117;background-attachment:fixed}[data-theme=glass-green] body{background:radial-gradient(ellipse 80% 60% at 50% 0,#00c9a71f 0,#0000 55%),radial-gradient(ellipse 50% 40% at 10% 90%,#00c9a712 0,#0000 55%),radial-gradient(ellipse 40% 35% at 90% 80%,#0096780f 0,#0000 55%),#080c10;background-attachment:fixed}[data-theme=glass-green] .sidebar,[data-theme=glass-green] .sidebar-inner{background:#00c9a70d;border-right-color:#00c9a724}[data-theme=glass-green] .auth-card,[data-theme=glass-green] .sidebar,[data-theme=glass-green] .sidebar-inner{backdrop-filter:none;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur-md)}[data-theme=glass-green] .auth-card{background:hsla(0,0%,100%,.045);border-color:#00c9a740;box-shadow:0 8px 48px #000000b3,0 0 0 1px #00c9a71a,inset 0 1px 0 #ffffff0f}[data-theme=glass-green] .modal{backdrop-filter:none;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur-md);background:#081412eb;border-color:#00c9a738}[data-theme=glass-green] .chat-header,[data-theme=glass-green] .message-input-area,[data-theme=glass-green] .sidebar-footer{backdrop-filter:none;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur-sm)}[data-theme=glass-green] .message-input-wrapper{background:#ffffff0f}[data-theme=glass-green] .channel-item.active{background:#00c9a726;border-color:#00c9a766;color:#00c9a7}#root{height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#b8b4ac;background:var(--border-strong);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#5a5752;background:var(--text-secondary)}svg{display:inline-block;flex-shrink:0;vertical-align:middle}.icon-svg svg,button svg,label svg{height:16px;width:16px}.sidebar-header h2 svg{height:18px;width:18px}.channel-item .icon-svg svg{height:15px;width:15px}.user-item svg{height:16px;width:16px}.btn-logout svg{height:17px;width:17px}.btn-send svg,.btn-video-control svg{height:15px;width:15px}label svg{height:14px;width:14px}h3 svg{height:18px;width:18px}.auth-container{align-items:center;display:flex;height:100vh;justify-content:center}.auth-card{backdrop-filter:none;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur-md);background:#fff;background:var(--surface-card);border:1px solid #b8b4ac;border:1px solid var(--border-strong);border-radius:14px;border-radius:var(--radius-xl);box-shadow:0 4px 24px #0000001a;box-shadow:var(--shadow);padding:44px 40px;width:420px}.auth-logo{margin-bottom:36px;text-align:center}.auth-logo h1{color:#0c0c0c;color:var(--text-primary);font-family:Syne,system-ui,sans-serif;font-family:var(--font-head);font-size:28px;font-weight:800;letter-spacing:-.04em}[data-theme=editorial] .auth-logo h1{text-transform:uppercase}.auth-logo p{color:#5a5752;color:var(--text-secondary);font-size:13px;margin-top:6px}.form-group{margin-bottom:16px}.form-group label{color:#5a5752;color:var(--text-secondary);display:block;font-family:Syne,system-ui,sans-serif;font-family:var(--font-head);font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:7px;text-transform:uppercase}.form-group input{background:#fff;background:var(--surface-input);border:1px solid #d4d0c8;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#0c0c0c;color:var(--text-primary);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:11px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.form-group input:focus{border-color:#0c0c0c;border-color:var(--border-accent);box-shadow:0 0 0 3px #0c0c0c1a;box-shadow:0 0 0 3px var(--accent-glow)}.form-group input::placeholder{color:#9a9790;color:var(--text-muted)}.btn-primary{background:linear-gradient(135deg,#0c0c0c,#3a3a3a);background:var(--accent-grad);border:none;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 4px 18px #0c0c0c1a;box-shadow:0 4px 18px var(--accent-glow);color:#fff;cursor:pointer;font-family:Syne,system-ui,sans-serif;font-family:var(--font-head);font-size:13px;font-weight:700;letter-spacing:.06em;margin-top:8px;padding:13px;text-transform:uppercase;transition:all .15s;width:100%}.btn-primary:hover{box-shadow:0 6px 24px #0c0c0c1a;box-shadow:0 6px 24px var(--accent-glow);filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.auth-switch{color:#5a5752;color:var(--text-secondary);font-size:13px;margin-top:20px;text-align:center}.auth-switch span{color:#0c0c0c;color:var(--accent);cursor:pointer;font-weight:600;transition:opacity .15s}.auth-switch span:hover{opacity:.7}.auth-error{background:#dc262614;border:1px solid #dc262640;border-radius:4px;border-radius:var(--radius-sm);color:#dc2626;color:var(--red);font-size:13px;margin-bottom:16px;padding:10px 14px}.app-layout{display:flex;height:100vh}.sidebar{backdrop-filter:none;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur-sm);background:#ebe8e1;background:var(--surface-sidebar);border-right:1px solid #d4d0c8;border-right:1px solid var(--border);transition:background .3s}.sidebar,.sidebar-inner{display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:252px}.sidebar-inner{background:inherit;height:100%}.sidebar-header{border-bottom:1px solid #d4d0c8;border-bottom:1px solid var(--border);padding:20px 16px 16px}.sidebar-header h2{align-items:center;color:#0c0c0c;color:var(--text-primary);display:flex;font-family:Syne,system-ui,sans-serif;font-family:var(--font-head);font-size:14px;font-weight:800;gap:8px;letter-spacing:.04em;text-transform:uppercase}.sidebar-section{flex:1 1;overflow-y:auto;padding:12px 8px}.sidebar-section-title{color:#9a9790;color:var(--text-muted);font-family:Syne,system-ui,sans-serif;font-family:var(--font-head);font-size:9px;font-weight:700;letter-spacing:.14em;padding:0 10px 8px;text-transform:uppercase}.channel-item{align-items:center;border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm);color:#5a5752;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13.5px;font-weight:400;gap:9px;padding:8px 10px;transform:translateX(0);transition:all .14s cubic-bezier(.25,.46,.45,.94)}.channel-item:hover{background:#e2dfd8;background:var(--surface-hover);border-color:#d4d0c8;border-color:var(--border);color:#0c0c0c;color:var(--text-primary);transform:translateX(2px)}.channel-item.active{background:#0c0c0c;background:var(--surface-active);border-color:#0c0c0c;border-color:var(--border-accent);color:#fff;color:var(--text-on-active);font-weight:600}[data-theme=editorial] .channel-item.active{background:#0c0c0c;border-color:#0000;color:#fff}.channel-item .icon{flex-shrink:0;font-size:14px}.channel-item .name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-item .badge{background:#0c0c0c;background:var(--accent);border-radius:20px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.user-item{align-items:center;border-radius:4px;border-radius:var(--radius-sm);color:#5a5752;color:var(--text-secondary);display:flex;font-size:13px;gap:9px;padding:6px 10px;transition:background .12s}.user-item:hover{background:#e2dfd8;background:var(--surface-hover);color:#0c0c0c;color:var(--text-primary)}.user-avatar{align-items:center;border-radius:4px;border-radius:var(--radius-sm);color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;position:relative;width:28px}.status-dot{border:2px solid #ebe8e1;border:2px solid var(--surface-sidebar);border-radius:50%;bottom:-2px;height:8px;position:absolute;right:-2px;width:8px}.status-dot.online{background:#16a34a;background:var(--green)}.status-dot.offline{background:#9a9790;background:var(--text-muted)}.status-dot.busy{background:#dc2626;background:var(--red)}.btn-new-channel{align-items:center;background:none;border:1px dashed #d4d0c8;border:1px dashed var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#9a9790;color:var(--text-muted);cursor:pointer;display:flex;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;gap:8px;margin-top:4px;padding:8px 10px;transition:all .12s;width:100%}.btn-new-channel:hover{background:#e2dfd8;background:var(--surface-hover);border-color:#0c0c0c;border-color:var(--border-accent);color:#0c0c0c;color:var(--accent)}.sidebar-footer{align-items:center;background:#e6e2da;background:var(--surface-panel);border-top:1px solid #d4d0c8;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px}.sidebar-footer .username{color:#0c0c0c;color:var(--text-primary);flex:1 1;font-family:Syne,system-ui,sans-serif;font-family:var(--font-head);font-size:13px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer .status-text{color:#16a34a;color:var(--green);font-size:11px;font-weight:500}.btn-logout{align-items:center;background:none;border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm);color:#9a9790;color:var(--text-muted);cursor:pointer;display:flex;font-size:15px;padding:5px 7px;transition:all .12s}.btn-logout:hover{background:#dc26261a;border-color:#dc262633;color:#dc2626;color:var(--red)}.theme-switcher{align-items:center;background:#fff;background:var(--surface-input);border:1px solid #d4d0c8;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);display:flex;gap:5px;padding:4px 6px}.theme-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:13px;outline:none;padding:0;transition:all .15s;width:13px}.theme-dot:hover{transform:scale(1.25)}.theme-dot.active{border-color:#0c0c0c;border-color:var(--text-primary);box-shadow:0 0 0 1px #b8b4ac;box-shadow:0 0 0 1px var(--border-strong);transform:scale(1.15)}.main-content{background:#f0ede6;background:var(--surface-body);display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-header{backdrop-filter:none;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur-sm);background:#e6e2da;background:var(--surface-panel);border-bottom:1px solid #d4d0c8;border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:13px 20px}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{gap:10px}.chat-header-info .icon{font-size:16px}.chat-header-info h3{color:#0c0c0c;color:var(--text-primary);font-family:Syne,system-ui,sans-serif;font-family:var(--font-head);font-size:15px;font-weight:700;letter-spacing:-.02em}.chat-header-info .desc{color:#5a5752;color:var(--text-secondary);font-size:12px;margin-left:10px}.chat-actions{gap:8px}.btn-action,.chat-actions{align-items:center;display:flex}.btn-action{background:#fff;background:var(--surface-input);border:1px solid #b8b4ac;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);color:#5a5752;color:var(--text-secondary);cursor:pointer;font-family:Syne,system-ui,sans-serif;font-family:var(--font-head);font-size:11px;font-weight:700;gap:6px;letter-spacing:.06em;padding:7px 16px;text-transform:uppercase;transition:all .12s}.btn-action:hover{background:#0c0c0c;background:var(--accent);border-color:#0c0c0c;border-color:var(--accent);color:#fff}.btn-action.active{background:linear-gradient(135deg,#0c0c0c,#3a3a3a);background:var(--accent-grad);border-color:#0000;box-shadow:0 4px 14px #0c0c0c1a;box-shadow:0 4px 14px var(--accent-glow);color:#fff}.messages-area{display:flex;flex:1 1;flex-direction:column;gap:1px;overflow-y:auto;padding:16px 20px}.message{border:1px solid #0000;border-radius:6px;border-radius:var(--radius);display:flex;gap:11px;padding:8px 10px;transition:background .1s}.message:hover{background:#e2dfd8;background:var(--surface-hover);border-color:#d4d0c8;border-color:var(--border)}.message-avatar{align-items:center;border-radius:4px;border-radius:var(--radius-sm);color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:34px;justify-content:center;margin-top:2px;width:34px}.message-body{flex:1 1;min-width:0}.message-header{align-items:baseline;display:flex;gap:8px;margin-bottom:3px}.message-author{color:#0c0c0c;color:var(--text-primary);font-family:Syne,system-ui,sans-serif;font-family:var(--font-head);font-size:13px;font-weight:700;letter-spacing:-.01em}.message-time{color:#9a9790;color:var(--text-muted);font-size:11px}.message-text{color:#0c0c0c;color:var(--text-primary);font-size:14px;line-height:1.55;word-break:break-word}.message-system{padding:5px 0;text-align:center}.message-system,.typing-indicator{color:#9a9790;color:var(--text-muted);font-size:12px}.typing-indicator{font-style:italic;min-height:22px;padding:4px 20px}.message-input-area{backdrop-filter:none;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur-sm);background:#e6e2da;background:var(--surface-panel);border-top:1px solid #d4d0c8;border-top:1px solid var(--border);flex-shrink:0;padding:12px 20px 16px}.message-input-wrapper{align-items:center;background:#fff;background:var(--surface-input);border:1px solid #b8b4ac;border:1px solid var(--border-strong);border-radius:6px;border-radius:var(--radius);display:flex;gap:8px;padding:5px 5px 5px 14px;transition:border-color .2s,box-shadow .2s}.message-input-wrapper:focus-within{border-color:#0c0c0c;border-color:var(--border-accent);box-shadow:0 0 0 3px #0c0c0c1a;box-shadow:0 0 0 3px var(--accent-glow)}.message-input-wrapper input{background:none;border:none;color:#0c0c0c;color:var(--text-primary);flex:1 1;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:7px 0}.message-input-wrapper input::placeholder{color:#9a9790;color:var(--text-muted)}.btn-send{background:linear-gradient(135deg,#0c0c0c,#3a3a3a);background:var(--accent-grad);border:none;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0c0c0c1a;box-shadow:0 2px 8px var(--accent-glow);color:#fff;cursor:pointer;font-family:Syne,system-ui,sans-serif;font-family:var(--font-head);font-size:12px;font-weight:700;letter-spacing:.04em;padding:8px 16px;transition:all .12s;white-space:nowrap}.btn-send:hover{box-shadow:0 4px 16px #0c0c0c1a;box-shadow:0 4px 16px var(--accent-glow);filter:brightness(1.1);transform:translateY(-1px)}.video-panel{background:#0d0d18;border-top:1px solid #ffffff14;display:flex;flex-direction:column;flex-shrink:0;max-height:55vh;min-height:280px;overflow:hidden}.video-grid{grid-gap:8px;align-content:center;display:grid;flex:1 1;gap:8px;min-height:0;overflow:hidden;padding:10px}.video-grid.grid-1{grid-template-columns:1fr;margin:0 auto;max-width:600px;width:100%}.video-grid.grid-2{grid-template-columns:1fr 1fr}.video-grid.grid-3{grid-template-columns:repeat(3,1fr)}.video-grid.grid-4{grid-template-columns:repeat(2,1fr)}.video-grid.grid-5,.video-grid.grid-6{grid-template-columns:repeat(3,1fr)}.video-tile{align-items:center;aspect-ratio:4/3;background:#000;border:1px solid #ffffff14;border-radius:6px;border-radius:var(--radius);display:flex;justify-content:center;min-height:120px;overflow:hidden;position:relative}.video-tile video{background:#000;height:100%;object-fit:contain;width:100%}.video-tile .video-name{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;border-radius:3px;bottom:8px;color:#fff;font-family:Syne,system-ui,sans-serif;font-family:var(--font-head);font-size:10px;font-weight:600;left:8px;letter-spacing:.06em;padding:3px 10px;position:absolute;text-transform:uppercase}.video-tile .no-video{align-items:center;color:#555;display:flex;flex-direction:column;gap:8px}.video-tile .no-video .avatar-large{border-radius:6px;border-radius:var(--radius);color:#fff;font-family:Syne,system-ui,sans-serif;font-family:var(--font-head);font-size:20px;font-weight:800;height:56px;width:56px}.video-controls,.video-tile .no-video .avatar-large{align-items:center;display:flex;justify-content:center}.video-controls{background:#080810;border-top:1px solid #ffffff0f;flex-shrink:0;gap:8px;padding:10px 16px}.btn-video-control{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;border-radius:var(--radius-sm);color:#ccc;cursor:pointer;display:flex;font-family:Syne,system-ui,sans-serif;font-family:var(--font-head);font-size:10px;font-weight:700;gap:6px;height:38px;justify-content:center;letter-spacing:.08em;min-width:40px;padding:0 14px;text-transform:uppercase;transition:all .12s}.btn-video-control.on{background:#ffffff14;color:#e8e8e8}.btn-video-control.off{background:#f8514926;border-color:#f8514959;color:#fca5a5}.btn-video-control.screen{background:#388bfd1f;border-color:#388bfd4d;color:#79b8ff}.btn-video-control.end{background:#dc2626;background:var(--red);border-color:#0000;box-shadow:0 4px 14px #dc262659;color:#fff;font-size:11px;padding:0 20px;text-transform:none}.btn-video-control:hover{background:#ffffff24;border-color:#ffffff40;color:#fff}.btn-video-control.end:hover{filter:brightness(1.1)}.modal-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal{backdrop-filter:none;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur-md);background:#f0ede6;background:var(--surface-modal);border:1px solid #b8b4ac;border:1px solid var(--border-strong);border-radius:14px;border-radius:var(--radius-xl);box-shadow:0 4px 24px #0000001a;box-shadow:var(--shadow);padding:28px;width:420px}.modal h3{color:#0c0c0c;color:var(--text-primary);font-family:Syne,system-ui,sans-serif;font-family:var(--font-head);font-size:17px;font-weight:800;letter-spacing:-.02em;margin-bottom:20px}[data-theme=editorial] .modal h3{text-transform:uppercase}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-secondary{background:#fff;background:var(--surface-input);border:1px solid #b8b4ac;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);color:#5a5752;color:var(--text-secondary);cursor:pointer;font-family:Syne,system-ui,sans-serif;font-family:var(--font-head);font-size:11px;font-weight:700;letter-spacing:.06em;padding:9px 18px;text-transform:uppercase;transition:all .12s}.btn-secondary:hover{background:#0c0c0c;background:var(--accent);border-color:#0c0c0c;border-color:var(--accent);color:#fff}.empty-state{align-items:center;color:#9a9790;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.empty-state .icon{font-size:44px;opacity:.35}.empty-state h3{color:#5a5752;color:var(--text-secondary);font-family:Syne,system-ui,sans-serif;font-family:var(--font-head);font-size:17px;font-weight:700}.empty-state p{font-size:13px}.emoji-picker{backdrop-filter:none;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:none;-webkit-backdrop-filter:var(--blur-md);background:#f0ede6;background:var(--surface-modal);border:1px solid #b8b4ac;border:1px solid var(--border-strong);border-radius:6px;border-radius:var(--radius);bottom:100%;box-shadow:0 4px 24px #0000001a;box-shadow:var(--shadow);display:flex;gap:2px;left:0;margin-bottom:6px;padding:6px 8px;position:absolute;z-index:50}.emoji-btn{background:#0000;border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;font-size:20px;padding:5px 6px;transition:background .1s,transform .1s}.emoji-btn:hover{background:#e2dfd8;background:var(--surface-hover);transform:scale(1.2)}.file-attachment{transition:background .12s}.file-attachment:hover{background:#e2dfd8!important;background:var(--surface-hover)!important}.reaction-btn{align-items:center;background:#e2dfd8;background:var(--surface-hover);border:1px solid #d4d0c8;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#5a5752;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:2px 8px;transition:all .1s}.reaction-btn:hover{border-color:#b8b4ac;border-color:var(--border-strong);color:#0c0c0c;color:var(--text-primary)}.reaction-btn.active{background:#0c0c0c;background:var(--surface-active);border-color:#0c0c0c;border-color:var(--border-accent);color:#0c0c0c;color:var(--accent)}.voice-lobby{align-items:center;flex:1 1;flex-direction:column;gap:16px}.voice-lobby,.voice-participants{display:flex;justify-content:center}.voice-participants{flex-wrap:wrap;gap:14px;margin-top:16px}.voice-participant{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#fff;background:var(--surface-card);border:1px solid #d4d0c8;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px;min-width:80px;padding:16px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.06)}}.call-body{flex:1 1;flex-direction:row;min-height:0}.call-body,.call-chat-panel{display:flex;overflow:hidden}.call-chat-panel{background:#f0ede6;background:var(--surface-body);border-right:1px solid #d4d0c8;border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;max-width:340px;min-width:240px;width:300px}.call-chat-panel .messages-area{padding:10px 12px}.call-chat-panel .message-input-area{padding:8px 10px 10px}.call-video-panel{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.call-video-panel .video-panel{border-top:none;flex:1 1;max-height:none;min-height:0}.call-video-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.call-video-wrapper .video-panel{border-top:none;flex:1 1;max-height:none;min-height:0}.sidebar-resizer{background:#0000;cursor:col-resize;flex-shrink:0;position:relative;transition:background .2s;width:5px;z-index:10}.sidebar-resizer:after{background:#0000;border-radius:2px;content:"";height:36px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .15s,height .15s;width:2px}.sidebar-resizer:active:after,.sidebar-resizer:hover:after{background:#0c0c0c;background:var(--border-accent);height:52px}.sidebar-resizer:hover{background:#e2dfd8;background:var(--surface-hover)}
/*# sourceMappingURL=main.fe5617da.css.map*/