:root{--bg: #0b0f14;--panel: #121821;--panel-border: #212b38;--text: #e4e9ef;--muted: #6b7785;--accent: #4fd1c5;--warn: #f2b84b;--danger: #e5484d;--mono: "IBM Plex Mono", ui-monospace, monospace;--serif: "Source Serif 4", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--mono)}body{background-image:radial-gradient(circle at 15% 0%,rgba(79,209,197,.06),transparent 45%)}.page{max-width:780px;margin:0 auto;padding:40px 20px 80px;min-height:100vh;display:flex;flex-direction:column;gap:28px}.header{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--panel-border);padding-bottom:20px}.header-brand{display:flex;align-items:center;gap:10px}.header-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #4fd1c526}.header-name{font-size:20px;font-weight:600;letter-spacing:.02em}.header-tagline{margin:0;color:var(--muted);font-size:13px}.main{display:flex;flex-direction:column;gap:24px}.query-form{display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:18px}.query-form label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.query-form textarea{resize:vertical;background:#0e131a;border:1px solid var(--panel-border);border-radius:4px;color:var(--text);font-family:var(--serif);font-size:15px;padding:12px}.query-form textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.query-form button{align-self:flex-start;background:var(--accent);color:#05201d;border:none;border-radius:4px;font-family:var(--mono);font-weight:600;font-size:13px;padding:10px 18px;cursor:pointer;letter-spacing:.03em}.query-form button:disabled{background:var(--panel-border);color:var(--muted);cursor:not-allowed}.error-banner{background:#e5484d1a;border:1px solid rgba(229,72,77,.4);color:#ffb4b6;padding:12px 14px;border-radius:4px;font-size:13px}.run-panel{display:flex;flex-direction:column;gap:20px}.pipeline{display:flex;align-items:center}.pipeline-node{display:flex;align-items:center;flex:1}.pipeline-node:last-child{flex:0}.pipeline-dot{width:11px;height:11px;border-radius:50%;border:2px solid var(--panel-border);background:var(--panel);flex-shrink:0}.pipeline-dot--active{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px #4fd1c526}.pipeline-dot--done{border-color:var(--accent);background:transparent}.pipeline-dot--error{border-color:var(--danger);background:var(--danger)}.pipeline-label{font-size:11px;color:var(--muted);white-space:nowrap;margin-left:8px;margin-right:8px}.pipeline-label--active,.pipeline-label--done{color:var(--text)}.pipeline-line{flex:1;height:1px;background:var(--panel-border)}.progress-detail{margin:-10px 0 0;color:var(--muted);font-size:12px}.gauge{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:16px}.gauge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.gauge-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.gauge-state{font-size:11px;font-weight:600;padding:2px 8px;border-radius:3px}.gauge-state--closed{color:var(--accent);background:#4fd1c51f}.gauge-state--warn{color:var(--warn);background:#f2b84b1f}.gauge-state--open{color:var(--danger);background:#e5484d24}.gauge-track{height:8px;background:#0e131a;border-radius:4px;overflow:hidden}.gauge-fill{height:100%;transition:width .4s ease}.gauge-fill--closed{background:var(--accent)}.gauge-fill--warn{background:var(--warn)}.gauge-fill--open{background:var(--danger)}.gauge-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--muted)}.gauge-reason{margin:10px 0 0;font-size:12px;color:var(--danger)}.report{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:28px;font-family:var(--serif)}.report-banner{font-family:var(--mono);font-size:12px;background:#f2b84b1a;border:1px solid rgba(242,184,75,.35);color:var(--warn);padding:10px 12px;border-radius:4px;margin-bottom:18px}.report-title{margin:0 0 8px;font-size:26px;font-weight:600}.report-summary{color:#c3cbd6;font-size:16px;line-height:1.6;margin-bottom:24px}.report-section{border-top:1px solid var(--panel-border);padding-top:16px;margin-top:16px}.report-section h3{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0 0 10px}.report-section p{line-height:1.7;font-size:15px;margin:0}.report-sources{margin:12px 0 0;padding-left:18px;font-family:var(--mono);font-size:12px}.report-sources a{color:var(--muted)}.report-sources a:hover{color:var(--accent)}.report-section--open ul{margin:0;padding-left:18px;font-family:var(--mono);font-size:13px;color:var(--warn)}.footer{margin-top:auto;padding-top:20px;border-top:1px solid var(--panel-border);color:var(--muted);font-size:11px;text-align:center}@media (max-width: 520px){.pipeline-label{display:none}}
