:root{--bg: #0f1115;--surface: #171a21;--surface-2: #1e222b;--border: #2a2f3a;--text: #e7e9ee;--text-muted: #9aa3b2;--accent: #c8102e;--accent-soft: #2a1418;--radius: 12px;--maxw: 760px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}.app{max-width:var(--maxw);margin:0 auto;padding:2.5rem 1.25rem 4rem}.app-header{text-align:center;margin-bottom:2rem}.app-title{font-size:2.4rem;margin:0;letter-spacing:-.02em}.app-title:before{content:"§ ";color:var(--accent)}.app-subtitle{color:var(--text-muted);max-width:46ch;margin:.5rem auto 0}.app-corpus{color:var(--text-muted);font-size:.8rem;max-width:62ch;margin:.75rem auto 0}.app-nav{display:inline-flex;gap:.25rem;margin-top:1.5rem;padding:.25rem;background:var(--surface);border:1px solid var(--border);border-radius:999px}.nav-tab{padding:.4rem 1.1rem;font-size:.9rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-radius:999px;cursor:pointer}.nav-tab.active{color:#fff;background:var(--accent)}.mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.mode-tab{padding:.45rem .9rem;font-size:.9rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.mode-tab.active{color:var(--text);border-color:var(--accent)}.ask-form{margin-bottom:1.5rem}.ask-row{display:flex;gap:.5rem}.ask-input{flex:1;padding:.85rem 1rem;font-size:1rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);outline:none}.ask-input:focus{border-color:var(--accent)}.ask-button{padding:0 1.4rem;font-size:1rem;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:var(--radius);cursor:pointer;transition:opacity .15s ease}.ask-button:disabled{opacity:.5;cursor:not-allowed}.examples{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.example-chip{padding:.4rem .75rem;font-size:.85rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;cursor:pointer}.example-chip:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.example-chip:disabled{opacity:.5;cursor:not-allowed}.asked-question{color:var(--text-muted);font-size:.95rem}.asked-label{color:var(--text);font-weight:600}.status{display:flex;align-items:center;gap:.6rem;padding:1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.status-hint{margin:.35rem 0 0;font-size:.8rem;color:var(--text-muted)}.status-elapsed{font-variant-numeric:tabular-nums;white-space:nowrap}.status.error{color:#ffb4be;background:var(--accent-soft);border-color:var(--accent)}.spinner{width:1.1rem;height:1.1rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.answer-panel{margin-top:1.5rem;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.answer-text{margin:0;font-size:1.05rem;white-space:pre-wrap}.refusal{margin:0;color:var(--text-muted)}.sources-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:1.5rem 0 .75rem}.other-sources>summary{cursor:pointer}.other-sources>summary:hover,.other-sources>summary:focus-visible{color:var(--text)}.sources-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.source-card{padding:.9rem 1rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.source-head{display:flex;gap:.5rem;align-items:baseline;margin-bottom:.4rem}.source-index{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.source-citation{color:var(--text);font-weight:600;text-decoration:none}.source-citation:hover{text-decoration:underline;text-decoration-color:var(--accent)}.source-score{margin-left:auto;padding:.1rem .5rem;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px}.source-text{margin:0;font-size:.9rem;color:var(--text-muted)}.quality-intro{color:var(--text-muted);margin:0 0 2rem}.quality-intro code{font-size:.85em;color:var(--text)}.quality-section{margin-bottom:2.5rem}.quality-section h2{font-size:1.25rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.quality-subhead{font-size:.85rem;font-weight:600;color:var(--text-muted);margin:1.25rem 0 .75rem}.quality-note{font-size:.9rem;color:var(--text-muted);margin:0 0 1rem}.quality-note a{color:var(--text)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.metric-card{display:flex;flex-direction:column;gap:.2rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.metric-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.metric-value{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.metric-detail{font-size:.75rem;color:var(--text-muted)}.table-wrap{overflow-x:auto}.metric-table{width:100%;border-collapse:collapse;font-size:.9rem}.metric-table th,.metric-table td{padding:.6rem .75rem;text-align:right;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}.metric-table thead th{color:var(--text-muted);font-weight:600}.metric-table th[scope=row]{text-align:left;font-weight:600;font-variant-numeric:normal}.metric-table tr.served{color:var(--text)}.metric-table tr.served th[scope=row]{color:var(--accent)}.security-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.security-row{display:grid;grid-template-columns:14rem 1fr 3.5rem;align-items:center;gap:.75rem;font-size:.9rem}.security-name{text-transform:capitalize}.security-bar{height:.5rem;background:var(--surface-2);border-radius:999px;overflow:hidden}.security-bar-fill{display:block;height:100%;background:var(--accent)}.security-pct{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted)}.app-footer{margin-top:3rem;text-align:center;font-size:.8rem;color:var(--text-muted)}@media (max-width: 540px){.ask-row{flex-direction:column}.ask-button{padding:.75rem}.metric-grid{grid-template-columns:1fr}.security-row{grid-template-columns:1fr 3.5rem}.security-bar{grid-column:1 / -1;order:3}}.pregenerated-note{margin:.75rem 0}