*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#0b1020;color:#eef2ff;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 20%,#1a2550,#0b1020 48%)}.auth-card{width:min(100%,420px);background:#111a31;border:1px solid #263253;border-radius:24px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.25)}.brand{color:#9187ff;font-weight:800;letter-spacing:.5px}.auth-card h1{margin:12px 0 4px;font-size:32px}.auth-card p{margin:0 0 24px;color:#919bb7}.auth-form{display:grid;grid-gap:12px;gap:12px;border:0;padding:0}.auth-form input,.composer input{width:100%;min-width:0;background:#0d152a;color:#fff;border:1px solid #2a3558;border-radius:14px;padding:13px 14px;outline:none}.auth-form input:focus,.composer input:focus{border-color:#7768ff;box-shadow:0 0 0 3px rgba(119,104,255,.12)}.auth-form button,.chat header button,.composer button{background:#6d5dfc;border:0;color:white;border-radius:12px;padding:11px 16px}.icon-button,.link-button{border:0;background:transparent;color:#a8b1c9}.link-button{width:100%;margin-top:12px;padding:8px}.error{color:#ff9d9d;font-size:13px}.shell{min-height:100vh;display:grid;grid-template-columns:310px 1fr}.sidebar{padding:18px;border-left:1px solid #202844;background:#0e1528;overflow-y:auto}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 18px}.sidebar-head>div{display:grid;grid-gap:5px;gap:5px}.sidebar strong{font-size:20px}.status{color:#8df0b4;font-size:12px}.sidebar-section{border-top:1px solid #202844;padding-top:16px;margin-top:6px}.sidebar-section small{display:block;color:#707d9d;margin:0 6px 10px}.contacts,.conversation-list{display:grid;grid-gap:6px;gap:6px}.contact,.conversation{width:100%;border:0;color:#eef2ff;background:transparent;border-radius:14px;padding:10px;display:flex;align-items:center;gap:10px;text-align:right}.contact:hover,.conversation.active,.conversation:hover{background:#17203a}.conversation.active{box-shadow:inset -3px 0 #7566ff}.avatar{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:#293459;color:#dcd8ff;font-weight:800}.contact>span:last-child{display:grid;min-width:0}.contact b,.contact em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact b{font-size:13px}.contact em{color:#75809d;font-size:11px;font-style:normal}.chat{display:grid;grid-template-rows:auto 1fr auto;min-width:0;height:100vh}.chat header{min-height:76px;padding:16px 24px;border-bottom:1px solid #202844;display:flex;justify-content:space-between;align-items:center}.chat header div{display:grid;grid-gap:4px;gap:4px}.chat header small{color:#8791ad}.messages{padding:28px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.empty{margin:auto;max-width:540px;text-align:center;color:#a7b0c8}.empty h1{color:#fff;font-size:clamp(26px,4vw,40px);margin-bottom:8px}article{max-width:min(70%,680px);background:#17203a;padding:10px 14px;border-radius:16px 16px 16px 4px}article.mine{align-self:flex-end;background:#5d4ee8;border-radius:16px 16px 4px 16px}article p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}article time{display:block;margin-top:5px;font-size:10px;color:rgba(255,255,255,.58);direction:ltr}.composer{padding:18px 24px;border-top:1px solid #202844;display:flex;gap:12px}@media (max-width:760px){.shell{grid-template-columns:110px 1fr}.sidebar{padding:10px}.contact>span:last-child,.conversation>span:last-child,.sidebar-head strong,.sidebar-section small{display:none}.sidebar-head{justify-content:center}.contact,.conversation{justify-content:center;padding:8px}.messages{padding:16px}.chat header,.composer{padding-left:12px;padding-right:12px}.chat header small{display:none}article{max-width:86%}}.presence-avatar{position:relative}.presence-dot{position:absolute;left:-2px;bottom:-2px;width:11px;height:11px;border-radius:999px;background:#59637d;border:2px solid #0e1528}.presence-dot.online{background:#55d88b}.message-meta{display:flex;align-items:center;gap:6px;margin-top:5px;direction:ltr}.message-meta time{margin:0}.receipt{font-size:11px;color:rgba(255,255,255,.72)}.call-error{margin:10px 24px 0;padding:10px 12px;border:1px solid #5b3440;border-radius:12px;background:#2a1720;color:#ffb4c2;font-size:13px}.call-overlay{position:fixed;inset:0;z-index:1000;background:rgba(5,8,18,.92);padding:18px}.call-shell{position:relative;width:100%;height:100%;border:1px solid #2a3558;border-radius:20px;overflow:hidden;background:#080d19}.call-shell [data-lk-theme]{height:100%}.call-close{position:absolute;top:12px;left:12px;z-index:30;width:38px;height:38px;border:0;border-radius:999px;background:rgba(0,0,0,.55);color:white;font-size:24px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title small{margin-bottom:10px}.small-button{border:0;background:#17203a;color:#c9d0e4;border-radius:9px;padding:5px 8px;font-size:11px}.conversation-copy{min-width:0;flex:1 1;display:grid;grid-gap:3px;gap:3px}.conversation-copy b,.conversation-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-copy b{font-size:13px;font-weight:650}.conversation-copy em{color:#75809d;font-size:11px;font-style:normal}.unread-badge{flex:0 0 auto;min-width:20px;height:20px;display:grid;place-items:center;padding:0 6px;border-radius:999px;background:#7668ff;color:white;font-size:10px;font-weight:800}.chat header .header-actions{display:flex;align-items:center;gap:8px}.chat header .secondary-button{background:#17203a;color:#c9d0e4}.load-older{align-self:center;border:1px solid #2b3658;background:#10182c;color:#aeb8d0;border-radius:999px;padding:8px 14px;margin-bottom:8px}article{position:relative}article.pending-message{opacity:.68}article.deleted-message p{color:#9aa4bd;font-style:italic}.reply-preview{width:100%;display:grid;grid-gap:2px;gap:2px;margin-bottom:8px;padding:7px 9px;border:0;border-right:3px solid #9c93ff;border-radius:8px;background:rgba(0,0,0,.14);color:inherit;text-align:right}.reply-preview b{font-size:11px;color:#d4d0ff}.reply-preview span{font-size:11px;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-actions{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px;opacity:0;transition:opacity .15s ease}article:focus-within .message-actions,article:hover .message-actions{opacity:1}.message-actions button,.reaction-summary button{border:0;background:rgba(0,0,0,.16);color:inherit;border-radius:8px;padding:3px 7px;font-size:10px}.reaction-summary{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.receipt.read{color:#b5f6d0}.edited-label,.pending-label{font-size:10px;color:rgba(255,255,255,.58)}.composer-context{padding:9px 24px;border-top:1px solid #202844;background:#0f172b;display:flex;justify-content:space-between;align-items:center;gap:12px}.composer-context>div{min-width:0;display:grid;grid-gap:2px;gap:2px}.composer-context b{font-size:11px;color:#a9a1ff}.composer-context span{color:#8d98b4;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-context button{border:0;background:transparent;color:#aeb7ce;font-size:20px}.dialog-backdrop{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:18px;background:rgba(4,8,18,.78)}.dialog-card{width:min(100%,520px);max-height:min(760px,88vh);overflow-y:auto;border:1px solid #293555;border-radius:20px;background:#111a31;box-shadow:0 25px 90px rgba(0,0,0,.4);padding:20px}.dialog-card>header{display:flex;align-items:center;justify-content:space-between;border:0;min-height:auto;padding:0 0 16px}.dialog-card h2{margin:0;font-size:20px}.dialog-card form{display:grid;grid-gap:16px;gap:16px;padding:0;border:0}.dialog-card form>label{display:grid;grid-gap:7px;gap:7px;color:#aeb8d0;font-size:12px}.dialog-card input[type=text],.dialog-card label>input:not([type=checkbox]){width:100%;background:#0d152a;color:white;border:1px solid #2a3558;border-radius:12px;padding:11px}.dialog-card form>button{border:0;background:#6d5dfc;color:white;border-radius:12px;padding:11px 16px}.member-list{display:grid;grid-gap:7px;gap:7px}.member-list>small{color:#74809d}.member-check,.member-row{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:11px;background:#0d152a}.member-check input{width:auto}.member-row{justify-content:space-between}.member-row>span{min-width:0;display:grid;grid-gap:2px;gap:2px}.member-row b{font-size:12px}.member-row em{color:#6f7b98;font-size:10px;font-style:normal}.danger-button{border:0;border-radius:8px;padding:5px 8px;background:#351c27;color:#ffb1c0}@media (max-width:760px){.contact>span:last-child,.conversation-copy,.section-title small,.unread-badge{display:none}.message-actions{opacity:.75}.chat header .header-actions{gap:5px}.chat header .header-actions button{padding:8px 9px;font-size:11px}.composer-context{padding-left:12px;padding-right:12px}}.call-status{position:absolute;top:12px;right:16px;z-index:30;display:flex;flex-direction:column;gap:3px;max-width:min(65vw,520px);padding:9px 12px;border-radius:12px;background:rgba(0,0,0,.48);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.call-status strong{font-size:13px}.call-status span{font-size:11px;opacity:.78}.call-runtime-error{position:absolute;z-index:35;top:76px;right:16px;left:16px;padding:10px 12px;border-radius:12px;background:rgba(91,36,49,.92);color:#ffd6de;font-size:13px}.call-banner{position:fixed;z-index:900;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid #344262;border-radius:16px;background:#111a2d;box-shadow:0 16px 48px rgba(0,0,0,.35)}.call-banner button,.incoming-call-actions button{border:0;border-radius:10px;padding:9px 12px;cursor:pointer}.incoming-call{position:fixed;inset:0;z-index:950;display:grid;place-items:center;padding:20px;background:rgba(5,8,18,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.incoming-call-card{width:min(92vw,420px);display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid #344262;border-radius:20px;background:#111a2d;box-shadow:0 24px 72px rgba(0,0,0,.42);text-align:center}.incoming-call-card strong{font-size:20px}.incoming-call-card>span{opacity:.75}.incoming-call-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:8px}.call-connection{position:absolute;z-index:31;right:16px;top:86px;padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.52);font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.call-connection-Connecting,.call-connection-Reconnecting{opacity:.9}.attachment-selection{margin:10px 24px -8px;padding:9px 12px;border:1px solid #2b3658;border-radius:12px;background:#10182c;display:flex;align-items:center;justify-content:space-between;gap:12px}.attachment-selection>span{min-width:0;display:grid;grid-gap:2px;gap:2px}.attachment-selection b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.attachment-selection small{color:#7f8aa8;font-size:10px}.attachment-selection button{border:0;background:transparent;color:#aeb7ce;font-size:20px}.attachment-error{margin:10px 24px -8px;padding:9px 12px;border:1px solid #5b3440;border-radius:12px;background:#2a1720;color:#ffb4c2;font-size:12px}.attach-button{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid #2a3558;border-radius:12px;background:#17203a;color:#d5d9e8;font-size:22px;cursor:pointer}.attach-button:has(input:disabled){opacity:.45;cursor:not-allowed}.attach-button input{display:none}.attachment-preview{margin-bottom:8px;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit}.image-preview{display:grid;grid-gap:6px;gap:6px}.image-preview img{display:block;width:min(100%,420px);max-height:360px;object-fit:contain;border-radius:10px;background:rgba(0,0,0,.18)}.image-preview span,.media-preview span{font-size:11px;opacity:.74;overflow-wrap:anywhere}.media-preview{display:grid;grid-gap:7px;gap:7px}.media-preview audio{width:min(100%,360px)}.media-preview video{width:min(100%,460px);max-height:360px;border-radius:10px;background:#050811}.file-preview{display:flex;align-items:center;gap:10px;padding:10px;background:rgba(0,0,0,.16)}.file-preview .file-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.08);font-size:20px}.file-preview>span:last-child{min-width:0;display:grid;grid-gap:2px;gap:2px}.file-preview b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.file-preview small{opacity:.65;font-size:10px}@media (max-width:760px){.attachment-error,.attachment-selection{margin-left:12px;margin-right:12px}.attach-button{width:40px;height:40px;flex-basis:40px}}:focus-visible{outline:3px solid #a99fff;outline-offset:2px}.skip-link{position:fixed;z-index:2000;top:8px;right:8px;transform:translateY(-150%);padding:9px 12px;border-radius:10px;background:#ffffff;color:#10182c;text-decoration:none;font-weight:700}.skip-link:focus{transform:translateY(0)}.loading-card{overflow:hidden}.loading-bar{height:4px;margin-top:18px;border-radius:999px;background:linear-gradient(90deg,transparent,#9187ff,transparent);background-size:200% 100%;animation:loading-slide 1.2s linear infinite}@keyframes loading-slide{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.global-error{position:fixed;z-index:850;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(92vw,620px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #6a3a46;border-radius:14px;background:#2a1720;color:#ffd6de;box-shadow:0 16px 50px rgba(0,0,0,.3)}.global-error button{flex:0 0 auto;border:0;border-radius:9px;padding:7px 10px;background:#ffd6de;color:#351824}.pwa-controls{position:fixed;z-index:820;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:7px;max-width:min(90vw,520px)}.pwa-controls button{border:1px solid #344262;border-radius:999px;padding:8px 11px;background:#111a2d;color:#eef2ff;box-shadow:0 10px 32px rgba(0,0,0,.24)}.offline-shell{min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.offline-card{width:min(100%,520px);padding:28px;border:1px solid #263253;border-radius:24px;background:#111a31;box-shadow:0 24px 80px rgba(0,0,0,.25);text-align:center}.offline-card h1{margin:14px 0 8px}.offline-card p{color:#9aa5c0;line-height:1.9}.offline-card a{display:inline-block;margin-top:12px;padding:10px 16px;border-radius:12px;background:#6d5dfc;color:white;text-decoration:none}.chat{height:100dvh;min-height:0}.sidebar{padding-top:max(18px,env(safe-area-inset-top))}.composer,.sidebar{padding-bottom:max(18px,env(safe-area-inset-bottom))}a,button,input,label.attach-button{-webkit-tap-highlight-color:transparent}button,label.attach-button{touch-action:manipulation}@media (max-width:760px){.shell{grid-template-columns:78px 1fr}.sidebar{padding-left:8px;padding-right:8px}.avatar{width:40px;height:40px;flex-basis:40px}.contact,.conversation{min-height:48px}.chat header{min-height:64px}.messages{padding-top:14px;padding-bottom:14px}article{max-width:92%}.composer{gap:8px}.composer button{min-height:42px}.pwa-controls{right:max(8px,env(safe-area-inset-right));left:max(8px,env(safe-area-inset-left));justify-content:center}}