:root{--bg-primary:#fff;--bg-page:linear-gradient(140deg,#f9fafb,#e7f1ff 45%,#fff7f0);--bg-card:hsla(0,0%,100%,.88);--bg-code:#0b1020;--bg-message:#eff6ff;--text-primary:#1f2937;--text-secondary:#4b5563;--text-code:#e5edff;--border-card:#d9e4f2;--border-input:#b9c6db;--border-message:#bfdbfe;--accent:#1d4ed8;--accent-hover:#1e40af;--accent-active:#1e3a8a;--accent-light:#3b82f6;--accent-disabled:#93c5fd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;letter-spacing:-.01em;color:var(--text-primary)}@media (prefers-color-scheme:dark){:root{--bg-primary:#111827;--bg-page:linear-gradient(140deg,#111827,#1e293b 45%,#1a1a2e);--bg-card:rgba(30,41,59,.88);--bg-code:#0b1020;--bg-message:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-code:#e5edff;--border-card:#334155;--border-input:#475569;--border-message:#334155;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-active:#2563eb;--accent-light:#60a5fa;--accent-disabled:#1e3a8a}}*{box-sizing:border-box}body{margin:0;background:var(--bg-page);color:var(--text-primary);font-size:1rem}main{max-width:960px;margin:0 auto;padding:2rem 1rem 4rem}h1{font-size:1.75rem;letter-spacing:-.02em}h1,h2{margin-top:0}h2{font-size:1.25rem}h3{font-size:1rem;margin-bottom:.5rem}.subtitle{color:var(--text-secondary);margin-top:-.5rem;margin-bottom:1.5rem}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1rem}.form-field{display:grid;grid-gap:.5rem;gap:.5rem;margin-bottom:.8rem}.form-field label{display:flex;justify-content:space-between;align-items:baseline;font-weight:500;font-size:.875rem}.char-count{font-size:.75rem;font-weight:400;color:var(--text-secondary)}input,select,textarea{border:1px solid var(--border-input);border-radius:8px;padding:.65rem;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.9375rem;line-height:1.5;transition:border-color .15s,outline-color .15s}textarea{resize:vertical;min-height:3rem}input:focus,select:focus,textarea:focus{border-color:var(--accent-light);outline:2px solid var(--accent-light);outline-offset:-1px}button{background:var(--accent);border:none;color:#fff;border-radius:8px;padding:.65rem 1rem;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:500;transition:background .15s}button:hover{background:var(--accent-hover)}button:active{background:var(--accent-active)}button:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}button:disabled{background:var(--accent-disabled);cursor:not-allowed}pre{white-space:pre-wrap;background:var(--bg-code);color:var(--text-code);padding:.75rem;border-radius:10px;font-size:.875rem;line-height:1.5}.message{background:var(--bg-message);border:1px solid var(--border-message);border-radius:8px;padding:.75rem 1rem;margin-top:1rem}.answer{line-height:1.7}.answer p,.meta{margin:.5rem 0}.meta{display:grid;grid-template-columns:auto 1fr;grid-gap:.25rem .75rem;gap:.25rem .75rem;font-size:.875rem}.meta dt{font-weight:600;color:var(--text-secondary)}.meta dd{margin:0}.citations{padding-left:1.25rem;margin:.5rem 0}.citations li{margin-bottom:.5rem;line-height:1.5;font-size:.875rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-ready{background:#dcfce7;color:#166534}.badge-processing{background:#fef9c3;color:#854d0e}.badge-error{background:#fce4ec;color:#b71c1c}@media (prefers-color-scheme:dark){.badge-ready{background:#14532d;color:#86efac}.badge-processing{background:#713f12;color:#fde047}.badge-error{background:#7f1d1d;color:#fca5a5}}.doc-list{list-style:none;padding:0;margin:.5rem 0}.doc-list li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border-card);font-size:.875rem}.doc-list li:last-child{border-bottom:none}.doc-name{font-weight:500;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-chunks{font-size:.75rem}.doc-chunks,.empty{color:var(--text-secondary)}.empty{font-style:italic;text-align:center;padding:1rem 0}.banner-offline{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;font-weight:500}@media (prefers-color-scheme:dark){.banner-offline{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}}@media (max-width:640px){main{padding:1rem .75rem 3rem}h1{font-size:1.5rem}.grid{grid-template-columns:1fr}}@media (min-width:641px) and (max-width:960px){main{padding:1.5rem 1rem 3rem}}