:root{--bg:#f4f1f8;--card:#fff;--ink:#1d1b24;--muted:#6f6b7a;--brand:#6d28d9;--line:#e4e0ec}@media(prefers-color-scheme:dark){:root{--bg:#14121a;--card:#1d1a26;--ink:#f1eef8;--muted:#9a95a8;--line:#2d2939}}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;padding:16px}.chat{width:100%;max-width:560px;height:min(80vh,680px);background:var(--card);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}header{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}header h1{font-size:16px;margin:0}#status{font-size:12px;color:var(--muted)}#log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.msg{max-width:80%;padding:10px 14px;border-radius:14px;white-space:pre-wrap;word-break:break-word}.user{align-self:flex-end;background:var(--brand);color:#fff;border-bottom-right-radius:4px}.bot{align-self:flex-start;background:var(--bg);border-bottom-left-radius:4px}.err{color:#c0392b}form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}input{flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit}button{padding:10px 18px;border:0;border-radius:10px;background:var(--brand);color:#fff;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:default}