:root{--bg: #ffffff;--fg: #1c1c1c;--muted: #6b6b6b;--line: #e3e3e3;--accent: #0b6fb0;--user-bg: #eef4f9;--tool-bg: #f5f5f5;--error: #b3261e;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{font:inherit;padding:8px 16px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}button:disabled{opacity:.4;cursor:default}button.link{background:none;border:none;color:var(--accent);padding:4px;text-decoration:underline}.centered{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.muted{color:var(--muted)}.app{display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}header select,header .place{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg)}header .place{width:220px}.spacer{flex:1}.who{font-size:13px}main{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:10px;max-width:820px;width:100%;margin:0 auto}.empty{margin-top:40px;text-align:center}.msg{padding:10px 14px;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}.msg.user{background:var(--user-bg);align-self:flex-end;max-width:75%}.msg.response{background:none;padding-left:0;padding-right:0}.msg.thinking{color:var(--muted);font-style:italic;padding-left:0}.msg.tool{background:var(--tool-bg);color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;align-self:flex-start}.msg.error{background:#fdecea;color:var(--error);border:1px solid #f5c2bd}.msg.authorize{border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.msg.authorize p{margin:0}footer{display:flex;gap:10px;align-items:flex-end;padding:12px 16px;border-top:1px solid var(--line);max-width:820px;width:100%;margin:0 auto}footer textarea{flex:1;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;resize:vertical;background:var(--bg);color:var(--fg)}@media(prefers-color-scheme:dark){:root{--bg: #17181a;--fg: #e8e8e8;--muted: #9a9a9a;--line: #33363a;--accent: #4ea3e0;--user-bg: #23303a;--tool-bg: #212327;--error: #f2b8b5;color-scheme:dark}.msg.error{background:#3a1f1d;border-color:#5c2f2b}}