:root{--pri:#1f4e79;--pri2:#2e6da4;--bg:#f4f6f9;--bot:#fff;--usr:#dcecff;--bd:#e2e8f0}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:#1a2233;height:100vh;display:flex;flex-direction:column}
header{background:linear-gradient(135deg,var(--pri),var(--pri2));color:#fff;padding:14px 18px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
header h1{font-size:19px;display:flex;align-items:center;gap:8px}
header p{font-size:12.5px;opacity:.9;margin-top:2px}
#chat{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px;max-width:920px;width:100%;margin:0 auto}
.msg{max-width:88%;padding:12px 15px;border-radius:14px;line-height:1.55;font-size:15px;word-wrap:break-word}
.user{align-self:flex-end;background:var(--usr);border-bottom-right-radius:4px;white-space:pre-wrap}
.bot{align-self:flex-start;background:var(--bot);border:1px solid var(--bd);border-bottom-left-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.bot h1,.bot h2,.bot h3{margin:8px 0 4px;color:var(--pri);font-size:16px}
.bot ul{margin:4px 0 4px 20px}.bot li{margin:2px 0}
.sources{margin-top:9px;padding-top:8px;border-top:1px dashed var(--bd);font-size:12.5px;color:#556}
.sources a{color:var(--pri2)}
.tag{display:inline-block;font-size:11px;padding:1px 7px;border-radius:10px;margin-right:5px}
.tag.internal{background:#e6f4ea;color:#1e7d43}.tag.web{background:#eef;color:#3355bb}
.exportbar{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.exportbar button{font-size:12.5px;padding:6px 11px;border:1px solid var(--pri2);background:#fff;color:var(--pri2);border-radius:8px;cursor:pointer}
.exportbar button:hover{background:var(--pri2);color:#fff}
footer{padding:12px;background:#fff;border-top:1px solid var(--bd)}
.inbar{max-width:920px;margin:0 auto;display:flex;gap:9px;align-items:flex-end}
#q{flex:1;resize:none;padding:11px 13px;border:1px solid var(--bd);border-radius:12px;font-size:15px;font-family:inherit;max-height:120px}
#send{background:var(--pri);color:#fff;border:0;border-radius:12px;padding:0 20px;height:44px;font-size:15px;cursor:pointer;font-weight:600}
#send:disabled{opacity:.5;cursor:default}
.opts{max-width:920px;margin:6px auto 0;font-size:12.5px;color:#667;display:flex;gap:14px;align-items:center}
.typing{font-style:italic;color:#889}
@media(max-width:600px){.msg{max-width:94%}header h1{font-size:17px}}