:root{--bg: #0f1720;--surface: #17222e;--surface-2: #1f2d3a;--text: #e8eef4;--muted: #9fb0c0;--accent: #4ade80;--user: #2b6cb0;--error: #f87171;--radius: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:760px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.app__header{display:flex;align-items:center;gap:12px;padding:20px 16px;border-bottom:1px solid var(--surface-2)}.app__logo{font-size:32px}.app__title{margin:0;font-size:22px}.app__tagline{margin:2px 0 0;color:var(--muted);font-size:13px}.app__signout{margin-left:auto}.app__main{flex:1;display:flex;flex-direction:column;padding:16px}button{background:var(--accent);color:#06210f;border:0;border-radius:var(--radius);padding:10px 16px;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:default}.app__signout{background:transparent;color:var(--muted);padding:6px 10px}input{background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius);color:var(--text);padding:12px 14px;font-size:15px}input:focus{outline:none;border-color:var(--accent)}.card{background:var(--surface);border-radius:var(--radius);padding:24px;max-width:360px;margin:40px auto;display:flex;flex-direction:column;gap:12px}.card h2{margin:0}.muted{color:var(--muted);font-size:13px}.error{color:var(--error);font-size:13px}.chat{display:flex;flex-direction:column;flex:1;gap:12px}.chat__log{flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-bottom:8px}.chat__empty{margin:auto;text-align:center}.bubble{padding:12px 14px;border-radius:var(--radius);max-width:80%;white-space:pre-wrap;line-height:1.45}.bubble--user{background:var(--user);align-self:flex-end}.bubble--assistant{background:var(--surface);align-self:flex-start}.chat__input{display:flex;gap:8px}.chat__input input{flex:1}