:root{--bg: #f6f7f9;--surface: #ffffff;--ink: #1c2330;--muted: #66707f;--accent: #0f5cd7;--accent-soft: #e8f0fe;--warn: #a15c00;--warn-soft: #fdf3e3;--error: #b3261e;--border: #dde2ea;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink)}.shell{max-width:780px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:16px;gap:12px}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:1.25rem}.subtitle{color:var(--muted);font-size:.85rem}.thread{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:4px 2px 12px}.empty{margin:auto;text-align:center;color:var(--muted);display:flex;flex-direction:column;gap:16px}.suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.suggestions button{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:.85rem;color:var(--ink)}.suggestions button:hover{border-color:var(--accent)}.message{display:flex;flex-direction:column;gap:6px;max-width:85%}.message.user{align-self:flex-end;align-items:flex-end}.message.assistant{align-self:flex-start}.bubble{padding:10px 14px;border-radius:14px;white-space:pre-wrap;line-height:1.45;font-size:.95rem}.user .bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.assistant .bubble{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px}.assistant.refused .bubble{border-color:var(--warn);background:var(--warn-soft)}.assistant.error .bubble{border-color:var(--error);color:var(--error)}.thinking{color:var(--muted);font-style:italic;padding:4px 8px}.meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.badge{font-size:.72rem;padding:3px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted)}.badge.source{background:var(--accent-soft);border-color:transparent;color:var(--accent);cursor:pointer;font-family:ui-monospace,monospace}.badge.warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.latency{font-size:.72rem;color:var(--muted)}.doc-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;max-height:40vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.doc-header{display:flex;justify-content:space-between;align-items:center}.doc-panel h2{font-size:1rem}.doc-panel h3{font-size:.85rem;margin-bottom:4px}.doc-panel p{font-size:.85rem;color:var(--muted);white-space:pre-wrap}form{display:flex;gap:8px}form input{flex:1;padding:12px 14px;border-radius:10px;border:1px solid var(--border);font-size:.95rem;background:var(--surface)}form input:focus{outline:2px solid var(--accent);border-color:transparent}form button,.ghost{padding:10px 18px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-size:.9rem;cursor:pointer}form button:disabled{opacity:.5;cursor:default}.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.ghost:disabled{opacity:.4;cursor:default}@media(max-width:640px){.shell{padding:10px}.message{max-width:95%}}