@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:Manrope,Inter,system-ui,sans-serif;color:#24212f;background:#f4f2f9;font-synthesis:none;--accent: #715ce5;--accent-strong: #5b46cf;--accent-soft: #eeeafd;--surface: #ffffff;--surface-2: #f7f6fa;--surface-3: #eeecf3;--text: #24212f;--muted: #777284;--line: #e8e5ed;--danger: #de4960;--bubble-in: #fff;--bubble-out: #e9e4ff;--shadow: 0 16px 50px rgba(38, 28, 68, .12);--message-font-size: 16px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--surface:#17151d;--surface-2:#201e27;--surface-3:#2a2732;--text:#f6f2ff;--muted:#a8a2b2;--line:#302d38;--accent-soft:#30294e;--bubble-in:#22202a;--bubble-out:#3a3164;color:#f6f2ff;background:#111016}}:root[data-theme=dark]{--surface:#17151d;--surface-2:#201e27;--surface-3:#2a2732;--text:#f6f2ff;--muted:#a8a2b2;--line:#302d38;--accent-soft:#30294e;--bubble-in:#22202a;--bubble-out:#3a3164;color:#f6f2ff;background:#111016}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;min-height:0;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.splash{height:100%;display:grid;place-content:center;justify-items:center;gap:24px}.splash img{width:88px;border-radius:24px}.splash svg{color:var(--accent)}.login-page{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 15%,#ded7ff 0,transparent 32%),radial-gradient(circle at 10% 90%,#f3dcec 0,transparent 30%),#f7f5fb}.login-card{width:min(430px,100%);background:var(--surface);padding:40px;border-radius:28px;box-shadow:var(--shadow);text-align:center}.login-logo{width:76px;border-radius:20px}.login-card h1{margin:22px 0 8px;font-size:25px}.login-card>p{color:var(--muted);margin:0 0 28px}.login-card form{display:grid;gap:16px;text-align:left}.login-card label,.settings-card>label{display:grid;gap:7px;font-size:13px;font-weight:600;color:var(--muted)}.login-card input,.field{width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:13px;padding:13px;color:var(--text)}.primary-button,.danger-button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:13px 18px;font-weight:700}.primary-button{background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-strong)}.primary-button:disabled{opacity:.55}.danger-button{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger);width:100%}.form-error{color:var(--danger);font-size:13px;text-align:center}.app-shell{height:100%;min-height:0;max-height:100%;overflow:hidden;display:grid;grid-template-columns:360px minmax(0,1fr);background:var(--surface-2)}.app-shell.picker-open{grid-template-columns:360px minmax(480px,1fr) 370px}.sidebar{min-width:0;background:var(--surface);border-right:1px solid var(--line);display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;z-index:2}.sidebar-header,.chat-header,.panel-header{height:68px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line)}.sidebar-header{justify-content:space-between;border-bottom:0}.brand{display:flex;align-items:center;gap:10px;font-size:20px}.brand img{width:34px;border-radius:10px}.icon-button,.back-button{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:transparent;color:var(--muted)}.icon-button:hover,.back-button:hover{background:var(--surface-3);color:var(--text)}.icon-button svg,.back-button svg{width:20px}.back-button{display:none}.search-box{height:42px;margin:0 14px 10px;background:var(--surface-2);display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid transparent;border-radius:13px;color:var(--muted)}.search-box:focus-within{border-color:var(--accent)}.search-box input{width:100%;border:0;outline:0;background:transparent}.offline-banner{margin:0 14px 8px;padding:7px 10px;border-radius:10px;background:#fff0e0;color:#a65c13;font-size:12px;display:flex;gap:7px;align-items:center}.chat-list{overflow:auto;padding:2px 8px 12px}.chat-row{width:100%;height:72px;display:flex;align-items:center;gap:11px;padding:8px;border-radius:15px;background:transparent;text-align:left}.chat-row:hover{background:var(--surface-2)}.chat-row.active{background:var(--accent);color:#fff}.chat-row-body{min-width:0;flex:1;display:grid;gap:5px}.chat-row-top,.chat-row-bottom{display:flex;align-items:center;gap:8px}.chat-row-top strong,.chat-row-bottom span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row-top strong{flex:1}.chat-row-top time,.chat-row-bottom{font-size:12px;color:var(--muted)}.chat-row.active time,.chat-row.active .chat-row-bottom{color:#e6e1ff}.chat-row-bottom span{flex:1}.draft-preview{color:#e65b6c!important}.unread{min-width:20px;height:20px;padding:0 5px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:11px}.chat-row.active .unread{background:#fff;color:var(--accent)}.avatar{position:relative;border-radius:50%;display:grid;place-items:center;overflow:visible;background:linear-gradient(135deg,#a18ef8,#6852d5);color:#fff;font-weight:700}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.online-dot{position:absolute;right:0;bottom:1px;width:12px;height:12px;border:2px solid var(--surface);border-radius:50%;background:#35c886}.account-tile{height:68px;border-top:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:8px 14px;background:var(--surface);text-align:left}.account-tile:hover{background:var(--surface-2)}.account-tile>span:nth-child(2){flex:1;display:grid}.account-tile small{color:#34b77b}.empty-list{padding:32px;text-align:center;color:var(--muted)}.content-panel{min-width:0;height:100%;background:var(--surface-2);display:flex;flex-direction:column}.empty-chat{align-items:center;justify-content:center;color:var(--muted)}.empty-chat img{width:74px;opacity:.8}.empty-chat h2{margin:18px 0 4px;color:var(--text)}.chat-header{background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:3}.chat-title{min-width:0;flex:1;display:grid;text-align:left;background:transparent}.chat-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-title small{color:var(--muted)}.chat-search{height:52px;display:flex;align-items:center;gap:10px;padding:7px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.chat-search input{flex:1;border:0;background:transparent;outline:0}.messages-scroll{flex:1;overflow:auto;position:relative;padding:12px clamp(12px,5vw,64px);background-color:#edeaf4;background-image:radial-gradient(color-mix(in srgb,var(--accent) 10%,transparent) 1.2px,transparent 1.2px);background-size:20px 20px}.message-line{display:flex;padding:3px 0}.message-line.mine{justify-content:flex-end}.message-bubble{position:relative;max-width:min(680px,78%);padding:9px 38px 7px 12px;background:var(--bubble-in);border-radius:7px 17px 17px;box-shadow:0 1px 2px #231c3214;font-size:var(--message-font-size)}.mine .message-bubble{background:var(--bubble-out);border-radius:17px 7px 17px 17px}.message-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.43}.message-bubble.deleted{font-style:italic;color:var(--muted)}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin:3px -29px -3px 10px;color:var(--muted);font-size:10px}.message-meta .read{color:var(--accent)}.message-menu-trigger{position:absolute;right:3px;top:3px;background:transparent;color:transparent;padding:4px}.message-bubble:hover .message-menu-trigger{color:var(--muted)}.date-chip{position:relative;width:max-content;margin:10px auto 7px;padding:5px 10px;border-radius:12px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--muted);font-size:11px;font-weight:700}.message-accent{font-size:11px;color:var(--accent);font-weight:700;margin-bottom:4px}.reply-preview{display:grid;width:100%;text-align:left;background:transparent;border-left:3px solid var(--accent);padding:2px 8px;margin-bottom:6px}.reply-preview strong{color:var(--accent);font-size:11px}.reply-preview span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.reaction-row{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.reaction-row button{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:12px;padding:2px 7px}.quick-reactions{display:none;position:absolute;top:-32px;right:10px;background:var(--surface);padding:3px;border-radius:14px;box-shadow:var(--shadow)}.message-bubble:hover .quick-reactions{display:flex}.quick-reactions button{background:transparent;padding:3px}.sticker-message{width:min(220px,100%);display:block}.media-image{display:block;background:transparent;margin:-5px -34px 6px -8px}.media-image img,.media-video{max-width:100%;max-height:420px;border-radius:12px;display:block}.voice-player{width:270px;max-width:100%}.document-card{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:240px}.document-card>span:first-child{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff}.document-card>span:nth-child(2){display:grid;flex:1}.document-card small{color:var(--muted)}.link-preview{border-left:3px solid var(--accent);margin-top:8px;padding-left:9px;display:grid;color:inherit;text-decoration:none;font-size:12px}.link-preview img{max-width:220px;border-radius:8px}.link-preview strong{color:var(--accent)}.scroll-bottom{position:sticky;float:right;bottom:8px;width:42px;height:42px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow);color:var(--accent)}.composer-context{height:48px;display:flex;align-items:center;gap:10px;padding:6px 16px;border-top:1px solid var(--line);background:var(--surface)}.composer-context>svg{color:var(--accent)}.composer-context span{display:grid;min-width:0;flex:1;font-size:12px}.composer-context span strong{color:var(--accent)}.composer-context span:not(strong){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer{min-height:64px;display:flex;align-items:flex-end;gap:6px;padding:9px 12px max(9px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.composer textarea{flex:1;min-height:42px;max-height:140px;resize:none;border:0;outline:0;background:var(--surface-2);border-radius:16px;padding:11px 14px}.send-button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff}.send-button.danger{background:var(--danger)}.file-button input,.avatar-upload input{display:none}.recording-state{height:42px;flex:1;display:flex;align-items:center;gap:10px;color:var(--danger)}.recording-state small{margin-left:auto;color:var(--muted)}.record-dot{width:9px;height:9px;border-radius:50%;background:var(--danger);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.35}}.picker-panel{min-width:0;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column}.picker-panel>header{height:68px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid var(--line)}.picker-tabs{display:flex;flex:1}.picker-tabs button{height:42px;display:flex;align-items:center;gap:6px;background:transparent;color:var(--muted);padding:0 10px}.picker-tabs button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.picker-tabs svg{width:18px}.picker-content{overflow:auto;padding:4px 14px 20px}.picker-content h4{font-size:12px;color:var(--muted);text-transform:uppercase}.emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.emoji-grid button{aspect-ratio:1;background:transparent;border-radius:10px;font-size:25px}.emoji-grid button:hover{background:var(--surface-3)}.sticker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sticker-grid button{aspect-ratio:1;background:transparent;border-radius:12px;padding:4px}.sticker-grid img{width:100%;height:100%;object-fit:contain}.panel-header{background:var(--surface)}.panel-header h2{margin:0}.settings-scroll{overflow:auto;width:min(680px,100%);margin:0 auto;padding:26px 18px 70px}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:24px}.profile-hero>strong{font-size:22px;margin-top:8px}.profile-hero>span{color:var(--muted)}.avatar-upload{position:relative;cursor:pointer}.avatar-upload>span{position:absolute;inset:auto 0 0;background:#0009;color:#fff;text-align:center;font-size:11px;border-radius:0 0 50px 50px;padding:4px}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:16px;display:grid;gap:16px}.settings-card textarea{min-height:90px;resize:vertical}.nav-card{padding:0;overflow:hidden;gap:0}.nav-card button{height:66px;display:flex;align-items:center;gap:12px;padding:0 16px;background:transparent;text-align:left;border-bottom:1px solid var(--line)}.nav-card button:last-child{border:0}.nav-card button>span{display:grid;flex:1}.nav-card small,.devices-list small{color:var(--muted)}.setting-row{display:flex!important;align-items:center;justify-content:space-between;color:var(--text)!important;font-size:14px!important}.setting-row>span{display:flex;align-items:center;gap:8px}.setting-row select{padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.devices-list>div{display:flex;align-items:center;gap:12px}.devices-list>div>span{display:grid;flex:1}.devices-list b{font-size:11px;color:var(--accent)}.menu{z-index:30;min-width:190px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:6px;box-shadow:var(--shadow)}.menu [role=menuitem]{display:flex;align-items:center;gap:9px;padding:9px;border-radius:9px;font-size:13px;outline:0}.menu [role=menuitem]:hover,.menu [role=menuitem]:focus{background:var(--surface-2)}.menu svg{width:17px}.danger{color:var(--danger)!important}.dialog-overlay{position:fixed;inset:0;background:#140f1e73;z-index:20}.dialog-card{position:fixed;z-index:21;left:50%;top:50%;transform:translate(-50%,-50%);width:min(450px,calc(100% - 24px));max-height:80dvh;overflow:auto;background:var(--surface);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.dialog-title{display:flex;align-items:center;justify-content:space-between}.dialog-title h2{margin:0}.dialog-card>.field{margin:12px 0}.dialog-card .search-box{margin:12px 0}.user-results{display:grid;max-height:300px;overflow:auto}.user-results button{display:flex;align-items:center;gap:10px;background:transparent;padding:9px;border-radius:12px;text-align:left}.user-results button.selected{background:var(--accent-soft)}.user-results button>span:nth-child(2){display:grid}.user-results small{color:var(--muted)}.mini-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff}@media(max-width:1180px){.app-shell.picker-open{grid-template-columns:320px minmax(0,1fr)}.picker-panel{position:fixed;right:0;top:68px;bottom:64px;width:min(370px,90vw);z-index:10;box-shadow:var(--shadow)}.app-shell{grid-template-columns:320px minmax(0,1fr)}}@media(max-width:700px){.app-shell,.app-shell.picker-open{display:block;position:relative}.sidebar,.content-panel{position:absolute;inset:0;transition:transform .22s ease}.show-sidebar .sidebar{transform:translate(0)}.show-sidebar .content-panel{transform:translate(100%)}.show-content .sidebar{transform:translate(-100%)}.show-content .content-panel{transform:translate(0)}.back-button{display:grid}.messages-scroll{padding:8px 7px}.message-bubble{max-width:88%}.picker-panel{top:auto;bottom:0;width:100%;height:min(52dvh,440px);border-radius:20px 20px 0 0}.picker-panel>header{height:54px}.composer{padding-bottom:max(9px,env(safe-area-inset-bottom))}.quick-reactions{display:none!important}.message-menu-trigger{color:var(--muted)}.settings-scroll{padding-top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sticker-catalog{display:grid;gap:6px}.sticker-catalog button{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:12px;background:var(--surface-2);text-align:left}.sticker-catalog b{color:var(--accent);font-size:12px}.sidebar,.content-panel{min-height:0;height:100%;overflow:hidden}.picker-panel{min-height:0;overflow:hidden}.chat-list,.messages-scroll,.picker-content,.settings-scroll{min-height:0;overscroll-behavior:contain}.chat-list,.messages-scroll,.picker-content{overflow:auto}.messages-scroll,.settings-scroll{flex:1 1 0}.sidebar-header,.chat-header,.panel-header,.account-tile,.composer,.composer-context{flex-shrink:0}