:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#e9edef;background:#0b141a;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}.loading,.login-shell{min-height:100vh;display:grid;place-items:center}.login-shell{background:radial-gradient(circle at 18% 15%,rgba(0,168,132,.18),transparent 28rem),linear-gradient(145deg,#071116,#111f27)}.login-card{width:min(420px,calc(100vw - 32px));padding:38px;border:1px solid #263943;border-radius:22px;background:#111b21f0;box-shadow:0 26px 70px #0008}.brand-mark{width:52px;height:52px;display:grid;place-items:center;margin-bottom:20px;border-radius:16px;color:#071510;background:#25d366;font-size:25px;font-weight:900}h1,h2,p{margin-top:0}.login-card p,.modal p,small{color:#8696a0}label{display:block;margin:18px 0 7px;color:#c7d0d5;font-size:13px}input,textarea{width:100%;color:#e9edef;background:#202c33;border:1px solid #344650;border-radius:10px;outline:none;padding:12px 13px}input:focus,textarea:focus{border-color:#00a884;box-shadow:0 0 0 3px #00a88422}.login-card button,.modal-actions button:last-child,.send-button{border:0;border-radius:10px;color:#06130f;background:#25d366;font-weight:700}.login-card>button{width:100%;margin-top:24px;padding:13px}.error{margin-top:14px;color:#ff8f8f;font-size:13px}.workspace{width:100%;height:100dvh;display:grid;grid-template-columns:260px 370px minmax(0,1fr);overflow:hidden}.accounts-panel,.chats-panel{min-width:0;min-height:0;overflow:hidden;background:#111b21;border-right:1px solid #26343b;display:flex;flex-direction:column}header{min-height:66px;padding:12px 16px;display:flex;align-items:center;gap:12px;background:#202c33}header>div{min-width:0;display:flex;flex-direction:column;gap:3px}header strong,header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header small{font-size:12px}.accounts-panel header{justify-content:space-between}.account-search{padding:9px 10px;border-bottom:1px solid #26343b}.account-search input{height:38px;padding:8px 11px;border:0;background:#202c33;font-size:12px}.account-status-filters{padding:0 10px 9px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-bottom:1px solid #26343b}.account-status-filters button{height:30px;padding:0 6px;border:1px solid #2a3942;border-radius:8px;color:#8696a0;background:#18252c;font-size:12px;cursor:pointer}.account-status-filters button:hover{color:#e9edef;background:#202c33}.account-status-filters button.active{border-color:#00a884;color:#e9edef;background:#075e54}.account-status-filters span{margin-left:2px;font-variant-numeric:tabular-nums;opacity:.8}.icon-button{width:36px;height:36px;border:0;border-radius:50%;color:#d9e1e5;background:#2a3942;font-size:23px}.account-list,.chat-list{min-height:0;overflow-x:hidden;overflow-y:auto;flex:1 1 0;overscroll-behavior:contain}.account-row{display:flex;align-items:stretch;border-bottom:1px solid #202c33}.account-item,.chat-item{position:relative;width:100%;min-height:72px;padding:10px 12px;display:flex;align-items:center;gap:11px;text-align:left;border:0;border-bottom:1px solid #1e2b32;color:#e9edef;background:transparent}.account-item{flex:1;min-width:0;border-bottom:0}.account-row:hover,.account-row.active,.chat-item:hover,.chat-item.active{background:#202c33}.account-row:hover .account-item,.account-row.active .account-item{background:transparent}.delete-account{width:48px;flex:0 0 48px;border:0;background:transparent;color:#8696a0;font-size:12px;cursor:pointer;opacity:0;transition:opacity .15s,color .15s,background .15s}.settings-account{width:42px;flex:0 0 42px;border:0;background:transparent;color:#53bdeb;font-size:11px;opacity:.75}.settings-account:hover{opacity:1;background:#53bdeb14}.account-row:hover .delete-account,.delete-account:focus-visible{opacity:1}.delete-account:hover{color:#ff8a8a;background:#ff505014}.danger-button{background:#d64545!important;color:#fff!important}.secondary-button{width:100%;margin-top:8px;padding:9px 12px;border:1px solid #3d5964;border-radius:8px;color:#b8c7ce;background:#202c33}.secondary-button:disabled{opacity:.45;cursor:default}.proxy-result{max-height:180px;overflow:auto;padding:10px;border-radius:8px;color:#a9e8d5;background:#071116;font-size:11px;white-space:pre-wrap}.form-toggle{display:flex;align-items:center;gap:9px;cursor:pointer}.form-toggle input{width:auto}.profile-modal{width:min(620px,calc(100vw - 28px))}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.profile-grid label{margin-top:10px}.confirm-card p{color:#aebac1;line-height:1.6}.avatar{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#d9f7ee;background:linear-gradient(145deg,#1e806e,#275869);font-weight:700}.avatar{position:relative;overflow:hidden}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.avatar>span{position:relative;z-index:0}.broadcast-button{margin-left:auto;padding:8px 10px;border:0;border-radius:8px;color:#072018;background:#25d366;font-size:12px;font-weight:700}.disconnect-button{padding:8px 10px;border:1px solid #52636c;border-radius:8px;color:#d6dee2;background:transparent;font-size:12px}.disconnect-button:hover{color:#ffb0b0;border-color:#a64f58;background:#ff505014}.disconnect-button:disabled{opacity:.5;cursor:wait}.account-copy,.chat-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.account-copy b,.account-copy small,.chat-copy b,.chat-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{position:absolute;left:43px;bottom:13px;width:10px;height:10px;border-radius:50%;border:2px solid #111b21;background:#667781}.status-dot.online{background:#25d366}.status-dot.waiting_qr,.status-dot.syncing,.status-dot.reconnecting{background:#f3b549}.status-dot.retry_required{background:#ef6b6b}.retry-required{max-width:520px;text-align:center;color:#aebac1}.reconnect-progress,.offline-account{display:grid;justify-items:center;gap:10px}.login-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.status-label{color:#8696a0;font-size:10px}.accounts-panel footer{padding:10px;border-top:1px solid #26343b}.accounts-panel footer button{width:100%;padding:9px;border:0;color:#8696a0;background:transparent}.accounts-panel footer .restart-server-button{color:#f3b549;border-bottom:1px solid #26343b}.accounts-panel footer .restart-server-button:hover{color:#ffd27a;background:#f3b54912}.accounts-panel footer .restart-server-button:disabled{opacity:.55;cursor:wait}.accounts-panel footer .reboot-host-button{color:#ff8f8f;border-bottom:1px solid #26343b}.accounts-panel footer .reboot-host-button:hover{color:#ffb3b3;background:#ef6b6b14}.accounts-panel footer .reboot-host-button:disabled{opacity:.55;cursor:wait}.auto-reconnect-toggle{margin:0 4px 6px;padding:9px 8px;display:flex;align-items:center;gap:9px;border-top:1px solid #26343b;border-bottom:1px solid #26343b;cursor:pointer}.auto-reconnect-toggle>span{min-width:0;flex:1;display:grid;gap:2px}.auto-reconnect-toggle b{color:#c4cdd2;font-size:11px;font-weight:600}.auto-reconnect-toggle small{color:#8696a0;font-size:10px}.auto-reconnect-toggle input{position:absolute;opacity:0;pointer-events:none}.auto-reconnect-toggle>i{position:relative;width:32px;height:18px;flex:0 0 32px;border-radius:10px;background:#52636c;transition:background .2s}.auto-reconnect-toggle>i:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#d9e1e5;transition:transform .2s}.auto-reconnect-toggle input:checked+i{background:#00a884}.auto-reconnect-toggle input:checked+i:after{transform:translate(14px)}.auto-reconnect-toggle.saving{opacity:.55;cursor:wait}.server-metrics{padding:4px 4px 10px;display:grid;gap:8px;color:#8696a0;font-size:11px}.metric-heading{display:flex;align-items:center;justify-content:space-between}.metric-heading i{width:7px;height:7px;border-radius:50%;background:#667781}.metric-heading i.online{background:#25d366;box-shadow:0 0 8px #25d36688}.metric-row{display:grid;grid-template-columns:30px 1fr 42px;align-items:center;gap:7px}.metric-row>div{height:5px;overflow:hidden;border-radius:4px;background:#26343b}.metric-row>div i{display:block;height:100%;border-radius:inherit;background:#25d366;transition:width .4s ease}.metric-row b{color:#aebac1;font-size:10px;text-align:right}.server-metrics small{text-align:right;font-size:10px}.search{padding:9px 12px}.search input{padding:9px 12px;border:0;border-radius:9px}.chat-filters{padding:0 12px 9px;display:flex;gap:6px;overflow-x:auto}.chat-filters button{flex:0 0 auto;padding:6px 10px;border:0;border-radius:14px;color:#aebac1;background:#202c33;font-size:12px}.chat-filters button.active{color:#d9fdd3;background:#005c4b}.chat-filters .archive-all-button{margin-left:auto;color:#53bdeb}.chat-filters .archive-all-button:disabled{opacity:.4;cursor:default}.chat-copy>span{display:flex;justify-content:space-between;gap:8px}.chat-copy time{color:#8696a0;font-size:10px;white-space:nowrap}.chat-item em{min-width:21px;padding:3px 6px;border-radius:10px;color:#092017;background:#25d366;font-size:11px;font-style:normal;text-align:center}.empty-list{padding:48px 24px;color:#667781;text-align:center}.inline-login{flex:1;overflow:auto;padding:30px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(circle at 50% 28%,rgba(0,168,132,.14),transparent 17rem)}.inline-login-copy h2{margin-bottom:5px;font-size:19px}.inline-login-copy p{color:#8696a0;font-size:13px}.inline-login img{width:min(290px,100%);margin:8px auto 18px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 14px 36px #0007}.inline-login>small{margin:3px 0 20px;line-height:1.6}.inline-login>button{padding:9px 15px;border:1px solid #36515d;border-radius:9px;color:#c9d4d9;background:#202c33}.qr-loading{min-height:300px;display:grid;place-content:center;justify-items:center;color:#8696a0}.spinner{width:34px;height:34px;border:3px solid #294047;border-top-color:#25d366;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.conversation{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:#0b141a}.conversation>header>div:not(.conversation-actions){flex:1}.conversation-actions{margin-left:auto;display:flex;flex-direction:row;gap:6px}.conversation-actions button{padding:7px 10px;border:0;border-radius:7px;color:#d9e1e5;background:#2a3942}.conversation-actions .danger-link{color:#ff9b9b}.conversation header{border-bottom:1px solid #26343b}.messages{min-width:0;min-height:0;flex:1 1 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:28px clamp(18px,7vw,90px);background-image:linear-gradient(#0b141ae8,#0b141ae8),radial-gradient(#23323a 1px,transparent 1px);background-size:auto,20px 20px}.message-row{min-width:0;width:100%;display:flex;margin:5px 0;justify-content:flex-start}.message-row.mine{justify-content:flex-end}.message-row article{position:relative;min-width:0;max-width:min(680px,78%);padding:8px 10px 5px;border-radius:9px;background:#202c33;box-shadow:0 1px 1px #0004;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.message-menu-button{position:absolute;top:2px;right:3px;width:25px;height:25px;padding:0;border:0;border-radius:50%;color:#aebac1;background:transparent;font-size:18px;line-height:1;opacity:0;cursor:pointer}.message-row article:hover .message-menu-button,.message-menu-button:focus-visible{opacity:1;background:#111b2166}.message-action-options{display:grid;gap:10px;margin-top:18px}.message-action-options button{padding:13px 14px;display:flex;flex-direction:column;gap:5px;text-align:left;border:1px solid #33444d;border-radius:10px;color:#e9edef;background:#202c33}.message-action-options button span{color:#8696a0;font-size:12px}.message-action-options button:disabled{opacity:.45;cursor:not-allowed}.message-action-options .local-delete-option b{color:#ff9b9b}.message-row.mine article{background:#005c4b}.message-image{display:block;width:auto;max-width:min(420px,100%);max-height:480px;border-radius:7px;object-fit:contain;cursor:zoom-in;background:#10191e}.message-video{display:block;width:min(420px,100%);max-height:60vh;border-radius:8px;background:#000}.message-audio{display:block;width:min(320px,72vw)}.message-document{display:block;color:#53bdeb;overflow-wrap:anywhere;text-decoration:none}.message-document:hover{text-decoration:underline}.message-image.media-error{width:220px;min-height:110px;padding:20px;object-fit:contain;color:#ffb4b4;cursor:pointer}.media-caption{margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.message-row article footer{margin-top:4px;color:#9cabb3;text-align:right;font-size:10px}.sender{display:block;max-width:100%;margin-bottom:4px;color:#53bdeb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer{min-width:0;flex:0 0 auto;padding:10px 14px;display:flex;align-items:end;gap:9px;background:#202c33}.composer{position:relative;flex-wrap:wrap}.reply-preview{flex:1 0 100%;min-width:0;padding:8px 10px;display:flex;align-items:center;gap:10px;border-left:3px solid #00a884;border-radius:7px;background:#111b21}.reply-preview>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.reply-preview b{color:#00a884;font-size:12px}.reply-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aebac1;font-size:12px}.reply-preview>button{border:0;color:#aebac1;background:transparent;font-size:20px}.quoted-message{margin:0 24px 7px 0;padding:7px 9px;display:flex;flex-direction:column;gap:3px;border-left:3px solid #00a884;border-radius:5px;background:#111b2177}.quoted-message b{color:#53bdeb;font-size:11px}.quoted-message span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aebac1;font-size:12px}.message-reactions{position:absolute;left:8px;bottom:-13px;z-index:2;display:flex;gap:3px}.message-row{margin-bottom:15px}.message-reactions button{padding:2px 6px;border:1px solid #344650;border-radius:12px;color:#e9edef;background:#202c33;font-size:12px}.reaction-options{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.reaction-options button{min-height:42px;padding:4px;border:1px solid #344650;border-radius:9px;color:#e9edef;background:#202c33;font-size:22px}.file-input{display:none}.emoji-wrap{position:relative;flex:0 0 auto}.emoji-wrap>button{min-height:42px;padding:0 12px;border:0;border-radius:10px;color:#e9edef;background:transparent;font-size:22px}.emoji-picker{position:absolute;left:0;bottom:50px;z-index:8;width:236px;padding:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;border:1px solid #344650;border-radius:12px;background:#202c33;box-shadow:0 12px 35px #0009}.emoji-picker button,.emoji-inline button{padding:6px;border:0;border-radius:6px;background:transparent;font-size:20px}.emoji-picker button:hover,.emoji-inline button:hover{background:#344650}.media-chip{max-width:210px;min-height:42px;padding:5px 7px;display:flex;align-items:center;gap:5px;border-radius:9px;background:#111b21}.media-chip select{max-width:74px;color:#e9edef;background:#202c33;border:0}.media-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.media-chip button{border:0;color:#ff9b9b;background:transparent}.emoji-inline{margin-top:8px;display:flex;flex-wrap:wrap}.broadcast-media-row{display:grid;grid-template-columns:90px 1fr;gap:8px}.broadcast-media-row select{border:1px solid #344650;border-radius:9px;color:#e9edef;background:#202c33}.broadcast-group-row,.new-group-row{display:grid;grid-template-columns:1fr auto;gap:8px}.broadcast-group-row select{min-width:0;padding:10px;border:1px solid #344650;border-radius:9px;color:#e9edef;background:#202c33}.broadcast-group-row button,.new-group-row button{padding:8px 12px;border:0;border-radius:8px;color:#d9fdd3;background:#005c4b}.group-editor-layer{z-index:12}.group-editor{width:min(620px,100%)}.group-member-list{max-height:55vh;overflow-y:auto;margin-top:12px;border:1px solid #26343b;border-radius:10px}.group-member-list label{margin:0;padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #26343b;cursor:pointer}.group-member-list input{width:17px;height:17px}.group-member-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-member-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.group-member-tools button{height:40px;padding:0 12px;border:0;border-radius:8px;color:#d9fdd3;background:#005c4b;white-space:nowrap}.group-member-tools button:last-child{color:#ffb4b4;background:#3d292d}.member-count{display:block;margin:9px 2px 0}.broadcast-warning{margin-top:16px;padding:10px;border-radius:8px;color:#ffd79b;background:#4a351d;font-size:12px}.broadcast-progress{position:fixed;right:20px;top:18px;z-index:9;padding:9px 14px;border-radius:18px;color:#d9fdd3;background:#005c4b;box-shadow:0 7px 20px #0007;font-size:12px}.composer textarea{min-height:42px;max-height:140px;resize:vertical;border:0}.composer>button{flex:0 0 auto;min-height:42px;padding:0 15px;border:0;border-radius:10px}.composer>button:disabled{cursor:wait;opacity:.55}.conversation-empty{margin:auto;color:#8696a0;text-align:center}.conversation-empty .brand-mark{margin:0 auto 18px}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#000b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(450px,100%);padding:28px;border:1px solid #344650;border-radius:18px;background:#111b21;box-shadow:0 28px 80px #000b}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.modal-actions button,.qr-modal>button{padding:10px 18px;border:0;border-radius:9px;color:#dbe4e8;background:#2a3942}.qr-modal{text-align:center}.qr-modal img{display:block;width:min(360px,100%);margin:18px auto;border-radius:12px;background:#fff}.pulse-label{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;color:#aebac1;font-size:13px}.pulse-label i{width:8px;height:8px;border-radius:50%;background:#25d366;box-shadow:0 0 0 5px #25d36622}.toast{position:fixed;right:24px;bottom:24px;z-index:20;max-width:420px;padding:13px 16px;border:1px solid #713d43;border-radius:10px;color:#ffd9dc;background:#3d2025}@media(max-width:900px){.workspace{grid-template-columns:92px 310px minmax(0,1fr)}.account-copy,.status-label,.accounts-panel header>div small{display:none}.accounts-panel header{justify-content:center}.account-item{justify-content:center}.delete-account{display:none}}@media(max-width:650px){.workspace{grid-template-columns:76px 1fr}.conversation{position:fixed;inset:0;z-index:4}.conversation:has(.conversation-empty){display:none}}