:root{color-scheme:dark;font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif;--bg-primary:#0b0d12;--bg-secondary:#0f1219;--bg-tertiary:#151923;--surface:#181c27;--surface-hover:#202536;--message-incoming:#1c2130;--message-outgoing:#493881;--message-outgoing-deep:#342760;--text-primary:#f4f2fb;--text-secondary:#bbb8c9;--text-muted:#807c90;--accent:#8064df;--accent-hover:#9478ee;--accent-soft:rgba(128,100,223,.17);--success:#5bd69d;--danger:#ff747d;--border:rgba(255,255,255,.075);--shadow:0 18px 45px rgba(0,0,0,.25)}*{box-sizing:border-box}body{margin:0;min-width:900px;min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{border-radius:99px;background:#ffffff24}::-webkit-scrollbar-track{background:transparent}.desktop-shell{display:grid;grid-template-columns:88px minmax(330px,400px) minmax(0,1fr);height:100vh;overflow:hidden;background:var(--bg-primary)}.navigation-rail{display:flex;flex-direction:column;align-items:center;padding:18px 13px;border-right:1px solid var(--border);background:#0c0e14}.korr-mark,.empty-korr-mark,.auth-korr-mark{display:grid;place-items:center;border:0;border-radius:17px;background:linear-gradient(145deg,#9a7aff,#674bc7);color:#fff;font-weight:800;box-shadow:0 8px 22px #6f4ed452}.korr-mark{width:50px;height:50px;font-size:22px}.rail-items{display:grid;gap:10px;margin-top:36px}.rail-button,.icon-button{display:grid;place-items:center;border:0;color:var(--text-muted);background:transparent;transition:background .15s,color .15s,transform .15s}.rail-button{width:50px;height:50px;border-radius:16px}.rail-button:hover,.rail-button.active{background:var(--accent-soft);color:var(--accent-hover)}.rail-button.active{box-shadow:inset 0 0 0 1px #9778ee29}.rail-user{position:relative;margin-top:auto}.rail-avatar{width:43px!important;height:43px!important;font-size:15px}.rail-user>span{position:absolute;right:-1px;bottom:0;width:11px;height:11px;border:2px solid #0c0e14;border-radius:50%;background:var(--success)}.chat-sidebar{display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--border);background:var(--bg-secondary)}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:26px 22px 14px}.sidebar-top h1{margin:0;font-size:22px;letter-spacing:-.03em}.icon-button{width:34px;height:34px;border-radius:10px;background:var(--surface)}.icon-button:hover{background:var(--surface-hover);color:var(--accent-hover)}.search-field{display:flex;align-items:center;gap:10px;margin:0 20px;padding:0 13px;border:1px solid var(--border);border-radius:13px;background:var(--bg-tertiary);color:var(--text-muted)}.search-field input{width:100%;padding:11px 0;border:0;outline:0;background:transparent;color:var(--text-primary)}.sidebar-tabs{display:flex;gap:5px;padding:17px 20px 12px;border-bottom:1px solid var(--border)}.sidebar-tabs button{border:0;border-radius:9px;padding:7px 10px;background:transparent;color:var(--text-muted);font-size:12px}.sidebar-tabs button:hover,.sidebar-tabs button.active{background:var(--accent-soft);color:var(--accent-hover)}.sidebar-content{min-height:0;flex:1;overflow:auto;padding:10px}.chat-list{display:grid;gap:3px}.chat-list-item{display:flex;width:100%;gap:12px;padding:11px;border:1px solid transparent;border-radius:15px;background:transparent;color:inherit;text-align:left;transition:background .15s,border-color .15s}.chat-list-item:hover{background:var(--surface-hover)}.chat-list-item.active{border-color:#9678ee33;background:linear-gradient(110deg,#8064df3d,#8064df14)}.chat-list-item.unread strong,.chat-list-item.unread .chat-preview-copy{color:var(--text-primary);font-weight:650}.avatar-circle{display:grid;flex:none;place-items:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,#a689f7,#6650b9);color:#fff;font-weight:700}.avatar-circle.large{width:46px;height:46px}.chat-copy{min-width:0;flex:1}.chat-row{display:flex;align-items:center;justify-content:space-between;gap:9px}.chat-row strong{font-size:14px}.chat-row>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row>span:last-child{flex:none;color:var(--text-muted);font-size:11px}.chat-preview-copy{margin-top:5px;color:var(--text-muted);font-size:13px}.chat-row>span.unread-badge{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:linear-gradient(145deg,#a986ff,#7146e9);box-shadow:0 3px 10px #7c4fee7a;color:#fff;font-size:11px;font-weight:800;line-height:1;text-shadow:0 1px 1px rgba(31,15,83,.35)}.chat-list-item.active .unread-badge,.chat-list-item:hover .unread-badge{background:linear-gradient(145deg,#b294ff,#7c50f2);color:#fff}.notification-settings{display:grid;gap:12px;padding:14px}.notification-settings h2,.notification-settings p{margin:0}.notification-settings p{color:var(--text-muted);font-size:13px;line-height:1.5}.list-empty p,.coming-soon p{color:var(--text-muted);font-size:13px;line-height:1.5}.notification-settings .primary-button{width:auto;height:auto;border-radius:10px;padding:10px 13px}.list-empty,.coming-soon{display:grid;place-items:center;gap:6px;min-height:210px;padding:25px;text-align:center;color:var(--text-muted)}.list-empty h3,.coming-soon h2{margin:0;color:var(--text-primary);font-size:15px}.list-empty p,.coming-soon p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.5}.coming-soon-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--accent-soft);color:var(--accent-hover);font-weight:800}.users-panel{display:grid;gap:9px}.users-panel-header h3{margin:0;font-size:15px}.eyebrow{margin:0 0 5px;color:var(--accent-hover);font-size:10px;font-weight:700;letter-spacing:.16em}.user-card{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:10px;border-radius:14px;background:var(--surface)}.user-card strong{font-size:13px}.muted{margin:2px 0 0;color:var(--text-muted);font-size:12px}.secondary-button{border:0;border-radius:9px;padding:8px 10px;background:var(--accent-soft);color:var(--accent-hover);font-size:12px}.chat-skeletons{display:grid;gap:9px;padding:3px}.chat-skeletons i{height:71px;border-radius:15px;background:linear-gradient(100deg,var(--surface),var(--surface-hover),var(--surface));background-size:200% 100%;animation:shimmer 1.6s infinite}.conversation-stage{min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 70% 10%,rgba(128,100,223,.075),transparent 25%),var(--bg-primary)}.conversation-empty{display:grid;place-content:center;justify-items:center;gap:10px;height:100%;text-align:center;color:var(--text-muted)}.conversation-empty h1,.conversation-empty h3{margin:0;color:var(--text-primary);font-size:23px}.conversation-empty p{margin:0}.empty-korr-mark{width:64px;height:64px;font-size:27px;border-radius:22px;margin-bottom:5px}.chat-window{position:relative;display:grid;grid-template-rows:82px minmax(0,1fr) auto;height:100%;min-height:0;overflow:hidden}.chat-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border);background:#0f1219eb}.conversation-profile{display:flex;min-width:0;align-items:center;gap:12px;border:0;background:transparent;color:inherit;text-align:left}.conversation-profile>div{min-width:0}.conversation-profile h2,.conversation-profile .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header h2{margin:0;font-size:16px}.chat-header .muted{color:var(--success)}.connection-state-slot{display:flex;min-width:0;justify-content:flex-end}.connection-state{font-size:11px;white-space:nowrap}.connection-state.reconnecting{color:#e6bc70}.connection-state.offline{color:var(--danger)}.message-list-region{position:relative;min-height:0}.message-list{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:22px 7%;background-image:radial-gradient(rgba(255,255,255,.025) .7px,transparent .7px);background-size:17px 17px}.message-row{display:flex;margin:2px 0}.message-row.own{justify-content:flex-end}.message-bubble{display:grid;gap:5px;max-width:64%;padding:10px 12px;border:1px solid var(--border);border-radius:18px;line-height:1.4;animation:message-in .16s ease-out}.message-bubble.incoming{border-bottom-left-radius:6px;background:var(--surface)}.message-bubble.outgoing{border-bottom-right-radius:6px;background:linear-gradient(140deg,#443478,#2d254d)}.message-bubble small{justify-self:end;color:#aca6bd;font-size:10px}.date-separator{width:max-content;margin:18px auto 10px;padding:5px 10px;border:1px solid var(--border);border-radius:99px;background:#141720e0;color:var(--text-secondary);font-size:11px}.message-empty,.message-skeleton{display:grid;place-items:center;min-height:100%;color:var(--text-muted)}.load-older{display:block;margin:0 auto 16px;border:1px solid var(--border);border-radius:99px;padding:7px 11px;background:var(--surface);color:var(--text-secondary);font-size:12px}.new-messages-button{position:absolute;right:28px;bottom:16px;z-index:2;border:1px solid rgba(155,127,240,.35);border-radius:99px;padding:9px 13px;background:#332858;color:#fff;box-shadow:var(--shadow);font-size:12px}.retry-message{border:0;background:none;color:#ff9ba1;font-size:10px;text-decoration:underline}.composer{display:flex;align-items:center;gap:10px;min-height:76px;padding:12px 20px;border-top:1px solid var(--border);background:#10131b}.composer textarea{flex:1;max-height:130px;overflow-y:auto;resize:none;border:1px solid var(--border);border-radius:16px;padding:11px 13px;outline:0;background:var(--surface);color:var(--text-primary)}.primary-button{border:0;border-radius:50%;width:42px;height:42px;padding:0;background:linear-gradient(145deg,var(--accent-hover),var(--accent));color:#fff;font-weight:700;transition:transform .15s,filter .15s}.primary-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary-button:disabled{opacity:.38}.auth-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at 25% 15%,rgba(128,100,223,.18),transparent 28%),var(--bg-primary)}.auth-backdrop{position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.015))}.auth-card{position:relative;display:grid;gap:24px;width:min(100%,410px);padding:34px;border:1px solid var(--border);border-radius:22px;background:#151923f2;box-shadow:var(--shadow)}.auth-korr-mark{width:46px;height:46px;margin-bottom:16px}.auth-card h1{margin:0;font-size:28px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--bg-primary)}.auth-tabs button{border:0;border-radius:9px;padding:10px;background:transparent;color:var(--text-muted)}.auth-tabs button.active{background:var(--surface-hover);color:var(--text-primary)}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px;color:var(--text-secondary);font-size:13px}.auth-form input{border:1px solid var(--border);border-radius:11px;padding:11px 12px;outline:0;background:var(--bg-primary);color:var(--text-primary)}.auth-form .primary-button{width:100%;border-radius:11px;height:44px}.error-text{margin:0;color:var(--danger);font-size:13px}.header-actions{display:flex;gap:4px;justify-self:center}.header-action,.composer-icon{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:var(--text-muted)}.header-action:hover,.composer-icon:hover{background:var(--surface-hover);color:var(--accent-hover)}.composer-icon:focus-visible,.header-action:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}.typing-indicator{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:12px}.typing-indicator i{width:4px;height:4px;border-radius:50%;background:var(--accent-hover);animation:typing-pulse .9s infinite alternate}.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}@keyframes typing-pulse{to{opacity:.25;transform:translateY(-2px)}}@keyframes message-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:1050px){.desktop-shell{grid-template-columns:72px minmax(290px,350px) minmax(0,1fr)}.navigation-rail{padding-inline:10px}.message-list{padding-inline:5%}}@media(max-width:900px){body{min-width:0}.desktop-shell{grid-template-columns:68px minmax(260px,320px) minmax(0,1fr)}.message-bubble{max-width:76%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.avatar-circle{overflow:hidden}.avatar-circle img{width:100%;height:100%;object-fit:cover}.message-stream{width:min(100%,1180px);margin:0 auto}.message-wrap{position:relative;max-width:64%}.message-bubble{max-width:none}.message-actions-trigger{position:absolute;top:50%;right:-39px;display:grid;place-items:center;width:29px;height:29px;transform:translateY(-50%);border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-muted);opacity:0;transition:opacity .15s,background .15s}.message-row.own .message-actions-trigger{right:auto;left:-39px}.message-wrap:hover .message-actions-trigger,.message-actions-trigger:focus-visible{opacity:1}.message-actions-trigger:hover{background:var(--surface-hover);color:var(--accent-hover)}.message-reference{display:grid;gap:2px;max-width:310px;padding:5px 8px;border-left:2px solid var(--accent-hover);border-radius:4px;background:#0a0b122b;color:var(--text-secondary);font-size:11px}.message-reference b{color:#d4cbf6;font-weight:600}.message-reference span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deleted-message{color:var(--text-muted);font-style:italic}.reaction-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-chips button{border:1px solid var(--border);border-radius:99px;padding:3px 7px;background:var(--surface);color:var(--text-secondary);font-size:12px}.reaction-chips button.active{border-color:#9b7ff0a6;background:var(--accent-soft);color:#e2dbff}.reaction-chips span{font-size:10px}.composer{display:block;padding:8px 5%}.composer-row{display:flex;align-items:center;gap:10px;width:min(100%,1180px);margin:auto}.composer-mode{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,1180px);margin:0 auto 7px;padding:6px 9px;border-left:2px solid var(--accent-hover);border-radius:6px;background:var(--accent-soft);color:var(--text-secondary);font-size:12px}.composer-mode span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-mode button{display:grid;place-items:center;border:0;background:transparent;color:var(--text-secondary)}.message-action-menu{position:fixed;z-index:30;display:grid;min-width:184px;padding:5px;border:1px solid var(--border);border-radius:12px;background:#1a1e2a;box-shadow:var(--shadow)}.message-action-menu button{display:flex;align-items:center;gap:9px;border:0;border-radius:8px;padding:9px 10px;background:transparent;color:var(--text-primary);text-align:left}.message-action-menu button:hover,.message-action-menu button:focus-visible{background:var(--surface-hover)}.message-action-menu button.danger{color:#ff9ca3}.reaction-picker{position:absolute;z-index:25;right:24px;bottom:86px;display:flex;gap:3px;padding:6px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.reaction-picker button{border:0;border-radius:8px;padding:6px;background:transparent;font-size:18px}.reaction-picker button:hover{background:var(--surface-hover)}.message-dialog-backdrop{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:18px;background:#0304089e}.message-dialog{width:min(100%,390px);padding:20px;border:1px solid var(--border);border-radius:17px;background:var(--bg-secondary);box-shadow:var(--shadow)}.message-dialog h3,.message-dialog p{margin:0}.message-dialog p{margin-top:7px;color:var(--text-muted);font-size:13px}.message-dialog header{display:flex;align-items:center;justify-content:space-between}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.danger-button{border:0;border-radius:9px;padding:8px 12px;background:#b94b57;color:#fff}.forward-search{display:flex;align-items:center;gap:8px;margin-top:15px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-muted)}.forward-search input{width:100%;border:0;outline:0;padding:9px 0;background:transparent;color:var(--text-primary)}.forward-chat-list{display:grid;gap:4px;max-height:300px;margin-top:11px;overflow:auto}.forward-chat-list button{display:flex;align-items:center;gap:10px;border:0;border-radius:10px;padding:8px;background:transparent;color:var(--text-primary);text-align:left}.forward-chat-list button:hover{background:var(--surface-hover)}.forward-chat-list .avatar-circle{width:34px;height:34px;font-size:12px}.message-action-error{position:absolute;z-index:24;right:20px;bottom:88px;max-width:330px;padding:8px 11px;border:1px solid rgba(255,116,125,.3);border-radius:9px;background:#352027;color:#ffb0b5;font-size:12px}.conversation-stage{background:radial-gradient(circle at 70% 10%,rgba(128,100,223,.09),transparent 27%),#090b10}.message-bubble.incoming{background:var(--message-incoming);border-color:#ffffff18}.message-bubble.outgoing{background:linear-gradient(140deg,var(--message-outgoing),var(--message-outgoing-deep));border-color:#b197ff2e}.message-reference{gap:3px;max-width:330px;padding:7px 9px;border-left-color:#a58cff;border-radius:7px;background:#08091047;line-height:1.3}.message-reference b{color:#cbbdff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reference span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.reaction-chips button{background:#171c27;border-color:#ffffff17}.reaction-chips button.active{border-color:#a98effc7;background:#8064df4f;color:#eeeaff}.deleted-message{color:#a6a2b2}.message-bubble small{color:#b7b0c5}.message-reference.forward{border-left-color:#b69cff;background:#8064df1f}.message-reference.forward b{color:#d9ceff;font-size:10px;letter-spacing:.01em}.message-highlight{animation:message-highlight 2s ease-out}@keyframes message-highlight{0%,55%{box-shadow:0 0 0 2px #a68cffcc,0 0 22px #8064df52}to{box-shadow:none}}.global-search-results{display:grid;gap:16px;padding:4px}.global-search-results section{display:grid;gap:5px}.global-search-results h3{margin:0;padding:5px 7px;color:var(--accent-hover);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.search-result-row{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;border:1px solid transparent;border-radius:12px;padding:8px;background:transparent;color:var(--text-primary);text-align:left}.search-result-row:hover{border-color:#9478ee40;background:var(--accent-soft)}.search-result-row span{display:grid;min-width:0;gap:3px}.search-result-row strong,.search-result-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-row strong{font-size:13px}.search-result-row small,.search-state{color:var(--text-muted);font-size:12px}.search-state{padding:22px 9px;text-align:center}.chat-header-region{min-height:82px;background:#0f1219eb}.in-chat-search{display:flex;align-items:center;gap:7px;padding:0 20px 11px;border-bottom:1px solid var(--border)}.in-chat-search input{min-width:0;flex:1;border:1px solid var(--border);border-radius:9px;padding:8px 10px;background:var(--surface);color:var(--text-primary);outline:0}.in-chat-search span{color:var(--text-muted);font-size:11px;white-space:nowrap}.in-chat-search button{border:0;border-radius:7px;padding:6px 8px;background:var(--surface);color:var(--text-secondary)}.in-chat-search button:hover{background:var(--surface-hover);color:var(--accent-hover)}.chat-window{grid-template-rows:auto minmax(0,1fr) auto}.chat-header{min-height:82px}.chat-header-region{position:relative;z-index:2;display:flex;min-height:82px;flex:0 0 auto;flex-direction:column}.in-chat-search{flex:0 0 auto}.message-list-region{min-height:0;overflow:hidden}.forward-saved{width:100%;margin-top:12px;border:1px solid rgba(148,120,238,.32);border-radius:10px;padding:9px 10px;background:var(--accent-soft);color:var(--accent-hover);text-align:left}.profile-overlay{position:fixed;inset:0;z-index:20;background:#0405098c;display:flex;justify-content:flex-end}.profile-panel{width:min(400px,100%);height:100%;padding:28px;background:var(--bg-secondary);border-left:1px solid var(--border);box-shadow:var(--shadow);overflow:auto}.profile-close{float:right}.profile-view,.profile-form{display:grid;justify-items:center;gap:14px;padding-top:36px}.profile-view h2,.profile-view p{margin:0}.profile-actions{display:grid;width:min(100%,260px);gap:8px;margin-top:4px}.profile-actions button{width:100%}.profile-form{justify-items:stretch}.profile-form .avatar-circle{justify-self:center}.profile-form label{display:grid;gap:6px;color:var(--text-secondary)}.profile-form input,.profile-form textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--surface);color:var(--text-primary)}.profile-form textarea{min-height:90px;resize:vertical}.rail-user{border:0;background:transparent;padding:0}.desktop-shell.group-panel-open{grid-template-columns:88px minmax(330px,400px) minmax(0,1fr) 340px}.group-info-panel{display:flex;min-width:0;min-height:0;height:100vh;flex-direction:column;padding:20px;border-left:1px solid var(--border);background:var(--bg-secondary);box-shadow:-14px 0 34px #00000029;overflow:hidden}.group-info-header{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.group-summary{display:grid;justify-items:center;gap:7px;padding:22px 0 20px;border-bottom:1px solid var(--border);text-align:center}.group-summary h2,.group-summary p,.group-members-section h3,.group-leave-action p{margin:0}.group-summary h2{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px}.group-summary p{color:var(--text-muted);font-size:13px}.group-management{display:grid;gap:12px;padding:18px 0;border-bottom:1px solid var(--border)}.group-management label{display:grid;gap:6px;color:var(--text-secondary);font-size:12px}.group-management input,.group-management select{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--surface);color:var(--text-primary);outline:0}.group-management input:focus,.group-management select:focus{border-color:var(--accent-hover)}.group-members-section{display:grid;min-height:0;flex:1;gap:12px;padding:18px 0;overflow:hidden}.group-members-section h3{font-size:14px}.group-member-list{display:grid;align-content:start;gap:7px;overflow-y:auto;padding-right:2px}.group-member-row{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:9px;border:1px solid transparent;border-radius:13px;background:var(--surface)}.group-member-row:hover{border-color:var(--border);background:var(--surface-hover)}.group-member-copy{display:grid;min-width:0;gap:3px}.group-member-copy strong,.group-member-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-member-copy strong{font-size:13px}.group-member-copy span{color:var(--text-muted);font-size:12px}.group-member-controls{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.group-role{width:max-content;border-radius:99px;padding:3px 7px;background:var(--accent-soft);color:var(--accent-hover);font-size:10px;font-weight:700}.group-role-owner{background:#f3bc5124;color:#f2c46d}.group-role-admin{background:#8064df38;color:#c8b9ff}.group-role-member{background:#ffffff0f;color:var(--text-secondary)}.group-member-controls .secondary-button,.group-remove-button{border:0;border-radius:8px;padding:6px 8px;background:var(--accent-soft);color:var(--accent-hover);font-size:11px}.group-remove-button{background:#ff747d1f;color:#ffabb1}.group-leave-action{padding-top:15px;border-top:1px solid var(--border)}.group-leave-action .danger-button{width:100%}.group-leave-action p{color:var(--text-muted);font-size:12px;line-height:1.45}.groups-panel{display:grid;gap:11px;padding:8px}.groups-panel h2{margin:0 0 3px;font-size:16px}.groups-panel>input{width:100%;border:1px solid var(--border);border-radius:11px;padding:10px;background:var(--surface);color:var(--text-primary);outline:0}.groups-panel>input:focus{border-color:var(--accent-hover)}.group-selection-list{display:grid;gap:5px;max-height:390px;overflow:auto}.group-selection-row{display:grid;grid-template-columns:auto 38px minmax(0,1fr);align-items:center;gap:10px;padding:9px;border:1px solid transparent;border-radius:13px;background:var(--surface);cursor:pointer}.group-selection-row:hover{background:var(--surface-hover)}.group-selection-row:has(input:checked){border-color:#9478ee6b;background:var(--accent-soft)}.group-selection-row input{width:16px;height:16px;accent-color:var(--accent-hover)}.group-selection-row span{display:grid;min-width:0;gap:2px}.group-selection-row strong,.group-selection-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-selection-row strong{font-size:13px}.group-selection-row small{color:var(--text-muted);font-size:12px}.primary-button.group-create-button{width:100%;height:42px;border-radius:11px;padding:0;font-size:13px}@media(max-width:1270px){.desktop-shell.group-panel-open{grid-template-columns:72px minmax(290px,350px) minmax(0,1fr)}.group-info-panel{position:fixed;z-index:25;top:0;right:0;width:min(360px,100vw);box-shadow:-18px 0 45px #0000006b}}.composer-attachments{display:grid;gap:8px;width:min(100%,1180px);margin:0 auto 10px}.composer-attachment-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.composer-attachment-thumb,.message-attachment-image{display:block;width:100%;height:auto;object-fit:cover;cursor:pointer}.composer-attachment-thumb{width:72px;height:72px;border-radius:12px}.composer-file-thumb,.message-file-icon,.attachment-image-placeholder{display:grid;place-items:center;width:72px;height:72px;border-radius:12px;background:#8064df24;color:#d6c8ff;font-weight:700}.composer-attachment-copy,.message-file-copy{display:grid;gap:4px;min-width:0}.composer-attachment-copy strong,.message-file-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.composer-attachment-copy span,.message-file-copy span{color:var(--text-muted);font-size:12px}.composer-attachment-error{display:flex;align-items:center;gap:5px;color:#ffb0b5}.composer-attachment-actions,.message-file-actions,.image-viewer-actions{display:flex;gap:4px;align-items:center}.message-attachments{display:grid;gap:8px}.message-attachment-image{max-width:300px;max-height:260px;border-radius:14px;background:#0d1017}.message-file-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#090b1247}.message-file-icon{width:52px;height:52px}.image-viewer-backdrop{position:fixed;z-index:45;inset:0;display:grid;place-items:center;padding:24px;background:#040509d1}.image-viewer{display:grid;gap:12px;width:min(100%,960px);max-height:100%;padding:14px;border:1px solid var(--border);border-radius:20px;background:#0c1018;box-shadow:var(--shadow)}.image-viewer header{display:flex;align-items:center;justify-content:space-between;gap:12px}.image-viewer-image{max-width:100%;max-height:78vh;border-radius:16px;object-fit:contain;background:#080a10}.settings-panel{display:grid;grid-template-columns:190px minmax(0,1fr);height:100%;min-height:0;background:var(--surface,#17171d);overflow:hidden}.settings-nav{padding:20px 12px;border-right:1px solid rgba(255,255,255,.08);display:grid;align-content:start;gap:6px}.settings-nav button{border:0;background:transparent;color:inherit;text-align:left;padding:11px 12px;border-radius:10px}.settings-nav button.active{background:#8c5bff2e;color:#c4abff}.settings-content{padding:30px;overflow:auto;max-width:720px}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.settings-toggle input{inline-size:18px;block-size:18px;accent-color:#9567ff}.settings-account{display:grid;justify-items:start;gap:10px}.settings-account .danger-button{margin-top:14px}.compact-mode .chat-list-item{min-height:54px}.compact-mode .message-bubble{margin-block:2px}.reduced-motion *{transition-duration:1ms!important;animation-duration:1ms!important;scroll-behavior:auto!important}@media(max-width:700px){.settings-panel{grid-template-columns:1fr}.settings-nav{grid-template-columns:repeat(5,minmax(0,1fr));overflow:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.settings-nav button{font-size:12px;padding:9px 6px}.settings-content{padding:20px}}.compact-mode .sidebar-top{padding-block:18px 10px}.compact-mode .search-field{margin-inline:16px}.compact-mode .sidebar-tabs{padding-block:11px 8px}.compact-mode .sidebar-content{padding:6px}.compact-mode .chat-list{gap:1px}.compact-mode .chat-list-item{gap:10px;min-height:60px;padding:8px 9px}.compact-mode .chat-list-item .avatar-circle{width:44px;height:44px}.compact-mode .chat-preview-copy{margin-top:3px}.compact-mode .chat-skeletons{gap:6px}.compact-mode .chat-skeletons i{height:60px}.compact-mode .chat-window{grid-template-rows:70px minmax(0,1fr) auto}.compact-mode .chat-header{padding:12px 20px}.compact-mode .message-list{padding-block:14px}.compact-mode .message-row{margin-block:1px}.compact-mode .message-bubble{gap:3px;padding:8px 10px}.compact-mode .date-separator{margin:12px auto 7px}.compact-mode .composer{min-height:64px;padding-block:6px}.compact-mode .composer-row{gap:8px}.compact-mode .composer textarea{padding:9px 11px}.compact-mode .composer-mode{margin-bottom:5px;padding:5px 8px}.compact-mode .composer-attachments{gap:6px;margin-bottom:7px}.compact-mode .composer-attachment-card{padding:8px 10px}.compact-mode .group-management,.compact-mode .group-members-section{padding-block:14px}.compact-mode .group-member-list{gap:5px}.compact-mode .group-member-row{padding:7px}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reduced-motion .message-bubble,.reduced-motion .typing-indicator i{animation:none!important}.reduced-motion .typing-indicator i{transform:none!important}.blocked-users-settings{display:grid;gap:10px;padding-top:22px}.blocked-users-settings h2{margin:0;font-size:15px}.blocked-user-list{display:grid;gap:7px}.blocked-user-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.blocked-user-row span{display:grid;min-width:0;gap:2px}.blocked-user-row strong,.blocked-user-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blocked-user-row strong{font-size:13px}.blocked-user-row small{color:var(--text-muted);font-size:12px}.message-send-failed{color:#ff9ba1;font-size:10px}.settings-devices{display:grid;gap:14px}.settings-device-control{display:grid;gap:7px}.settings-device-select{display:grid;gap:7px;color:var(--text-secondary);font-size:13px}.settings-device-select select{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--surface);color:var(--text-primary);outline:0}.settings-device-select select:focus{border-color:var(--accent-hover)}.settings-device-warning{margin:0;border:1px solid rgba(255,190,102,.38);border-radius:10px;padding:9px 10px;background:#ffbe6614;color:#ffd18b;font-size:12px;line-height:1.4}.settings-devices .muted{margin:0}.call-overlay{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:20px;pointer-events:none}.call-card,.call-error{pointer-events:auto;border:1px solid var(--border);box-shadow:var(--shadow);background:#151923fa}.call-card{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:13px;width:min(100%,410px);padding:17px;border-radius:19px}.call-card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent-hover)}.call-copy{display:grid;min-width:0;gap:2px}.call-copy p,.call-copy h2,.call-copy span{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-copy p{color:var(--accent-hover);font-size:11px;font-weight:700}.call-copy h2{font-size:16px}.call-copy span{color:var(--text-muted);font-size:12px}.call-copy .call-remote-muted{display:flex;align-items:center;gap:4px;color:#ffabb1;font-size:11px}.call-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.call-actions button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:700}.call-accept{background:var(--accent);color:#fff}.call-decline{background:#ff747d26;color:#ffabb1}.call-error{position:fixed;right:24px;bottom:24px;max-width:300px;border-color:#ff747d59;border-radius:12px;padding:11px 13px;color:#ffabb1;font-size:12px}.compact-mode .call-card{padding:13px;border-radius:15px}.compact-mode .call-actions button{padding:7px 10px}@media(max-width:720px){.call-overlay{align-items:end}.call-card{width:min(100%,420px)}}.call-overlay:has(.call-overlay__video-stage){grid-template-areas:"video";padding:clamp(14px,3vw,36px);place-items:center}.call-overlay__video-stage{grid-area:video;position:relative;width:min(100%,1120px);max-height:calc(100vh - 48px);aspect-ratio:16/9;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:#05070b;box-shadow:var(--shadow)}.call-overlay__remote-video{display:block;width:100%;height:100%;object-fit:cover;background:#05070b}.call-overlay__camera-off{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:#05070bf0;color:var(--text-muted);font-size:13px;font-weight:700}.call-overlay__local-video{position:absolute;top:clamp(10px,1.8vw,18px);right:clamp(10px,1.8vw,18px);width:clamp(118px,22%,230px);aspect-ratio:16/9;object-fit:cover;transform:scaleX(-1);border:1px solid rgba(180,158,255,.36);border-radius:14px;background:#0b0d12;box-shadow:0 10px 24px #00000061}.call-overlay:has(.call-overlay__video-stage) .call-card{grid-area:video;z-index:1;align-self:end;justify-self:center;width:min(calc(100% - 36px),410px);margin:0 18px 18px}.call-overlay:has(.call-overlay__video-stage) .call-actions{position:relative;z-index:1}@media(max-width:720px){.call-overlay:has(.call-overlay__video-stage){padding:12px}.call-overlay__video-stage{max-height:calc(100vh - 24px);border-radius:17px}.call-overlay__local-video{width:clamp(96px,27%,150px);border-radius:11px}.call-overlay:has(.call-overlay__video-stage) .call-card{width:min(calc(100% - 24px),410px);margin:0 12px 12px}}