:root{--bg:#fafaf9;--surface:#fff;--surface-2:#f5f5f4;--border:#e5e5e3;--text:#1c1917;--text-muted:#57534e;--text-subtle:#78716c;--accent:#1d4ed8;--accent-bg:#eff6ff;--good:#15803d;--good-bg:#f0fdf4;--warn:#b45309;--warn-bg:#fffbeb;--bad:#b91c1c;--bad-bg:#fef2f2;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent)}code,pre{font-family:var(--mono);font-size:13px}.shell{max-width:1280px;margin:0 auto;padding:24px 32px 64px}.row{display:flex;gap:16px}.row-end{display:flex;gap:12px;align-items:center;justify-content:flex-end}.stack{gap:16px}.stack,.stack-sm{display:flex;flex-direction:column}.stack-sm{gap:8px}.brand-bar{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:24px}.brand{font-size:18px;font-weight:600;letter-spacing:-.01em}.brand-sub{color:var(--text-subtle);font-size:13px;margin-left:8px}.input,.select{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-family:inherit;font-size:13px}.input.mono{font-family:var(--mono)}.input:focus,.select:focus{outline:2px solid var(--accent);border-color:var(--accent)}.label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.btn,.label{font-weight:500}.btn{padding:7px 14px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;font-family:inherit;font-size:13px;transition:background .1s,border-color .1s}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-subtle)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#1e40af;border-color:#1e40af}.btn-warn{color:var(--warn);border-color:var(--warn)}.btn-warn:hover:not(:disabled){background:var(--warn-bg)}.btn-bad{color:var(--bad);border-color:var(--bad)}.btn-bad:hover:not(:disabled){background:var(--bad-bg)}.btn-sm{padding:4px 10px;font-size:12px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:10px 16px;background:transparent;cursor:pointer;font-family:inherit;font-size:14px;color:var(--text-muted);border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}.card-title{font-size:13px;font-weight:600;color:var(--text-muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.04em}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:12px 16px}.metric-label{font-size:11px;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:22px;font-weight:600;margin-top:4px;font-feature-settings:"tnum"}.metric-sub{font-size:12px;color:var(--text-subtle);margin-top:2px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:8px 12px;font-weight:600;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:10px 12px}.table tr:last-child td{border-bottom:none}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:hover{background:var(--surface-2)}.table tbody tr.selected{background:var(--accent-bg)}.table .num{text-align:right;font-feature-settings:"tnum"}.table .mono{font-family:var(--mono);font-size:12px}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;line-height:1.4}.badge-good{background:var(--good-bg);color:var(--good)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-bad{background:var(--bad-bg);color:var(--bad)}.badge-neutral{background:var(--surface-2);color:var(--text-muted)}.alert{padding:12px 16px;border-radius:6px;font-size:13px}.alert-error{background:var(--bad-bg);color:var(--bad);border:1px solid #fecaca}.alert-info{background:var(--accent-bg);color:var(--accent);border:1px solid #bfdbfe}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.text-sm{font-size:12px}.text-lg{font-size:16px}.flex-1{flex:1 1}.nowrap{white-space:nowrap}.max-w-md{max-width:480px}.bars{display:flex;gap:4px;align-items:flex-end;height:120px;padding:8px 0}.bar{flex:1 1;min-width:8px;background:var(--accent);border-radius:2px 2px 0 0;position:relative;cursor:default}.bar:hover{background:#1e40af}.bar-label{font-size:10px;color:var(--text-subtle);text-align:center;margin-top:4px}.bar-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--text);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .1s;margin-bottom:4px}.bar:hover .bar-tooltip{opacity:1}.md-bubble p{margin:0 0 12px}.md-bubble p:last-child{margin-bottom:0}.md-bubble ol,.md-bubble ul{margin:0 0 12px;padding-left:24px}.md-bubble li{margin-bottom:4px}.md-bubble li:last-child{margin-bottom:0}.md-bubble h1,.md-bubble h2,.md-bubble h3{margin:16px 0 8px;font-weight:600;line-height:1.3}.md-bubble h1{font-size:18px}.md-bubble h2{font-size:16px}.md-bubble h3{font-size:14px}.md-bubble code{background:rgba(0,0,0,.06);padding:1px 6px;border-radius:4px;font-size:13px}.md-bubble pre{background:var(--surface);border:1px solid var(--border);padding:12px;border-radius:6px;overflow-x:auto;margin:0 0 12px}.md-bubble pre code{background:transparent;padding:0;font-size:12px}.md-bubble blockquote{border-left:3px solid var(--border);padding-left:12px;margin:0 0 12px;color:var(--text-muted)}.md-bubble strong{font-weight:600}.md-bubble a{color:var(--accent);text-decoration:underline}.md-bubble hr{border:none;border-top:1px solid var(--border);margin:12px 0}.thinking-dots{display:inline-flex;gap:4px;vertical-align:middle}.thinking-dots span{width:6px;height:6px;border-radius:50%;background:var(--text-subtle);animation:thinking-bounce 1.4s ease-in-out infinite both}.thinking-dots span:first-child{animation-delay:-.32s}.thinking-dots span:nth-child(2){animation-delay:-.16s}@keyframes thinking-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}