:root{--bg: #f5f6f8;--panel: #ffffff;--border: #e2e5ea;--user: #dbeafe;--assistant: #eef2f6;--accent: #2563eb;--demo: #b45309;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#1f2937}.app{max-width:820px;margin:0 auto;height:100vh;display:flex;flex-direction:column}.app__header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--panel)}.app__header h1{font-size:1.1rem;margin:0}.app__demo-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--demo);border:1px solid var(--demo);border-radius:4px;padding:.1rem .4rem}.app__spacer{flex:1}.app__user{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.app__main{flex:1;display:flex;min-height:0;padding:1rem}.app__signin-hint{margin:auto;color:#6b7280}button{cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:6px;padding:.4rem .8rem;font-size:.85rem}button:disabled{opacity:.5;cursor:not-allowed}.app__user button,.chat__toolbar button{background:#fff;color:var(--accent)}.chat{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden}.chat__toolbar{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border-bottom:1px solid var(--border)}.chat__session{font-size:.75rem;color:#6b7280;font-family:ui-monospace,monospace}.chat__messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.chat__empty,.chat__thinking{color:#9ca3af;font-size:.9rem}.chat__msg{display:flex;flex-direction:column;gap:.2rem;max-width:85%}.chat__msg--user{align-self:flex-end;align-items:flex-end}.chat__role{font-size:.7rem;text-transform:uppercase;color:#9ca3af}.chat__bubble{padding:.6rem .8rem;border-radius:10px;background:var(--assistant);white-space:pre-wrap;line-height:1.4}.chat__msg--user .chat__bubble{background:var(--user)}.chat__bubble--markdown{white-space:normal}.chat__bubble--markdown>*:first-child{margin-top:0}.chat__bubble--markdown>*:last-child{margin-bottom:0}.chat__bubble--markdown p{margin:.5rem 0}.chat__bubble--markdown ul,.chat__bubble--markdown ol{margin:.5rem 0;padding-left:1.4rem}.chat__bubble--markdown li{margin:.2rem 0}.chat__bubble--markdown pre{background:#0000000f;padding:.6rem .8rem;border-radius:8px;overflow-x:auto}.chat__bubble--markdown code{background:#0000000f;padding:.1rem .3rem;border-radius:4px;font-size:.9em}.chat__bubble--markdown pre code{background:none;padding:0}.chat__bubble--markdown table{border-collapse:collapse;margin:.5rem 0}.chat__bubble--markdown th,.chat__bubble--markdown td{border:1px solid rgba(0,0,0,.15);padding:.3rem .5rem;text-align:left}.chat__bubble--markdown a{color:#2563eb}.chat__error{color:#b91c1c;padding:0 1rem;font-size:.85rem}.chat__input{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--border)}.chat__input input{flex:1;padding:.5rem .7rem;border:1px solid var(--border);border-radius:6px;font-size:.9rem}