@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Avenir Next,Segoe UI,sans-serif;--bg-0: #0b0d14;--bg-1: #11141d;--bg-2: #171b28;--bg-3: #1e2333;--bg-glass: rgba(17, 20, 29, .85);--text-main: #f5f7ff;--text-soft: #a9b1c7;--text-faint: #7f879f;--line: #2a3042;--line-strong: #3b4460;--accent: #5b67f5;--accent-secondary: #8b95ff;--accent-hover: color-mix(in srgb, var(--accent) 72%, var(--accent-secondary) 28%);--danger: #ef5e74;--ok: #44c486;color:var(--text-main);background:radial-gradient(circle at -20% -10%,#1f2540,#0b0d14 45%,#07090f)}[data-theme=dark]{color:var(--text-main)}[data-theme=light]{--bg-0: #edf0fb;--bg-1: #ffffff;--bg-2: #f5f7ff;--bg-3: #eef2ff;--bg-glass: rgba(255, 255, 255, .9);--text-main: #101426;--text-soft: #4f5a79;--text-faint: #6a7392;--line: #d5dbef;--line-strong: #bcc5e3;--accent: #4a57e8;--accent-secondary: #7280ff;--accent-hover: color-mix(in srgb, var(--accent) 72%, var(--accent-secondary) 28%);--danger: #ce3651;--ok: #1f9d68;background:radial-gradient(circle at -20% -10%,#cfd8ff,#f3f5ff 52%,#e6eaf7)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;min-height:100%}body{color:var(--text-main);background:inherit;overflow:hidden}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px}::-webkit-scrollbar-track{background:transparent}.app-shell{min-height:100dvh;height:100dvh;display:grid;grid-template-columns:72px 300px minmax(0,1fr);background:linear-gradient(135deg,#ffffff08,#fff0);overflow:hidden}.app-shell-auth{grid-template-columns:72px minmax(0,1fr)}.mobile-menu-toggle{display:none;position:fixed;left:12px;top:12px;z-index:46;width:42px;height:42px;border-radius:12px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--bg-2) 88%,black 12%);color:var(--text-main);padding:0;place-items:center}.mobile-menu-icon{width:22px;height:22px}.mobile-menu-backdrop{display:none}.server-rail{min-height:0;border-right:1px solid var(--line);background:color-mix(in srgb,var(--bg-0) 88%,black 12%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0}.server-logo,.server-nav-item,.server-settings{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:12px;letter-spacing:.04em;color:var(--text-soft);background:var(--bg-2);border:1px solid transparent;transition:all .2s ease}.server-logo{margin-bottom:6px;font-size:16px;text-transform:lowercase;color:#fff;background:linear-gradient(145deg,var(--accent),var(--accent-secondary))}.server-nav{display:grid;gap:8px;width:100%;justify-items:center;min-height:0;overflow:auto;padding:0 0 2px}.server-node{position:relative}.server-node-label{font-size:11px;font-weight:800;letter-spacing:.04em}.server-node.active{color:#fff;border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 35%,transparent),transparent)}.server-node-active{position:absolute;right:-3px;bottom:-3px;width:10px;height:10px;border-radius:999px;background:var(--ok);border:2px solid var(--bg-0)}.server-add{border-style:dashed}.auth-shell{min-height:0;overflow:auto;display:grid;place-items:center}.server-settings{margin-top:auto}.server-icon{width:18px;height:18px}.server-nav-item:hover,.server-nav-item.router-link-active,.server-settings:hover{color:#fff;border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 35%,transparent),transparent)}.workspace-rail{min-height:0;border-right:1px solid var(--line);background:color-mix(in srgb,var(--bg-1) 94%,black 6%);display:flex;flex-direction:column;gap:14px;padding:16px 14px;overflow:hidden}.workspace-head{padding:8px 8px 12px;border-bottom:1px solid var(--line);display:grid;gap:10px}.brand-caption{margin:0;text-transform:uppercase;font-size:11px;letter-spacing:.1em;color:var(--text-faint)}.brand-title{margin:0;font-size:28px;line-height:1;font-weight:800}.workspace-head-links{width:100%;display:grid;gap:6px}.workspace-head-link{width:100%;min-height:34px;display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:5px 10px;color:var(--text-main);background:color-mix(in srgb,var(--bg-2) 88%,transparent);font-size:12px;font-weight:600;transition:all .2s ease}.workspace-head-link:hover,.workspace-head-link.router-link-active{color:var(--text-main);border-color:var(--line-strong);background:var(--bg-3)}.workspace-search{display:block}.workspace-search input{height:38px;border-radius:10px;background:var(--bg-2)}.workspace-nav{display:grid;gap:4px;align-content:start}.workspace-sections{min-height:0;flex:1;overflow:auto;display:grid;align-content:start;gap:14px;padding-right:2px}.workspace-section{display:grid;gap:8px}.workspace-section-title{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);font-weight:800}.workspace-empty{margin:0;color:var(--text-faint);font-size:12px}.avatar-upload-preview{width:78px;height:78px;border-radius:12px;border:1px solid var(--line-strong);background:var(--bg-2);object-fit:cover}.workspace-list{display:grid;gap:6px}.workspace-item{width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-soft);display:flex;align-items:center;gap:9px;padding:7px 8px;text-align:left}.workspace-item:hover{background:var(--bg-3);border-color:var(--line-strong);color:#fff}.workspace-avatar{width:30px;height:30px;border-radius:10px;object-fit:cover;border:1px solid var(--line-strong)}.workspace-avatar-wrap{position:relative;width:30px;height:30px;display:inline-block;flex-shrink:0}.workspace-avatar-fallback{display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 35%,var(--bg-3));color:#fff;font-size:11px;font-weight:800}.workspace-item-meta{display:grid;gap:2px;min-width:0;flex:1}.workspace-item-meta strong{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-item-meta small{color:var(--text-faint);font-size:11px}.workspace-item-unread{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 78%,white 22%);color:#fff;font-size:11px;font-weight:800;line-height:1;flex-shrink:0}.nav-item{display:block;padding:10px 12px;border-radius:10px;color:var(--text-soft);font-weight:600;border:1px solid transparent;transition:all .2s ease}.nav-item:hover,.nav-item.router-link-active{color:#fff;background:var(--bg-3);border-color:var(--line-strong)}.workspace-footer{margin-top:auto;border-top:1px solid var(--line);padding:12px 8px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.workspace-foot-main{display:flex;align-items:center;gap:9px;min-width:0}.workspace-foot-avatar-wrap{width:34px;height:34px;flex-shrink:0}.workspace-foot-avatar{width:34px;height:34px;border-radius:11px;border:1px solid var(--line-strong);object-fit:cover}.workspace-foot-meta{min-width:0}.workspace-foot-label{margin:0;color:var(--text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.workspace-foot-value{margin:6px 0 0;color:var(--text-main);font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-settings-btn{width:36px;min-height:36px;height:36px;border-radius:10px;padding:0;display:grid;place-items:center;background:var(--bg-2);color:var(--text-soft);border:1px solid var(--line-strong)}.workspace-settings-btn:hover{color:#fff;border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 35%,transparent),transparent)}.workspace-settings-icon{width:18px;height:18px}.presence-dot{width:11px;height:11px;border-radius:999px;position:absolute;right:-2px;bottom:-2px;border:2px solid color-mix(in srgb,var(--bg-1) 90%,black 10%);box-shadow:0 0 0 1px color-mix(in srgb,var(--bg-0) 65%,transparent)}.presence-dot-static{position:static;width:9px;height:9px;border:none;box-shadow:none}.presence-online{background:var(--ok)}.presence-offline{background:var(--danger)}.main-shell{min-height:0;height:100%;overflow:hidden;min-width:0;display:flex;flex-direction:column;gap:12px;padding:12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eyebrow{margin:0;color:var(--text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.09em}.topbar h2{margin:5px 0 0;font-size:18px;line-height:1.2}.topbar-actions{display:flex;align-items:center;gap:8px}.user-pill{margin:0;border:1px solid var(--line-strong);border-radius:99px;padding:7px 11px;color:var(--text-soft);font-size:12px}.call-link{border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);color:#fff;background:color-mix(in srgb,var(--accent) 45%,transparent);border-radius:9px;padding:8px 12px;font-weight:700;font-size:13px;transition:all .2s ease}.call-link:hover{background:color-mix(in srgb,var(--accent) 70%,transparent)}.page-content{flex:1;min-width:0;min-height:0;height:100%;max-height:100%;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg-1) 93%,transparent);padding:16px;overflow:auto}.page-content-chat{overflow:hidden}.settings-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#05070ead;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px}.settings-modal{width:min(980px,100%);max-height:calc(100vh - 48px);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--bg-1) 95%,black 5%);display:flex;flex-direction:column}.settings-modal-header{min-height:56px;border-bottom:1px solid var(--line);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-modal-header h3{margin:0;font-size:16px}.settings-modal-close{min-height:34px;width:34px;height:34px;border-radius:9px;padding:0;display:grid;place-items:center}.settings-modal-body{overflow:auto;padding:14px}.incoming-call-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:42;background:#05070eb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px}.incoming-call-modal{width:min(430px,100%);border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg-1) 95%,black 5%);padding:16px;display:grid;gap:10px}.incoming-call-caption{margin:0;color:var(--text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.incoming-call-modal h3{margin:0;font-size:22px;line-height:1.2}.incoming-call-modal p{margin:0;color:var(--text-soft)}.incoming-call-actions{margin-top:4px;justify-content:flex-end}button.incoming-call-accept,button.incoming-call-accept:hover{min-height:38px;border-radius:10px;background:color-mix(in srgb,var(--ok) 78%,var(--accent));border-color:color-mix(in srgb,var(--ok) 65%,transparent);color:#fff}button.incoming-call-accept:hover{background:color-mix(in srgb,var(--ok) 86%,var(--accent))}button.incoming-call-decline,button.incoming-call-decline:hover{min-height:38px;border-radius:10px;border-color:color-mix(in srgb,var(--danger) 35%,transparent);color:color-mix(in srgb,var(--danger) 88%,white 12%)}button.incoming-call-decline:hover{background:color-mix(in srgb,var(--danger) 16%,var(--bg-2));color:#fff}.auth-layout{min-height:100%;width:100%;display:grid;place-items:center;padding:26px}.login-page-grid{width:min(920px,100%);display:grid;gap:14px}.page-grid{display:grid;gap:12px;grid-template-columns:repeat(12,minmax(0,1fr))}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.card{grid-column:span 12;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);padding:14px}.card h3{margin:0 0 8px;font-size:17px}.card p{margin:0;color:var(--text-soft);line-height:1.45}.auth-card{width:min(520px,100%);margin:0 auto;background:linear-gradient(165deg,color-mix(in srgb,var(--bg-2) 88%,var(--accent) 12%),var(--bg-1))}.hero-card{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 30%,var(--bg-2) 70%),color-mix(in srgb,var(--bg-2) 82%,black 18%))}.feature-list{margin:12px 0 0;padding-left:18px;color:var(--text-soft);display:grid;gap:6px;font-size:13px}.auth-tabs{display:flex;gap:8px;margin-bottom:12px}.auth-tabs button{flex:1}.auth-tabs button.active{background:var(--accent);border-color:color-mix(in srgb,var(--accent) 70%,transparent);color:#fff}.form-stack{display:grid;gap:10px;max-width:460px}label{display:grid;gap:6px;font-size:12px;letter-spacing:.02em;color:var(--text-soft);font-weight:700}input,textarea,select{width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;min-height:40px;font-family:inherit;font-size:14px;background:var(--bg-3);color:var(--text-main);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--accent) 65%,white 10%);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}textarea{resize:vertical;min-height:88px}button{border:1px solid transparent;border-radius:10px;min-height:38px;padding:8px 12px;font-family:inherit;font-weight:700;font-size:13px;color:#fff;background:var(--accent);cursor:pointer;transition:all .18s ease}button:hover{background:var(--accent-hover)}button:disabled{opacity:.66;cursor:not-allowed}.ghost-btn{background:transparent;color:var(--text-soft);border-color:var(--line-strong)}.ghost-btn:hover{background:var(--bg-3);color:#fff}button.server-settings,button.server-settings:hover{width:44px;height:44px;min-height:44px;border-radius:14px;padding:0;display:grid;place-items:center;font-weight:800;font-size:12px;letter-spacing:.04em;color:var(--text-soft);background:var(--bg-2);border:1px solid transparent}button.server-settings:hover{color:#fff;border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 35%,transparent),transparent)}button.server-settings.server-logout,button.server-settings.server-logout:hover{color:color-mix(in srgb,var(--danger) 86%,white 14%);border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:color-mix(in srgb,var(--danger) 16%,var(--bg-2))}button.server-settings.server-logout:hover{color:#fff;border-color:color-mix(in srgb,var(--danger) 62%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 40%,transparent),transparent)}.list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:none}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.chat-item-btn{width:100%;margin-bottom:8px;text-align:left;border:1px solid var(--line);border-radius:11px;background:var(--bg-2);color:var(--text-main);padding:12px}.chat-item-btn:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--bg-3) 76%,var(--accent) 24%)}.chats-active-calls{display:grid;gap:8px;margin-bottom:10px}.chats-active-call-row{border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,var(--bg-2));padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.chats-active-call-meta{min-width:0}.chats-active-call-meta strong{font-size:12px}.chats-active-call-meta p{margin:3px 0 0;color:var(--text-soft);font-size:12px}.chat-item-head{display:flex;align-items:center;gap:8px}.chat-unread-badge{min-width:20px;height:20px;border-radius:999px;padding:0 6px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--accent) 82%,white 18%);color:#fff;font-size:11px;font-weight:800;line-height:1}.chat-screen.card{padding:0;border-radius:14px;overflow:hidden;min-height:0;height:100%;display:flex;flex-direction:column;background:color-mix(in srgb,var(--bg-1) 93%,#05070e 7%)}.chat-head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:12px;min-height:58px;padding:10px 14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg-1) 92%,black 8%)}.chat-head-main{display:flex;align-items:center;gap:10px;min-width:0}.chat-head-avatar{width:34px;height:34px;border-radius:999px;object-fit:cover;border:1px solid var(--line-strong);flex-shrink:0}.chat-head-avatar-wrap{position:relative;width:34px;height:34px;flex-shrink:0}.chat-head-avatar-fallback{display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 64%,var(--accent-secondary) 36%),var(--accent))}.chat-head-meta{min-width:0}.chat-head-meta h3{margin:0;font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-head-meta p{margin:2px 0 0;color:var(--text-faint);font-size:12px}.chat-head-actions{display:flex;align-items:center;gap:7px}.chat-icon-btn{min-height:32px;height:32px;border-radius:8px;padding:0 10px;font-size:11px;letter-spacing:.03em;text-transform:uppercase}.chat-inline-search{display:flex;align-items:center;margin-left:auto;min-width:0}.chat-inline-search input{width:240px;min-height:34px;height:34px;border-radius:8px;font-size:13px;background:color-mix(in srgb,var(--bg-0) 84%,black 16%)}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;flex:1 1 auto;height:auto;max-height:none;min-height:0;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-1) 94%,black 6%),var(--bg-0))}.chat-layout-no-side{grid-template-columns:minmax(0,1fr)}.chat-main-column{height:auto;max-height:none;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:10px 12px 0}.chat-inline-call{min-height:0}.chat-feed{min-height:0;overflow:auto;padding:4px 6px 10px;display:flex;flex-direction:column;gap:3px}.chat-feed-loading-more{text-align:center;padding:6px 0 2px}.chat-unread-separator{margin:10px 2px 4px;display:flex;align-items:center;gap:8px;color:color-mix(in srgb,var(--accent) 72%,var(--text-faint));font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.chat-unread-separator:before,.chat-unread-separator:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--accent) 35%,var(--line-strong))}.chat-message{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;border-radius:10px;padding:8px 10px;transition:background .15s ease}.chat-message:hover{background:color-mix(in srgb,var(--bg-3) 84%,transparent)}.chat-message.chat-message-pinned{background:color-mix(in srgb,var(--accent) 10%,var(--bg-2));border-left:2px solid color-mix(in srgb,var(--accent) 72%,transparent)}.chat-message.chat-message-highlighted{animation:chat-message-highlight 1.4s ease}@keyframes chat-message-highlight{0%{background:color-mix(in srgb,var(--accent) 28%,var(--bg-3))}to{background:transparent}}.chat-message-avatar{width:38px;height:38px;border-radius:999px;display:block;border:1px solid var(--line-strong);object-fit:cover;flex-shrink:0}.chat-message-avatar-btn{width:38px;height:38px;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer}.chat-message-avatar-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:2px}.chat-message-avatar-fallback{display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 22%,var(--bg-2));color:#fff;font-size:11px;font-weight:800}.chat-message.mine .chat-message-avatar-fallback{background:color-mix(in srgb,var(--ok) 26%,var(--bg-2))}.chat-message-content{min-width:0}.chat-message-head{display:flex;align-items:baseline;gap:8px;min-width:0}.chat-message-head strong{font-size:14px;font-weight:800}.chat-message-author-btn{border:0;background:transparent;padding:0;margin:0;color:var(--text-main);font-size:14px;font-weight:800;cursor:pointer;text-align:left}.chat-message-author-btn:hover{color:color-mix(in srgb,var(--accent) 82%,var(--text-main))}.chat-message-author-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:2px;border-radius:6px}.chat-message-head small{color:var(--text-faint);font-size:11px}.chat-message-pin-badge{border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 88%,white 12%)}.chat-bubble{margin:3px 0 0;color:color-mix(in srgb,var(--text-main) 88%,var(--text-soft));font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.chat-bubble-markdown{white-space:normal}.chat-bubble-markdown strong{font-weight:800}.chat-bubble-markdown em{font-style:italic}.chat-bubble-markdown s{color:var(--text-faint)}.chat-md-link{color:color-mix(in srgb,var(--accent) 76%,#ffffff 24%);text-decoration:underline}.chat-md-pre{margin:8px 0 0;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg-0) 86%,black 14%);padding:10px;overflow:auto;white-space:pre}.chat-md-pre code{font-size:12px;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.chat-md-inline-code{border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--bg-3) 88%,black 12%);padding:1px 5px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.chat-md-image,.chat-md-video{display:block;max-width:min(420px,100%);margin-top:8px;border-radius:10px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-0) 82%,black 18%)}.chat-md-image{max-height:320px;object-fit:cover;cursor:zoom-in}.chat-md-video{max-height:320px}.chat-md-audio{display:block;width:min(360px,100%);margin-top:8px}.chat-edit-form{margin-top:6px}.chat-edit-form textarea{min-height:72px}.chat-message-actions{margin-top:8px;opacity:0;transition:opacity .15s ease}.chat-message:hover .chat-message-actions{opacity:1}.chat-side-panel{border-left:1px solid var(--line);background:color-mix(in srgb,var(--bg-2) 92%,black 8%);padding:12px;display:flex;flex-direction:column;gap:10px;overflow:auto;min-height:0}.chat-side-card{border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg-1) 88%,transparent);padding:12px;display:grid;gap:8px}.chat-side-profile{padding-top:14px}.chat-side-user{gap:10px}.chat-side-user-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-side-user-caption{margin:0;color:var(--text-faint);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.chat-side-user-close{width:30px;min-height:30px;padding:0;display:grid;place-items:center}.chat-side-user-close svg{width:15px;height:15px}.chat-profile-avatar{width:70px;height:70px;border-radius:999px;object-fit:cover;border:2px solid color-mix(in srgb,var(--line-strong) 82%,transparent)}.chat-profile-avatar-wrap{position:relative;width:70px;height:70px}.chat-profile-avatar-wrap .presence-dot{right:2px;bottom:2px}.chat-side-card h4{margin:0;font-size:18px}.chat-side-card p{margin:0;font-size:13px}.chat-side-kv{margin-top:4px;border:1px solid var(--line);border-radius:9px;padding:8px 9px;display:grid;gap:4px}.chat-side-kv span{color:var(--text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.chat-side-kv strong{font-size:13px;font-weight:700}.chat-side-link{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.chat-side-danger{color:color-mix(in srgb,var(--danger) 88%,white 12%);border-color:color-mix(in srgb,var(--danger) 34%,transparent)}.chat-side-danger:hover{color:#fff;border-color:color-mix(in srgb,var(--danger) 64%,transparent);background:color-mix(in srgb,var(--danger) 18%,var(--bg-2))}.chat-side-link span{color:var(--text-main);font-weight:700}.chat-side-participant{border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--bg-3) 74%,transparent);padding:6px 8px;color:var(--text-main);font-size:12px}.chat-side-pinned-item{width:100%;text-align:left;min-height:0;border-radius:9px;padding:8px 9px;display:grid;gap:4px}.chat-side-pinned-item strong{font-size:12px;color:var(--text-main)}.chat-side-pinned-item small{color:var(--text-faint);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.chat-side-pinned-item span{color:var(--text-soft);font-size:12px;line-height:1.35}.chat-compose{border-top:1px solid var(--line);padding:10px 12px 12px;background:color-mix(in srgb,var(--bg-1) 88%,black 12%)}.chat-compose-form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}.chat-media-input{display:none}.chat-compose-column{min-width:0;display:grid;gap:8px}.chat-compose-attachments{display:flex;flex-wrap:wrap;gap:8px}.chat-attachment-chip{max-width:100%;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--bg-2) 84%,black 16%);padding:6px 8px;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center}.chat-attachment-kind{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:10px;font-weight:700}.chat-attachment-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:700}.chat-attachment-chip small{color:var(--text-soft);font-size:11px}.chat-attachment-uploading{border-color:color-mix(in srgb,var(--accent) 48%,transparent)}.chat-attachment-error{border-color:color-mix(in srgb,var(--danger) 58%,transparent)}.chat-attachment-error small{color:var(--danger)}.chat-attachment-remove{min-height:24px;width:24px;border-radius:7px;padding:0;display:grid;place-items:center}.chat-compose-input{border:1px solid var(--line-strong);border-radius:10px;min-height:46px;background:color-mix(in srgb,var(--bg-3) 84%,black 16%);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:6px;padding:6px}.chat-compose-plus{min-height:30px;width:30px;border-radius:8px;padding:0;display:grid;place-items:center;font-size:18px;line-height:1;align-self:start}.chat-compose-input textarea{min-height:30px;max-height:150px;padding:7px 0;border:none;box-shadow:none;border-radius:0;background:transparent;resize:none}.chat-compose-input textarea:focus{border:none;box-shadow:none}.chat-compose-tools{display:flex;align-items:flex-start;align-self:start;gap:6px}.chat-tool-btn{min-height:28px;height:28px;border-radius:8px;padding:0 9px;font-size:11px;align-self:start}.chat-emoji-dropdown-wrap{position:relative}.chat-emoji-dropdown{position:absolute;right:0;bottom:calc(100% + 8px);width:min(360px,72vw);border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg-1) 94%,black 6%);padding:8px;display:grid;gap:8px;box-shadow:0 14px 34px #0408126b;z-index:20}.chat-emoji-tabs{display:flex;flex-wrap:wrap;gap:6px}.chat-emoji-tab{min-height:28px;width:28px;height:28px;border-radius:7px;padding:0;display:grid;place-items:center;font-size:14px}.chat-emoji-tab.active,.chat-emoji-tab.active:hover{border-color:color-mix(in srgb,var(--accent) 58%,transparent);background:color-mix(in srgb,var(--accent) 22%,transparent);color:#fff}.chat-emoji-group-label{margin:0;color:var(--text-soft);font-size:11px;letter-spacing:.05em;text-transform:uppercase;font-weight:700}.chat-emoji-grid{max-height:208px;overflow:auto;padding-right:2px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.chat-emoji-btn{min-height:30px;height:30px;border-radius:8px;padding:0;font-size:18px;line-height:1}.chat-compose-hint{margin:0;color:var(--text-faint);font-size:11px}.chat-error{margin:0;border-top:1px solid color-mix(in srgb,var(--danger) 20%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent);padding:8px 12px}.chat-image-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#05070ee6;display:grid;place-items:center;padding:24px}.chat-image-preview-close{position:absolute;top:16px;right:16px;width:40px;height:40px;min-height:40px;border-radius:12px;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--bg-2) 80%,black 20%);color:#fff}.chat-image-preview-close svg{width:18px;height:18px}.chat-image-preview-media{width:min(100%,1600px);max-height:calc(100vh - 56px);object-fit:contain;border-radius:12px;border:1px solid color-mix(in srgb,var(--line-strong) 70%,transparent);background:#04060b}.call-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;align-items:stretch}.call-embedded-shell{display:grid;gap:8px}.call-embedded-head,.call-embedded-media,.call-embedded-participants,.call-embedded-actions{border-radius:10px}.call-embedded-head{padding:10px}.call-embedded-head h3{margin:0 0 4px;font-size:14px}.call-embedded-media,.call-embedded-participants,.call-embedded-actions{padding:10px}.video-tile{position:relative;overflow:hidden;aspect-ratio:16 / 9;min-height:160px;border-radius:11px;border:1px solid var(--line);background:#0b0e17}.video-preview-btn{position:absolute;top:8px;right:8px;z-index:2;width:32px;min-height:32px;height:32px;border-radius:9px;padding:0;display:grid;place-items:center;background:#06080ebd;color:#fff}.video-quality-badge{position:absolute;top:8px;left:8px;z-index:2;margin:0;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1;white-space:nowrap;color:#fff;border:1px solid rgba(255,255,255,.2);background:#1a1e2ad9}.video-quality-good{background:#0e7854e6}.video-quality-fair{background:#a67010e6}.video-quality-poor{background:#9d2e2eeb}.video-preview-btn:disabled{opacity:.45}.video-preview-icon{width:16px;height:16px}.video-el{width:100%;height:100%;object-fit:cover;background:#0b0e17}.video-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;pointer-events:none}.video-empty-icon{width:68px;height:68px;color:color-mix(in srgb,var(--text-faint) 88%,#ffffff 12%)}.tile-label{position:absolute;left:8px;bottom:8px;margin:0;border-radius:999px;background:#080a12d1;border:1px solid rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:700;padding:4px 10px}.speaker-tile{border-color:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}.call-actions{display:flex;gap:8px;flex-wrap:wrap}.call-action-btn{min-height:40px;height:40px;min-width:40px;width:40px;padding:0;display:grid;place-items:center;border-radius:10px}.call-action-icon{width:19px;height:19px}.call-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:46;background:#04060ceb;display:grid;place-items:center;padding:16px}.call-preview-modal{width:min(100%,1500px);height:min(100%,calc(100vh - 32px));border:1px solid var(--line-strong);border-radius:14px;background:color-mix(in srgb,var(--bg-0) 90%,black 10%);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.call-preview-head{min-height:54px;border-bottom:1px solid var(--line);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.call-preview-head strong{font-size:14px}.call-preview-actions{display:flex;align-items:center;gap:8px}.call-preview-action-btn{width:36px;min-height:36px;height:36px;border-radius:10px;padding:0;display:grid;place-items:center}.call-preview-action-icon{width:18px;height:18px}.call-preview-body{min-height:0;height:100%;padding:12px}.call-preview-video{width:100%;height:100%;object-fit:contain;border-radius:10px;background:#03050b}.participant-row{border-radius:9px;padding-left:10px;padding-right:10px}.participant-quality-text{margin:4px 0 0;color:var(--text-faint);font-size:12px}.speaker-row{background:color-mix(in srgb,var(--accent) 20%,transparent)}.error-text{margin:0;color:var(--danger);font-size:13px}.warning-text{margin:0;color:color-mix(in srgb,var(--warning, #c4871f) 75%,var(--text) 25%);font-size:13px}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.settings-panel{display:grid;gap:14px}.settings-panel-head h3{margin:0 0 8px;font-size:17px}.settings-panel-head p{margin:0;color:var(--text-soft);line-height:1.45}.settings-panel-head p+p{margin-top:6px}.contact-row-main{display:flex;align-items:center;gap:10px;min-width:0}.contacts-page{align-content:start}.contacts-tabs{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}button.contacts-tab-btn,button.contacts-tab-btn:hover{min-height:34px;border-radius:9px;border:1px solid var(--line);background:var(--bg-3);color:var(--text-soft);padding:6px 10px;display:flex;align-items:center;gap:8px}button.contacts-tab-btn:hover{color:var(--text-main)}button.contacts-tab-btn.active,button.contacts-tab-btn.active:hover{background:var(--bg-1);border-color:var(--line-strong);color:var(--text-main)}.contacts-tab-count{min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;padding:0 6px;font-size:11px;font-weight:700;background:color-mix(in srgb,var(--bg-1) 80%,black 20%);color:var(--text-main)}.contacts-panel{display:grid;gap:12px}.contacts-search-form{max-width:520px}.contacts-list{display:grid}.contact-status-line{margin-top:4px}.contact-status-pill{color:var(--text-faint);font-size:12px;font-weight:700}.contacts-add-hint{margin-top:2px;color:var(--text-faint);font-size:12px}.contacts-action-error{margin-top:10px}.settings-nav{border:1px solid var(--line);border-radius:11px;background:var(--bg-1);padding:12px;display:grid;align-content:start;gap:8px}.settings-nav h4{margin:0 0 4px;color:var(--text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.09em}.settings-nav-item{justify-content:flex-start;text-align:left;width:100%}.settings-nav-item.active{color:#fff;background:color-mix(in srgb,var(--accent) 32%,transparent);border-color:color-mix(in srgb,var(--accent) 62%,transparent)}.settings-main{border:1px solid var(--line);border-radius:11px;background:var(--bg-1);padding:14px;display:grid;gap:10px}.settings-section{display:grid;gap:10px}.settings-color-field{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;align-items:center}.settings-color-picker{width:56px;min-height:38px;height:38px;border-radius:10px;border:1px solid var(--line-strong);padding:4px;cursor:pointer}.settings-color-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.02em}.settings-section h4{margin:0;font-size:16px}.settings-section-note{margin:0;color:var(--text-soft);font-size:13px;line-height:1.4}.settings-kv-list{display:grid;gap:8px}.settings-kv-row{border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--bg-2) 88%,transparent);padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-kv-row span{color:var(--text-faint);font-size:12px}.settings-kv-row strong{color:var(--text-main);font-size:13px;font-weight:700}@media(max-width:1280px){.app-shell{grid-template-columns:72px 248px minmax(0,1fr)}.chat-layout{grid-template-columns:minmax(0,1fr) 260px}.chat-inline-search input{width:180px}}@media(max-width:960px){.app-shell,.app-shell-auth{grid-template-columns:minmax(0,1fr)}.mobile-menu-toggle{display:grid}.mobile-menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:34;background:#060912a6;opacity:0;pointer-events:none;transition:opacity .22s ease}.app-shell-mobile-menu-open .mobile-menu-backdrop{opacity:1;pointer-events:auto}.server-rail,.workspace-rail{position:fixed;top:0;bottom:0;z-index:40;transform:translate(-120%);transition:transform .24s ease}.server-rail{left:0;width:68px;min-width:68px;padding-top:62px}.workspace-rail{left:68px;width:calc(100vw - 68px);max-width:calc(100vw - 68px);border-right:none;border-left:1px solid var(--line)}.app-shell-mobile-menu-open .server-rail,.app-shell-mobile-menu-open .workspace-rail{transform:translate(0)}.main-shell{padding:62px 10px 10px}.auth-shell{padding-top:62px}.topbar{border-radius:12px}.page-content{padding:12px}.call-grid{grid-template-columns:1fr}.chat-head{align-items:flex-start;flex-direction:column}.chat-head-actions{width:100%;flex-wrap:wrap}.chat-inline-search{display:block;margin-left:0;flex:1 1 100%;width:100%}.chat-inline-search input{width:100%}.chat-layout{grid-template-columns:1fr;height:auto;max-height:none;min-height:0;position:relative}.chat-main-column{height:auto;max-height:none}.chat-side-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;border:0;box-shadow:0 12px 26px #00000057}.chat-compose-form{grid-template-columns:1fr;align-items:stretch}.chat-emoji-dropdown{width:min(340px,calc(100vw - 34px));right:0}.chat-emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.settings-layout{grid-template-columns:1fr}.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 12}}