:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #0f1217;--panel: #171c22;--panel-2: #202732;--line: #2d3744;--text: #eef3f7;--muted: #96a4b2;--accent: #63d3aa;--server: #78b8ff;--danger: #ff6b6b}*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);overflow:hidden}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:6px;min-height:36px;cursor:pointer}input,textarea{width:100%;min-width:0;border:1px solid var(--line);background:#10151d;color:var(--text);border-radius:6px;padding:0 12px}input{min-height:38px}textarea{min-height:120px;padding:10px 12px;resize:vertical}.mobile-switch{display:none}.center,.login{min-height:100%;display:grid;place-items:center;color:var(--muted)}.login form{width:min(360px,calc(100vw - 32px));display:grid;gap:12px}h1,h2{margin:0;letter-spacing:0}.login h1{margin-bottom:8px;color:var(--text)}.app{height:100vh;height:100dvh;display:grid;grid-template-columns:340px minmax(0,1fr);overflow:hidden}.sidebar{min-width:0;min-height:0;border-right:1px solid var(--line);display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--panel)}.sidebar header,.chat-head,.config-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.sidebar header{padding:8px}.sidebar span,.chat-head span,.config-head span,small{color:var(--muted)}.chat-head h2,.config-head h2{max-width:420px;font-size:18px;line-height:1.08;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;flex:0 1 185px;min-width:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.sidebar-tools{width:100%;min-width:0;display:flex;align-items:center;gap:6px}.sidebar-spacer{flex:1 1 auto}.bell-button,.telegram-button,.gear-button{width:36px;min-height:32px;padding:0;font-size:15px}.bell-button.active,.telegram-button.active,.gear-button.active{background:var(--accent);border-color:var(--accent);color:#06120e}.mode-toggle button{min-height:30px;border:0;border-radius:0;padding:0 8px;background:transparent;font-size:12px;line-height:1;white-space:nowrap}.mode-toggle button.active{background:var(--accent);color:#06120e;font-weight:800}.conversation-list,.server-list{min-height:0;overflow:auto;padding:8px}.conversation-card,.server-card{position:relative;width:100%;max-width:100%;min-width:0;display:grid;gap:3px;padding:8px 10px;margin-bottom:8px;text-align:left;overflow:hidden}.conversation-card{grid-template-columns:minmax(0,1fr) 26px;align-items:center;background:#121821;min-height:55px;border-left:5px solid var(--conversation-color, var(--accent))}.conversation-main{min-width:0;display:grid;gap:3px;padding:0;border:0;background:transparent;text-align:left}.conversation-close{width:24px;min-height:24px;height:24px;padding:0;border-color:transparent;background:transparent;color:var(--muted);font-size:18px;line-height:1}.conversation-close:hover{border-color:#445064;background:#1d2633;color:var(--text)}.conversation-list strong{min-width:0;font-size:13px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-list span{min-width:0;font-size:12px;line-height:1.2}.conversation-card.active{border-color:var(--accent)}.conversation-card.muted{opacity:.52;filter:grayscale(.85);background:#11151b;border-color:#252d37}.conversation-card.offline{opacity:.48;filter:grayscale(1);background:#101419;border-color:#222a33}.conversation-card.ignored{background:#211417;border-color:#ff6b6b6b;border-left-color:var(--conversation-color, var(--accent));box-shadow:inset 0 0 0 1px #ff6b6b38}.conversation-card.muted strong,.conversation-card.muted span,.conversation-card.ignored strong,.conversation-card.ignored span,.conversation-card.offline strong,.conversation-card.offline span{color:#b98787}.conversation-list span,.server-card span,.server-card div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-list b{position:absolute;top:8px;right:8px;min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:var(--danger);font-size:12px}.server-list{background:#101824}.server-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;border-color:#31506a;background:#132234;border-left:5px solid var(--identity-color, var(--server))}.server-card.active{border-color:var(--server);border-left-color:var(--identity-color, var(--server));background:#172b42}.server-card-main{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 8px;padding:0;border:0;background:transparent;text-align:left}.server-card i{grid-row:span 3;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--server);color:#06101c;font-style:normal;font-weight:800}.server-card.connected i{background:#54c48d;color:#07140f}.server-card.disconnected i{background:#c45f5f;color:#fff4f4}.server-card span,.server-card div{color:var(--muted);font-size:13px}.server-card-tools{display:grid;grid-template-columns:24px 24px;gap:4px}.server-card-tools button{min-height:24px;height:24px;padding:0;font-size:12px}.server-card-tools button:disabled{opacity:.35;cursor:default}.server-card-tools input{grid-column:1 / -1;width:52px;min-height:22px;height:22px;padding:0;border:0;background:transparent}.add-button{width:100%;border-color:var(--server);color:var(--server);background:#101824}.empty{color:var(--muted);padding:18px;text-align:center}.chat{min-width:0;min-height:0;height:100vh;height:100dvh;position:relative;display:flex;flex-direction:column;overflow:hidden}.chat.config-open{display:grid;grid-template-rows:minmax(0,1fr)}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.action-icon{display:inline;font-weight:800}.action-text{display:none}.actions button{width:38px;padding:0;display:grid;place-items:center}.actions button.active{background:#3f4856;border-color:var(--muted)}.chat.muted-chat .composer{filter:grayscale(.9);opacity:.72}.chat.muted-chat .messages article{border-color:#414955;background:#15191f}.mute-banner{padding:7px 14px;border-bottom:1px solid #4a505c;background:#2a3038;color:#c7d0dc;font-size:12px;font-weight:800;letter-spacing:0}.ignore-banner{padding:7px 14px;border-bottom:1px solid rgb(255 107 107 / .36);background:#ff6b6b1f;color:#e6a3a3;font-size:12px;font-weight:800;letter-spacing:0}.whois{display:grid;gap:4px;padding:8px 14px;border-bottom:1px solid var(--line);background:#121821;color:var(--muted);font-size:12px}.messages{flex:1 1 auto;min-height:0;overflow:auto;padding:14px 14px 78px;align-content:start}.messages article{width:fit-content;max-width:72%;padding:9px 11px;margin:0 0 10px;background:var(--panel);border:1px solid var(--line);border-radius:7px}.messages article.self{margin-left:auto;background:#18382f;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.messages article.translated{box-shadow:inset 0 0 0 1px #78b8ff3d}.translated-mark{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;border:1px solid rgb(120 184 255 / .45);border-radius:999px;color:var(--server);font-size:11px;font-weight:800}.messages p{margin:4px 0 0;line-height:1.4;overflow-wrap:anywhere}.messages a{color:var(--server);text-decoration:underline;text-underline-offset:2px}.composer{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(0,1fr) 38px auto;grid-template-areas:"status status status" "input translate send";align-items:center;gap:8px;min-height:56px;padding:8px 10px;border-top:1px solid var(--line);background:#121821}.composer input{grid-area:input}.composer .translation-status{grid-area:status;min-width:0;margin:-2px 2px 0;color:#e6c27d;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer button,.login button,.config-form footer button{background:var(--accent);border-color:var(--accent);color:#06120e;font-weight:800;height:38px;min-height:38px;padding:0 16px}.composer .translate-toggle{grid-area:translate;width:38px;padding:0;background:#202732;border-color:var(--line);color:var(--muted)}.composer button:last-child{grid-area:send}.composer .translate-toggle.active{background:var(--server);border-color:var(--server);color:#06101c}.composer .translate-toggle.busy{animation:pulse .9s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.55}to{opacity:1}}.config-panel,.options-panel{min-height:0;overflow:auto;background:#111820}.options-tabs{display:flex;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.options-tabs button{min-height:32px;padding:0 12px}.options-tabs button.active{background:var(--accent);border-color:var(--accent);color:#06120e;font-weight:800}.options-body{max-width:980px;padding:14px}.shortener-form,.shortener-list article{display:grid;grid-template-columns:minmax(100px,180px) minmax(0,1fr) auto;gap:8px;align-items:center}.shortener-form{margin-bottom:12px}.shortener-form button,.shortener-list button{background:var(--accent);border-color:var(--accent);color:#06120e;font-weight:800;height:38px;min-height:38px;padding:0 12px}.shortener-list{display:grid;gap:8px}.shortener-list article{padding:8px;border:1px solid var(--line);border-radius:6px;background:#121821}.ai-options{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:14px}.prompt-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ai-list,.ai-form,.telegram-form,.translation-config{border:1px solid var(--line);border-radius:6px;background:#121821}.ai-list{min-width:0;padding:8px}.ai-list header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.ai-list header strong{font-size:13px}.ai-list header button,.ai-form footer button{min-height:30px;height:30px;padding:0 10px;background:#f4b86029;border-color:#f4b86061;color:#e6c27d;font-size:12px;font-weight:800}.ai-list article{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:6px;margin-bottom:6px}.ai-list article>button:first-child{min-width:0;display:grid;gap:2px;padding:7px 9px;text-align:left;background:#10151d}.ai-list article.active>button:first-child{border-color:var(--accent);background:#10231d}.ai-list article>button:last-child{padding:0;color:#e6a3a3;background:#ff6b6b1f;border-color:#ff6b6b52}.ai-list strong,.ai-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-list span{color:var(--muted);font-size:12px}.ai-list p{margin:10px 4px;color:var(--muted);font-size:13px}.ai-form,.telegram-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.ai-form label,.telegram-form label{display:grid;gap:5px;color:var(--muted);font-size:12px}.ai-form footer,.telegram-form footer{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ai-form footer span,.telegram-form footer span{color:var(--muted);font-size:12px}.telegram-form footer button{min-height:30px;height:30px;padding:0 10px;background:#f4b86029;border-color:#f4b86061;color:#e6c27d;font-size:12px;font-weight:800}.options-hint{margin:12px 2px 0;color:var(--muted);font-size:13px}.telegram-chat-list{display:grid;gap:8px;margin-top:12px}.telegram-chat-list button{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;background:#121821;border-color:var(--line);text-align:left}.telegram-chat-list span{color:var(--muted);font-size:12px}.translation-config{display:grid;gap:12px;padding:12px}.translation-config h3{margin:0;font-size:14px}.translation-config label{display:grid;gap:5px;color:var(--muted);font-size:12px}.translation-config textarea{min-height:110px;line-height:1.35}.config-form{display:grid;gap:14px;max-width:980px;padding:18px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.config-form label{display:grid;gap:5px;color:var(--muted);font-size:12px}.config-form label.wide{grid-column:1 / -1}.config-form label.wide textarea{min-height:82px}.connection-strip{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:6px;background:#0f1720}.connection-strip span{min-width:110px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted);text-align:center}.connection-strip span.online{border-color:var(--accent);color:var(--accent);background:#10231d}.connection-strip button{min-height:30px;height:30px;padding:0 10px;background:#f4b86029;border-color:#f4b86061;color:#e6c27d;font-size:12px;font-weight:800}.config-form .check{grid-template-columns:auto 20px;align-items:center;justify-content:start;gap:8px;min-height:38px;padding-top:17px}.config-form .check input{width:18px;height:18px;min-height:18px;accent-color:var(--server);padding:0}.channel-status{display:flex;flex-wrap:wrap;gap:8px}.channel-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.channel-tools form{display:grid;grid-template-columns:auto minmax(180px,260px) auto;align-items:center;gap:6px}.channel-tools input{min-height:32px}.channel-tools form span{color:var(--muted);font-weight:800}.channel-tools button{min-height:30px;height:30px;padding:0 10px;background:#f4b86029;border-color:#f4b86061;color:#e6c27d;font-size:12px;font-weight:800}.channel-status>span,.channel-status>button,.channel-pill{border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#171c22;font-size:13px;min-height:32px}.channel-status>span,.channel-status>button{padding:6px 10px}.channel-status>button.online,.channel-pill.online{border-color:var(--accent);color:var(--accent);background:#10231d}.channel-pill{display:inline-grid;grid-template-columns:auto 24px;align-items:center;overflow:hidden;padding:0}.channel-name,.channel-remove{border:0;background:transparent;color:inherit;min-height:30px}.channel-name{padding:0 8px 0 10px}.channel-remove{width:24px;padding:0;border-left:1px solid rgb(255 255 255 / .08);color:#d59a9a;font-size:18px;line-height:1}.channel-remove:hover{background:#ff7d7d24;color:#ffb4b4}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0000008c}.channel-modal{width:min(900px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 48px));display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--line);border-radius:8px;background:#111820;overflow:hidden}.channel-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.channel-modal>p{margin:0;padding:18px;color:var(--muted)}.channel-table{min-height:0;overflow:auto;padding:8px}.channel-table button{width:100%;display:grid;grid-template-columns:minmax(140px,220px) 110px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:6px;padding:9px;text-align:left;background:#121821}.channel-table span,.channel-table small{color:var(--muted)}.channel-table small{overflow-wrap:anywhere}.server-log{display:grid;gap:5px;max-width:980px;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:6px;padding:10px;background:#0d131a}.server-log h3{margin:0 0 4px;font-size:14px}.server-log code,.server-log p{margin:0;color:var(--muted);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.config-form footer{display:flex;align-items:center;gap:12px}.config-form footer p{margin:0;color:var(--accent)}@media (max-width: 760px){.app{grid-template-columns:1fr}.sidebar,.chat{display:none;height:100vh;height:100dvh}.sidebar.mobile-active,.chat.mobile-active{display:grid}.mobile-switch{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0 10px}.chat-head{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:7px;padding:calc(20px + env(safe-area-inset-top)) 8px 8px}.config-head{align-items:flex-start;gap:8px;padding:calc(20px + env(safe-area-inset-top)) 10px 10px}.chat-head .mobile-switch{width:38px;min-height:34px;padding:0;font-size:0}.chat-head .mobile-switch:before{content:"‹";font-size:26px;line-height:1}.chat-head>div:not(.actions){min-width:0}.chat-head h2,.config-head h2{font-size:14px;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-head span,.config-head span{display:block;font-size:11px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{grid-column:2 / -1;width:100%;display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));justify-content:stretch;gap:5px}.actions button{width:100%;min-height:34px;padding:0;display:grid;place-items:center;font-size:11px;font-weight:800}.action-icon{display:none}.action-text{display:inline}.shortener-form,.shortener-list article,.ai-options,.ai-form{grid-template-columns:1fr}.translation-config{grid-column:1}.prompt-options{grid-template-columns:1fr}.messages{padding:10px 10px 72px}.messages article{max-width:86%}.composer{grid-template-columns:minmax(0,1fr) 36px auto;min-height:52px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));gap:6px}.composer input{min-height:36px;padding:0 10px}.composer button{height:36px;min-height:36px;padding:0 12px}.composer .translate-toggle{width:36px;padding:0}.form-grid{grid-template-columns:1fr}.config-form{padding:12px}}