:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fa;--panel:#fff;--line:#dde4ee;--text:#111827;--muted:#667085;--blue:#1877f2;--blue-dark:#0f5fd0;--soft:#eef2f7;--danger:#b42318}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;min-height:100%;color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}.login-screen{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;gap:16px;width:min(100%,360px);padding:24px;display:grid;box-shadow:0 18px 50px #0f172a1a}.login-card h1{margin:4px 0 0;font-size:28px}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.login-card label{color:var(--muted);gap:8px;font-size:14px;font-weight:700;display:grid}.login-card input{border:1px solid var(--line);width:100%;color:var(--text);border-radius:12px;outline:none;padding:12px 13px}.primary-button,.composer button,.channel-toggle,.bot-pill{color:#fff;background:var(--blue);border:0;font-weight:700}.primary-button{border-radius:12px;min-height:44px}.form-error{color:var(--danger);margin:0;font-size:13px}.chat-shell{background:var(--bg);grid-template-rows:auto auto 1fr auto;width:min(100%,520px);height:100dvh;margin:0 auto;display:grid;overflow:hidden}.chat-header{background:var(--panel);border-bottom:1px solid var(--line);padding-top:max(8px, env(safe-area-inset-top))}.account-row{min-height:34px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 14px;font-size:12px;font-weight:700;display:flex}.top-switcher{align-items:center;gap:9px;min-height:50px;padding:8px 10px;display:flex}.channel-toggle{border-radius:17px;flex:none;width:74px;height:34px}.bot-strip{scrollbar-width:none;flex:1;align-items:center;gap:7px;min-width:0;height:36px;display:flex;overflow-x:auto}.bot-strip::-webkit-scrollbar{display:none}.bot-pill{height:30px;color:var(--text);background:var(--soft);border:1px solid var(--line);border-radius:15px;flex:none;padding:0 14px}.bot-pill.active{color:#fff;background:var(--blue);border-color:var(--blue)}.chat-meta{min-height:30px;color:var(--muted);border-bottom:1px solid var(--line);background:#ffffffb8;justify-content:space-between;align-items:center;padding:7px 14px;font-size:11px;display:flex}.message-list{flex-direction:column;gap:12px;min-height:0;padding:14px 12px 18px;display:flex;overflow-y:auto}.empty-state{color:var(--muted);margin:auto;font-size:14px}.message{gap:4px;max-width:82%;display:grid}.message.mine{align-self:flex-end}.message.theirs{align-self:flex-start}.message-label,.message-foot{color:var(--muted);gap:7px;font-size:11px;display:flex}.mine .message-label,.mine .message-foot{justify-content:flex-end}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);background:#fff;border-radius:16px 16px 16px 5px;padding:9px 11px;line-height:1.45}.mine .bubble{color:#fff;background:var(--blue);border-color:var(--blue);border-radius:16px 16px 5px}.composer{padding:8px 9px max(12px, env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);align-items:center;gap:8px;display:flex}.composer input{border:1px solid var(--line);background:#f8fafc;border-radius:20px;outline:none;flex:1;min-width:0;height:40px;padding:0 14px}.composer button{border-radius:20px;width:54px;height:40px}.composer button:disabled,.primary-button:disabled{opacity:.55}