:root{--bg: var(--tg-bg-color, #ffffff);--secondary-bg: var(--tg-secondary-bg-color, #f2f2f7);--section-bg: var(--tg-section-bg-color, #ffffff);--text: var(--tg-text-color, #0b0b0c);--hint: var(--tg-hint-color, #8a8a8e);--link: var(--tg-link-color, #2481cc);--accent: var(--tg-button-color, #2481cc);--accent-text: var(--tg-button-text-color, #ffffff);--separator: var(--tg-section-separator-color, rgba(0, 0, 0, .08));--danger: #e5484d;--success: #2fa84f;--bubble-in: var(--tg-bg-color, #ffffff);--bubble-out: var(--tg-button-color, #2481cc);--thread-bg: var(--tg-secondary-bg-color, #eceef1);--overlay: rgba(0, 0, 0, .45);--radius: 14px;--inset-top: env(safe-area-inset-top, 0px);--inset-bottom: env(safe-area-inset-bottom, 0px);--inset-left: env(safe-area-inset-left, 0px);--inset-right: env(safe-area-inset-right, 0px)}:root[data-scheme=dark]{--separator: rgba(255, 255, 255, .1);--overlay: rgba(0, 0, 0, .6);--thread-bg: var(--tg-bg-color, #17181c);--bubble-in: var(--tg-secondary-bg-color, #232428)}@media (prefers-color-scheme: dark){:root:not([data-scheme=light]){--bg: var(--tg-bg-color, #17181c);--secondary-bg: var(--tg-secondary-bg-color, #232428);--section-bg: var(--tg-section-bg-color, #1d1e22);--text: var(--tg-text-color, #f2f2f4);--hint: var(--tg-hint-color, #96979b);--bubble-in: var(--tg-secondary-bg-color, #26272c);--thread-bg: var(--tg-bg-color, #121317);--separator: rgba(255, 255, 255, .1)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overscroll-behavior:none}button,input,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}a{color:var(--link);text-decoration:none}.app{display:flex;flex-direction:column;overflow:hidden;height:min(var(--tg-viewport-height, 100dvh),100dvh);padding-left:var(--inset-left);padding-right:var(--inset-right)}.row{display:flex;align-items:center;gap:8px}.grow{flex:1;min-width:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hint{color:var(--hint)}.center-screen{height:min(var(--tg-viewport-height, 100dvh),100dvh);display:grid;place-items:center;padding:calc(32px + var(--inset-top)) calc(24px + var(--inset-left)) calc(32px + var(--inset-bottom));text-align:center}.spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--separator);border-top-color:var(--accent);animation:spin .8s linear infinite;margin:0 auto 14px}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--link);flex:none}.icon-btn:active{background:var(--secondary-bg)}.icon-btn.plain{color:var(--text)}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--accent-text);font-size:12px;font-weight:600;display:grid;place-items:center;flex:none}.badge.muted{background:var(--hint)}.pill{height:30px;padding:0 12px;border-radius:15px;background:var(--secondary-bg);color:var(--text);font-size:13px;display:inline-flex;align-items:center;gap:6px;flex:none}.pill.on{background:var(--accent);color:var(--accent-text)}.pill .dot{width:7px;height:7px;border-radius:50%;flex:none}.avatar{width:46px;height:46px;border-radius:50%;flex:none;overflow:hidden;display:grid;place-items:center;color:#fff;font-weight:600;font-size:16px;background-size:cover;background-position:center}.avatar.sm{width:34px;height:34px;font-size:13px}.avatar .bot-dot{position:absolute;right:-1px;bottom:-1px;width:14px;height:14px;border-radius:50%;border:2px solid var(--bg)}.avatar-wrap{position:relative;flex:none}.topbar{padding:calc(10px + var(--inset-top)) 12px 8px;background:var(--bg);border-bottom:1px solid var(--separator);flex:none}.topbar h1{margin:0;font-size:20px;font-weight:700;letter-spacing:-.2px}.search{margin-top:10px;display:flex;align-items:center;gap:8px;background:var(--secondary-bg);border-radius:10px;padding:0 10px;height:36px}.search input{flex:1;border:0;background:none;outline:none;min-width:0}.search svg{color:var(--hint);flex:none}.filters{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.filters::-webkit-scrollbar{display:none}.chats{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.chat-row{display:flex;gap:12px;padding:10px 12px;align-items:center;width:100%;text-align:left;border-bottom:1px solid var(--separator)}.chat-row:active{background:var(--secondary-bg)}.chat-row.unread .chat-preview{color:var(--text)}.chat-top{display:flex;align-items:baseline;gap:6px}.chat-name{font-weight:600;font-size:15px}.chat-time{margin-left:auto;font-size:12px;color:var(--hint);flex:none}.chat-bottom{display:flex;align-items:center;gap:6px;margin-top:2px}.chat-preview{color:var(--hint);font-size:14px}.bot-tag{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:2px 6px;border-radius:5px;color:#fff;flex:none}.tag-dots{display:flex;gap:3px;flex:none}.tag-dots i{width:6px;height:6px;border-radius:50%;display:block}.empty{padding:56px 28px;text-align:center;color:var(--hint)}.chat-head{display:flex;align-items:center;gap:10px;padding:calc(8px + var(--inset-top)) 10px 8px;border-bottom:1px solid var(--separator);background:var(--bg);flex:none}.chat-head .title{font-weight:600;font-size:15px}.chat-head .sub{font-size:12px;color:var(--hint)}.thread{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 10px 4px;display:flex;flex-direction:column;gap:3px;background:var(--thread-bg)}.day{align-self:center;margin:10px 0 6px;font-size:12px;color:var(--hint);background:var(--bubble-in);padding:3px 10px;border-radius:10px}.system{align-self:center;margin:4px 0;font-size:12px;color:var(--hint);background:var(--bubble-in);padding:4px 12px;border-radius:12px;text-align:center;max-width:86%}.msg{max-width:84%;display:flex;flex-direction:column}.msg.in{align-self:flex-start}.msg.out{align-self:flex-end}.bubble{padding:7px 11px 6px;border-radius:var(--radius);background:var(--bubble-in);word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap;box-shadow:0 1px 1px #0000000f}.msg.out .bubble{background:var(--bubble-out);color:var(--accent-text)}.msg.out .bubble a{color:var(--accent-text);text-decoration:underline}.msg.in+.msg.in .bubble{border-top-left-radius:6px}.msg.out+.msg.out .bubble{border-top-right-radius:6px}.msg.failed .bubble{background:var(--danger);color:#fff}.meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--hint);margin:2px 4px}.msg.out .meta{justify-content:flex-end}.author{font-size:11px;font-weight:600;opacity:.85;margin-bottom:2px}.bubble.media{padding:4px}.bubble.media img,.bubble.media video{display:block;max-width:100%;max-height:60vh;border-radius:10px}.bubble.media .caption{padding:4px 7px 2px;white-space:pre-wrap}.bubble audio{width:min(260px,70vw)}.file{display:flex;align-items:center;gap:10px;padding:4px 2px}.file .fi{width:38px;height:38px;border-radius:10px;background:#7f7f7f2e;display:grid;place-items:center;flex:none}.sticker{font-size:56px;line-height:1}.sticker img{max-width:160px;max-height:160px}.load-more{align-self:center;margin:6px 0;font-size:13px;color:var(--link);padding:6px 14px}.composer{display:flex;align-items:flex-end;gap:8px;padding:8px 10px;padding-bottom:calc(8px + var(--inset-bottom));border-top:1px solid var(--separator);background:var(--bg);flex:none}.composer textarea{flex:1;resize:none;border:0;outline:none;background:var(--secondary-bg);border-radius:18px;padding:9px 12px;max-height:120px;min-height:38px;min-width:0}.send{width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:grid;place-items:center;flex:none}.send:disabled{opacity:.4}.closed-note{padding:10px 14px;text-align:center;color:var(--hint);font-size:13px;border-top:1px solid var(--separator)}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:flex-end;z-index:50;animation:fade .15s ease}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-height:80dvh;overflow-y:auto;background:var(--bg);border-radius:16px 16px 0 0;padding:8px 0 calc(14px + var(--inset-bottom));animation:up .22s cubic-bezier(.2,.8,.2,1)}@keyframes up{0%{transform:translateY(14%)}}.sheet h2{margin:6px 16px 10px;font-size:17px}.sheet-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 16px;border-bottom:1px solid var(--separator)}.sheet-row:last-child{border-bottom:0}.sheet-row.danger{color:var(--danger)}.check{margin-left:auto;color:var(--accent);flex:none}.screen{flex:1;overflow-y:auto;background:var(--secondary-bg)}.group{margin:14px 0;background:var(--section-bg)}.group-title{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--hint);margin:0 16px 6px}.group-note{font-size:12px;color:var(--hint);margin:6px 16px 0;line-height:1.45}.item{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--separator)}.item:last-child{border-bottom:0}.item .sub{font-size:12px;color:var(--hint)}.field{display:flex;gap:8px;padding:10px 16px;align-items:center}.field input{flex:1;min-width:0;height:36px;border-radius:9px;border:1px solid var(--separator);background:var(--bg);padding:0 10px;outline:none}.field input:focus{border-color:var(--accent)}.btn{height:36px;padding:0 14px;border-radius:9px;background:var(--accent);color:var(--accent-text);font-weight:600;font-size:14px;flex:none}.btn:disabled{opacity:.45}.btn.ghost{background:var(--secondary-bg);color:var(--text)}.switch{width:46px;height:28px;border-radius:14px;background:var(--separator);position:relative;transition:background .18s;flex:none}.switch.on{background:var(--success)}.switch i{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .18s;box-shadow:0 1px 3px #00000040}.switch.on i{transform:translate(18px)}.swatches{display:flex;gap:8px;padding:4px 16px 10px;flex-wrap:wrap}.swatches button{width:26px;height:26px;border-radius:50%}.swatches button.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.toast{position:fixed;left:50%;bottom:calc(22px + var(--inset-bottom));transform:translate(-50%);background:#141416f0;color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;z-index:90;max-width:90vw;text-align:center;animation:fade .15s ease}.offline{font-size:11px;color:var(--danger)}