:root{--bg:#fafaf8;--bg-elev:#fff;--bg-input:#fff;--border:#e8e6e0;--border-strong:#d4d1c8;--text:#1a1a17;--text-muted:#7a7870;--text-subtle:#a8a6a0;--human-bg:#f0ede5;--human-border:#e0dcd0;--clo-bg:#eef1f5;--clo-border:#dbdfe6;--clo-accent:#5a6b85;--accent:#2d5f8f;--accent-hover:#1f4a73;--ok:#4a8a5c;--warn:#c08040;--err:#c04040;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Menlo", "Monaco", "Consolas", "Courier New", monospace;--radius:12px;--radius-sm:8px;--t-fast:.12s ease-out}@media (prefers-color-scheme:dark){:root{--bg:#14141a;--bg-elev:#1c1c23;--bg-input:#22222a;--border:#2a2a33;--border-strong:#3a3a45;--text:#e8e6e0;--text-muted:#8a8890;--text-subtle:#58565c;--human-bg:#22222a;--human-border:#2e2e38;--clo-bg:#1e2330;--clo-border:#2a3040;--clo-accent:#8fa3c0;--accent:#7fa5d0;--accent-hover:#a0bde0}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.55}.app{grid-template-rows:auto 1fr auto;max-width:760px;height:100vh;margin:0 auto;display:grid}.header{border-bottom:1px solid var(--border);background:var(--bg-elev);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.logo{letter-spacing:-.3px;font-size:18px;font-weight:600}.topic{color:var(--text-muted);font-size:14px}.header-right{align-items:center;gap:12px;display:flex}.slug-select{color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:6px 10px;font-family:inherit;font-size:14px}.slug-select:focus{border-color:var(--accent);outline:none}.status-dot{width:8px;height:8px;transition:background var(--t-fast);border-radius:50%}.status-ok{background:var(--ok);box-shadow:0 0 0 3px #4a8a5c26}.status-off{background:var(--text-subtle)}.main{padding:20px;overflow-y:auto}.messages{flex-direction:column;gap:14px;display:flex}.bubble{border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:4px;max-width:92%;padding:12px 16px;display:flex}.bubble-author{color:var(--text-muted);font-size:12px;font-weight:500}.bubble-body{white-space:pre-wrap;word-wrap:break-word}.bubble-human{background:var(--human-bg);border-color:var(--human-border);align-self:flex-end}.bubble-clo{background:var(--clo-bg);border-color:var(--clo-border);align-self:flex-start}.bubble-clo .bubble-author{color:var(--clo-accent)}.cursor{vertical-align:text-bottom;background:var(--clo-accent);width:2px;height:1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.footer{border-top:1px solid var(--border);background:var(--bg-elev);padding:14px 20px 20px}.input-area{align-items:flex-end;gap:10px;display:flex}.input{color:var(--text);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius);resize:none;min-height:44px;max-height:200px;transition:border var(--t-fast);flex:1;padding:12px 14px;font-family:inherit;font-size:15px;line-height:1.55}.input:focus{border-color:var(--accent);outline:none}.input:disabled{opacity:.5;cursor:not-allowed}.send-btn{color:#fff;background:var(--accent);border-radius:var(--radius);cursor:pointer;width:44px;height:44px;transition:background var(--t-fast), transform var(--t-fast);border:none;flex:none;font-size:18px}.send-btn:hover:not(:disabled){background:var(--accent-hover)}.send-btn:active:not(:disabled){transform:scale(.96)}.send-btn:disabled{background:var(--border-strong);cursor:not-allowed}.metrics{font-family:var(--font-mono);color:var(--text-subtle);letter-spacing:.2px;margin-top:8px;font-size:11px}.muted{color:var(--text-muted);text-align:center;padding:20px}.error{color:var(--err);text-align:center;padding:20px}@media (width<=640px){.app,.bubble{max-width:100%}}