:root{color:#0f172a;background:#f8fafc;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400;font-size:16px;line-height:1.5;--surface: #ffffff;--border: #cbd5e1;--secondary: #475569;--action: #1d4ed8;--focus: #1d4ed8}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,textarea{font:inherit}button{min-height:44px;padding:10px 16px;border:1px solid var(--action);border-radius:8px;background:var(--action);color:#fff;cursor:pointer}button:disabled{border-color:#64748b;background:#e2e8f0;color:#334155;cursor:not-allowed}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.page{width:min(100% - 32px,1120px);margin:0 auto;padding:32px 0 64px}.page-header{margin-bottom:28px}.eyebrow,.synthetic-note,.inline-note{color:var(--secondary)}.eyebrow{margin:0 0 8px;font-size:14px;font-weight:600;letter-spacing:.02em}h1{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2;overflow-wrap:anywhere}.synthetic-note{margin:12px 0 0;font-weight:600}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metric-card,.answer-card,.configuration-card,.state-card{min-width:0;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 1px 2px #0f172a0f}.metric-card:first-child{grid-column:1 / -1}.metric-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.metric-card h2,.answer-card h2,.configuration-card h2{margin:0;font-size:1.125rem;line-height:1.35}.quality,.stub-label,.pending-label{flex:0 0 auto;max-width:100%;padding:3px 8px;border:1px solid #64748b;border-radius:999px;color:#334155;font-size:.8125rem;font-weight:600;overflow-wrap:anywhere}.quality-available{border-color:#166534;color:#14532d}.quality-unavailable{border-color:#9a3412;color:#7c2d12}.metric-value{margin:16px 0;font-size:clamp(1.75rem,5vw,2.5rem);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.metric-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0}.metric-meta div{min-width:0}.metric-meta dt{color:var(--secondary);font-size:.8125rem;font-weight:600}.metric-meta dd{margin:2px 0 0;overflow-wrap:anywhere}.answer-card,.configuration-card,.state-card{margin-top:16px}.source-card{min-width:0;margin-top:16px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.source-card h2{margin:0;font-size:1.125rem}.source-card ul{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.source-card li{display:flex;justify-content:space-between;gap:16px;overflow-wrap:anywhere}.source-card li strong{text-align:right}.stub-label{border-color:#1e40af;color:#1e3a8a}.answer-text{margin:16px 0 0;overflow-wrap:anywhere}.configuration-card>p{max-width:72ch}.configuration-card label{display:block;margin:20px 0 6px;font-weight:600}.configuration-card textarea,.configuration-card input{display:block;width:100%;padding:12px;border:1px solid #64748b;border-radius:8px;background:#fff;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem;line-height:1.5}.configuration-card textarea{min-height:176px;resize:vertical}.configuration-card input{min-height:44px}.canonical-review,.preview-review,.reauth-actions{margin-top:16px;padding:14px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc}.canonical-review h3,.preview-review h3{margin-top:0}.canonical-review dl>div{margin:8px 0}.canonical-review dd{margin:2px 0 0;overflow-wrap:anywhere}.canonical-review pre{overflow-wrap:anywhere;white-space:pre-wrap}.reauth-actions button{margin-top:12px}.inline-error{margin-top:12px;color:#7c2d12}.inline-note{margin:8px 0 0}.configuration-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.error-card{border-color:#9a3412;color:#7c2d12}@media(max-width:680px){.page{width:min(100% - 24px,1120px);padding-top:24px}.metrics-grid{grid-template-columns:minmax(0,1fr);gap:12px}.metric-card:first-child{grid-column:auto}.metric-card,.answer-card,.source-card,.configuration-card,.state-card{padding:16px}.metric-meta{grid-template-columns:minmax(0,1fr)}.metric-card-heading{flex-direction:column;align-items:flex-start}.configuration-actions{display:grid;grid-template-columns:minmax(0,1fr)}.configuration-actions button{width:100%}}.login-card form{display:grid;gap:.5rem;max-width:22rem}.login-card input{font:inherit;padding:.5rem .625rem;border:1px solid #94a3b8;border-radius:.375rem}.login-card button{justify-self:start;margin-top:.5rem}.login-error{color:#9a3412;margin:0}.logout-button{margin-top:.5rem}