:root{--bg-app: #0b0b0c;--bg-sidebar: #1c1c1e;--bg-chat: #0e0e0e;--bg-header: #1c1c1e;--bg-hover: #2a2a2d;--bg-active: #6d5ec7;--bg-in: #242427;--bg-out: #6d5ec7;--accent: #8b7cf7;--accent-text: #fff;--text: #f4f4f5;--text-muted: #a1a1aa;--blue: #7ec4f8;--composer: #141416;--search: #2a2a2e;--line: rgb(255 255 255 / 7%);--shadow: 0 12px 40px rgb(0 0 0 / 45%);font-family:Inter,Roboto,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;max-height:100dvh;overflow:hidden;background:var(--bg-app);color:var(--text)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--blue);text-decoration:none}.auth-screen{min-height:100%;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,rgb(139 124 247 / 18%),transparent 42%),radial-gradient(circle at 80% 90%,rgb(64 167 227 / 12%),transparent 40%),#0b0b0c}.auth-card{width:min(360px,calc(100% - 32px));text-align:center;background:#1c1c1ec7;border:1px solid var(--line);border-radius:22px;padding:28px 24px;box-shadow:var(--shadow)}.auth-logo{width:120px;height:120px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(180deg,#40a7e3,#1e96c8);display:grid;place-items:center;font-size:64px}.auth-card h1{margin:0 0 8px;font-size:32px;font-weight:500}.auth-card p{color:var(--text-muted);margin:0 0 28px;line-height:1.45}.auth-card label{display:block;text-align:left;font-size:13px;color:var(--blue);margin-bottom:4px}.auth-card input,.modal input,.modal select,.modal textarea{width:100%;background:transparent;border:0;border-bottom:2px solid #8774e1;border-radius:0;padding:8px 0 10px;outline:none;margin-bottom:18px}.modal input[readonly]{opacity:.75;cursor:default}.auth-card input:focus{border-bottom-color:#6ab2f2}.primary{border:0;background:linear-gradient(180deg,#9b8cff,var(--accent));color:var(--accent-text);font-weight:500;border-radius:12px;padding:12px 18px;box-shadow:0 8px 20px #8b7cf747}.auth-card .primary{width:100%;margin-top:8px;text-transform:uppercase;letter-spacing:.04em}.ghost{background:transparent;border:0;color:var(--blue);padding:8px}.ghost.active{color:var(--accent)}.ghost:disabled{opacity:.4;cursor:not-allowed}.shell{display:grid;grid-template-columns:minmax(300px,26.5vw) 1fr;height:100%;max-height:100dvh;overflow:hidden}.sidebar{background:var(--bg-sidebar);display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:visible;position:relative;z-index:2}.sidebar-top,.account-bar,.filters{flex-shrink:0}.sidebar-top{display:flex;gap:8px;align-items:center;padding:10px 12px 8px;min-height:56px;border-bottom:1px solid var(--line)}.icon-btn{width:40px;height:40px;border:0;border-radius:12px;background:transparent;color:#c4c4cc;font-size:20px}.icon-btn:hover{background:#ffffff0f}.search{flex:1;min-width:0;background:var(--search);border:1px solid transparent;border-radius:22px;padding:9px 14px;transition:border-color .15s ease,background .15s ease}.search:focus{outline:none;border-color:#8b7cf773;background:#323238}.logout-btn{flex-shrink:0;border:0;background:#ffffff0f;color:#e4e4e7;border-radius:18px;padding:8px 12px;font-size:13px;font-weight:500;white-space:nowrap}.add-btn{flex-shrink:0;width:34px;height:34px;border:0;border-radius:50%;background:#8b7cf738;color:#fff;font-size:22px;line-height:1;padding:0;display:grid;place-items:center}.add-btn:hover{background:#8b7cf761}.logout-btn:hover{background:#ff505029;color:#ffb4b4}.account-bar{display:flex;gap:8px;align-items:center;padding:10px 12px;position:relative;z-index:6}.account-bar select{flex:1;min-width:0;background:var(--search);border:1px solid var(--line);border-radius:12px;padding:9px 28px 9px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#aaa 50%),linear-gradient(135deg,#aaa 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.account-menu{position:relative;flex-shrink:0}.menu-trigger{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--search);color:var(--text);border-radius:12px;padding:9px 12px;font-weight:500;font-size:13px}.account-menu.open .menu-trigger,.menu-trigger:hover{background:#34343a;border-color:#8b7cf759}.menu-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:196px;padding:6px;background:#2f2f34;border:1px solid rgb(255 255 255 / 12%);border-radius:14px;box-shadow:var(--shadow);display:grid}.menu-panel button{text-align:left;border:0;background:transparent;color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px}.menu-panel button:hover:not(:disabled){background:#8b7cf72e}.menu-panel button:disabled{opacity:.4;cursor:not-allowed}.menu-panel button.danger-item{color:#ff8a80}.menu-panel button.danger-item:hover:not(:disabled){background:#ff525229}.button.danger,button.danger{background:#c62828;color:#fff;border:0;border-radius:10px;padding:10px 14px}button.danger:disabled{opacity:.4;cursor:not-allowed}.remove-details{display:grid;gap:8px;margin:0 0 16px}.remove-details div{display:grid;grid-template-columns:140px 1fr;gap:8px;font-size:13px}.remove-details dt{color:var(--text-muted);font-weight:400}.remove-details dd{margin:0}.remove-warn{margin:0 0 16px;padding-left:18px;color:#ffcc80;font-size:13px}.proxy-fields{margin:8px 0 16px}.proxy-toggle{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--text)}.proxy-toggle input{width:auto;margin:0;accent-color:var(--accent)}.proxy-fields select{width:100%;background:transparent;border:0;border-bottom:2px solid var(--accent);border-radius:0;padding:8px 0 10px;outline:none;margin-bottom:18px}.filters{display:flex;gap:2px;padding:0 10px;border-bottom:1px solid var(--line);overflow-x:auto;flex-shrink:0}.filters button{background:transparent;border:0;color:var(--text-muted);padding:11px 12px 10px;text-transform:capitalize;font-weight:500;font-size:13px;border-bottom:2px solid transparent;border-radius:8px 8px 0 0}.filters button:hover{color:var(--text);background:#ffffff0a}.filters button.active{color:var(--accent);border-bottom-color:var(--accent)}.toolbar{display:flex;gap:8px;padding:8px 12px;background:#1d1d1d}.chat-list{overflow-x:hidden;overflow-y:auto;flex:1 1 auto;min-height:0}.chat-item{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;padding:8px 12px;border:0;width:100%;background:transparent;text-align:left;min-height:72px;border-radius:0}.chat-item.selecting{grid-template-columns:22px 54px minmax(0,1fr)}.chat-item:hover{background:var(--bg-hover)}.chat-item.active{background:linear-gradient(90deg,#8b7cf747,#8b7cf71f)}.chat-item.active p,.chat-item.active .meta{color:#ffffffbf}.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-weight:500;font-size:20px;flex-shrink:0;object-fit:cover}.chat-item .body{min-width:0}.chat-item .title-row{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.chat-item h3,.chat-item p{margin:0}.chat-item h3{font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item .meta{color:var(--text-muted);font-size:12px;flex-shrink:0;display:inline-flex;align-items:center;gap:4px}.chat-item p{color:var(--text-muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.badge{font-size:11px;color:#4dcd5e;margin-left:6px}.select-circle{width:22px;height:22px;border-radius:50%;border:2px solid #8d8d8d;background:transparent;flex-shrink:0;display:grid;place-items:center;box-sizing:border-box}.select-circle.checked{border-color:var(--accent);background:var(--accent)}.select-circle.checked:after{content:"";width:5px;height:9px;margin-top:-1px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.unread-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#4dcd5e;color:#0e0e0e;font-size:11px;font-weight:600;display:inline-grid;place-items:center}.read-tick{width:22px;height:22px;border-radius:50%;border:2px solid #8d8d8d;background:transparent;color:#8d8d8d;padding:0;flex-shrink:0;font-size:12px;line-height:1;display:grid;place-items:center}.read-tick:hover{border-color:#4dcd5e;color:#4dcd5e}.session-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}.session-card{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #333}.session-card p{margin:4px 0 0;color:var(--text-muted);font-size:13px}.session-pill{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:8px;background:#3a3a3a;font-size:11px;font-weight:500}.sessions-modal{width:min(520px,calc(100% - 24px))}.backup-star{width:12px;height:12px;color:#ffd54f;flex-shrink:0;display:inline-block;vertical-align:middle}.chat-header .backup-star{width:14px;height:14px;margin-left:6px}.main{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden;background-color:#0e0e0e;background-image:radial-gradient(circle at 18px 18px,rgb(255 255 255 / 4%) 1px,transparent 0),radial-gradient(circle at 48px 42px,rgb(135 116 225 / 8%) 1.5px,transparent 0);background-size:64px 64px}.chat-header{flex-shrink:0;min-height:56px;background:#1c1c1eeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:6px 14px;box-shadow:0 1px 0 var(--line)}.header-actions{display:flex;gap:6px;flex-shrink:0}.header-action{border:0;background:#ffffff0f;color:var(--text);border-radius:16px;padding:7px 12px;font-size:13px;font-weight:500}.header-action:hover,.header-action.active{background:#8b7cf738;color:#fff}.chat-header .who{display:flex;align-items:center;gap:12px;min-width:0}.chat-header .who strong{display:flex;align-items:center;font-weight:500}.chat-header .who span{color:var(--text-muted);font-size:13px}.messages{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px 8%}.messages-inner{display:flex;flex-direction:column;gap:6px;min-height:100%;justify-content:flex-end}.bubble{max-width:min(42ch,72%);width:fit-content;padding:6px 10px 4px;border-radius:12px;position:relative;border:0;text-align:left;box-shadow:0 1px 2px #0003;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.bubble-text{display:block;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.bubble.in{align-self:flex-start;background:var(--bg-in);border-bottom-left-radius:4px}.bubble.out{align-self:flex-end;background:var(--bg-out);border-bottom-right-radius:4px}.message-block{display:flex;flex-direction:row;align-items:flex-end;gap:8px;max-width:min(calc(42ch + 30px),80%);width:fit-content}.message-stack{display:flex;flex-direction:column;min-width:0;max-width:min(42ch,100%)}.message-block.in{align-self:flex-start;max-width:min(calc(42ch + 52px),88%)}.message-block.out{align-self:flex-end}.message-block .bubble{max-width:100%}.inline-keyboard{display:flex;flex-direction:column;gap:4px;margin-top:4px;width:100%}.inline-row{display:flex;gap:4px}.inline-btn{flex:1;min-width:0;border:0;border-radius:8px;background:#303030;color:#6ab2f2;padding:8px 10px;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-btn:hover:not(:disabled){background:#3a3a3a}.inline-btn:disabled{opacity:.55;cursor:not-allowed}.bubble.selected{outline:2px solid #fff}.bubble .sender{display:block;color:#9fa8da;font-size:13px;font-weight:500;margin-bottom:2px}.bubble small{display:flex;justify-content:flex-end;align-items:center;gap:4px;text-align:right;color:#ffffff8c;font-size:11px;margin-top:2px}.bubble small .backup-star{width:11px;height:11px}.msg-status{display:inline-flex;align-items:center;margin-left:3px;color:#ffffffb3}.msg-status.read{color:#7ec4f8}.msg-status.failed{color:#ff8a80;font-weight:700;width:12px;justify-content:center}.msg-tick{width:14px;height:11px;display:block}.msg-tick.double{width:16px}.msg-clock{width:12px;height:12px;display:block;animation:msg-spin 1s linear infinite}@keyframes msg-spin{to{transform:rotate(360deg)}}.composer{flex-shrink:0;display:flex;gap:8px;align-items:flex-end;padding:8px 12px 10px;background:var(--composer)}.composer textarea{margin:0;flex:1;width:auto;min-height:44px;max-height:140px;resize:none;background:var(--bg-sidebar);border:0;border-radius:22px;padding:12px 18px;white-space:pre-wrap;overflow-wrap:anywhere;overflow-y:auto;line-height:1.35}.composer .send{width:46px;height:46px;border:0;border-radius:50%;background:linear-gradient(180deg,#9b8cff,var(--accent));color:#fff;font-size:18px;padding:0;box-shadow:0 6px 16px #8b7cf759}.composer .send:hover:not(:disabled){filter:brightness(1.08)}.composer-wrap{position:relative;flex-shrink:0}.attach-menu{position:absolute;left:12px;bottom:calc(100% + 6px);display:flex;flex-direction:column;min-width:180px;padding:6px;background:#222226;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:8}.attach-menu button{border:0;background:transparent;color:inherit;text-align:left;padding:10px 12px;border-radius:10px}.attach-menu button:hover{background:#ffffff14}.composer .attach{width:46px;height:46px;border:0;border-radius:50%;background:var(--bg-sidebar);color:var(--text);font-size:18px;padding:0}.composer .attach:hover:not(:disabled){background:#2a2a2e}.composer textarea:disabled,.composer .send:disabled,.composer .attach:disabled{opacity:.45;cursor:not-allowed}.compress-choices{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.toolbar,.warn{flex-shrink:0}.warn{background:#3d2b12;color:#ffcc80;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.empty{margin:auto;background:#141416b8;padding:10px 18px;border-radius:18px;color:var(--text);font-size:14px;border:1px solid var(--line);box-shadow:var(--shadow)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:20}.modal{width:min(420px,calc(100% - 24px));background:#222226;border:1px solid var(--line);border-radius:18px;padding:22px 22px 18px;max-height:90vh;overflow:auto;box-shadow:var(--shadow)}.modal h2{margin-top:0;font-weight:500}.row{display:flex;gap:8px}.error{color:#ff8a80;font-size:13px}.hint{margin:-8px 0 16px;color:var(--text-muted);font-size:13px}.otp-input{letter-spacing:.28em;font-size:22px;text-align:center}.qr-login{display:grid;justify-items:stretch;gap:8px;margin-bottom:12px}.qr-image{justify-self:center;width:220px;height:220px;background:#fff;border-radius:12px;padding:10px}@media (max-width: 720px){.shell{grid-template-columns:1fr}.sidebar{display:none}}.media-card{position:relative;display:block;width:100%;max-width:280px;border:0;padding:0;margin:4px 0 6px;background:#111;border-radius:10px;overflow:hidden;text-align:left}.media-thumb{display:block;width:100%;height:160px;object-fit:cover}.media-thumb.placeholder{display:grid;place-items:center;font-size:36px;color:#fff;background:#2a2a2a}.media-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-70%);width:42px;height:42px;border-radius:50%;background:#0000008c;color:#fff;display:grid;place-items:center}.media-meta{display:block;padding:6px 8px;font-size:12px;color:#fffc;background:#00000059}.media-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000000d1;display:grid;place-items:center;padding:24px}.media-lightbox-inner{max-width:min(960px,100%);max-height:90vh;display:flex;flex-direction:column;gap:10px}.media-lightbox-inner img,.media-lightbox-inner video{max-width:100%;max-height:78vh;object-fit:contain;background:#000}.media-lightbox-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;color:#fff}.media-card.document{display:grid;grid-template-columns:56px 1fr;max-width:320px;background:#2a2a2a}.media-card.document .media-thumb{width:56px;height:56px;font-size:22px}.media-card.document .media-meta{background:transparent;align-self:center}.media-doc{width:min(960px,90vw);height:75vh;border:0;background:#111}.media-doc-fallback{text-align:center;color:#fff;padding:24px}.media-doc-fallback .primary{display:inline-block;margin-top:12px;text-decoration:none}