*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#09090b;--surface:#0f0f12;--surface-2:#161619;--surface-3:#1d1d22;--border:#27272a;--border-2:#3f3f46;--text-1:#fafafa;--text-2:#a1a1aa;--text-3:#52525b;--accent:#6366f1;--accent-dim:#6366f11a;--accent-glow:#6366f12e;--green:#22c55e;--green-dim:#22c55e1a;--amber:#f59e0b;--amber-dim:#f59e0b1a;--purple:#a855f7;--purple-dim:#a855f71a;--cyan:#22d3ee;--red:#ef4444;--red-dim:#ef44441a;--r-sm:4px;--r:8px;--r-lg:12px;--r-xl:16px;color:var(--text-1);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02", "cv03", "cv04", "cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}body{min-height:100dvh}h1,h2,h3,h4{letter-spacing:-.01em;font-weight:600;line-height:1.3}p{line-height:1.65}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}.app{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#09090bd9;position:sticky;top:0}.header-inner{justify-content:flex-start;align-items:center;max-width:1080px;height:56px;margin:0 auto;padding:0 24px;display:flex}.header-brand{align-items:center;gap:10px;display:flex}.brand-mark{color:var(--accent);font-size:20px;line-height:1}.brand-text{flex-direction:column;gap:0;display:flex}.brand-name{color:var(--text-1);letter-spacing:-.01em;font-size:14px;font-weight:600}.brand-sub{color:var(--text-3);font-size:11px}.app-main{flex-direction:column;gap:20px;width:100%;max-width:1080px;margin:0 auto;padding:36px 24px 80px;display:flex}.query-input-wrapper{flex-direction:column;gap:10px;display:flex}.query-form{width:100%}.query-row{gap:8px;display:flex}.query-field{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-lg);height:46px;color:var(--text-1);outline:none;flex:1;padding:0 16px;font-size:14px;transition:border-color .15s,box-shadow .15s}.query-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.query-field::placeholder{color:var(--text-3)}.query-field:disabled{opacity:.5}.btn{border-radius:var(--r-lg);white-space:nowrap;flex-shrink:0;height:46px;padding:0 20px;font-size:13px;font-weight:600;transition:opacity .15s,background .15s,box-shadow .15s}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.btn-primary:not(:disabled):hover{opacity:.9;box-shadow:0 4px 14px var(--accent-glow)}.btn-cancel{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border-2)}.btn-cancel:hover{border-color:var(--red);color:var(--red)}.examples{flex-wrap:wrap;gap:6px;display:flex}.example-chip{border:1px solid var(--border);color:var(--text-3);background:0 0;border-radius:20px;padding:4px 12px;font-size:12px;transition:border-color .15s,color .15s,background .15s}.example-chip:hover{border-color:var(--border-2);color:var(--text-2);background:var(--surface-2)}.pipeline-progress{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 24px}.phase-bar{align-items:center;gap:0;margin-bottom:20px;display:flex}.phase-bar-item{flex:1;align-items:center;gap:8px;display:flex}.phase-bar-item:last-child{flex:none}.phase-dot{border:1.5px solid var(--border-2);width:24px;height:24px;color:var(--text-3);background:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;transition:all .2s;display:flex}.phase-dot-active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 4px var(--accent-dim);animation:1.6s ease-in-out infinite dot-pulse}.phase-dot-done{border-color:var(--green);color:var(--green);background:var(--green-dim)}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 4px var(--accent-dim)}50%{box-shadow:0 0 0 6px #6366f10f}}.phase-bar-label{color:var(--text-3);white-space:nowrap;font-size:12px;transition:color .2s}.phase-bar-label-active{color:var(--accent);font-weight:500}.phase-bar-label-done{color:var(--text-2)}.phase-connector{background:var(--border);flex:1;height:1px;margin:0 4px;transition:background .3s}.phase-connector-done{background:var(--green);opacity:.4}.planning-state{color:var(--text-3);align-items:center;gap:10px;padding:4px 0;font-size:13px;display:flex}.spinner{border:1.5px solid var(--border-2);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.task-domains{flex-wrap:wrap;gap:24px;display:flex}.task-domain-group{flex-direction:column;flex:1;gap:6px;min-width:160px;display:flex}.task-domain-label{letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.task-domain-items{flex-direction:column;gap:4px;display:flex}.task-item{border-radius:var(--r-sm);border-left:2px solid var(--dc,var(--border-2));background:var(--surface-2);align-items:center;gap:8px;padding:6px 8px;transition:background .15s;display:flex}.task-item-running{background:var(--surface-3);border-left-color:var(--accent)}.task-item-completed{opacity:.6}.task-item-icon{color:var(--text-3);text-align:center;flex-shrink:0;width:14px;font-size:12px}.task-item-label{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Geist Mono,JetBrains Mono,ui-monospace,Consolas,monospace;font-size:12px;overflow:hidden}.task-item-running .task-item-label{color:var(--text-1)}.task-item-status{text-align:center;flex-shrink:0;width:14px;font-size:11px}.task-item-status.pending{color:var(--text-3)}.task-item-status.running{color:var(--accent);animation:1s ease-in-out infinite status-pulse}.task-item-status.completed{color:var(--green)}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.3}}.results-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px 28px}.results-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:10px;font-weight:700}.results-answer{color:var(--text-1);margin-bottom:16px;font-size:15px;line-height:1.7}.results-meta{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:2px;font-size:12px;display:flex}.meta-item{align-items:center;gap:2px;display:flex}.meta-num{color:var(--text-2);font-family:Geist Mono,ui-monospace,Consolas,monospace;font-size:12px}.meta-num.meta-green{color:var(--green)}.meta-desc{color:var(--text-3)}.meta-sep{color:var(--border-2);margin:0 4px}.chart-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px 28px}.charts-header{align-items:center;gap:8px;margin-bottom:18px;display:flex}.charts-header-icon{color:var(--accent);font-size:14px}.charts-header h2{color:var(--text-1);font-size:14px}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;display:grid}.chart-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px}.chart-title{color:var(--text-3);letter-spacing:.02em;margin-bottom:12px;font-size:12px;font-weight:500}.chart-table-wrapper{overflow-x:auto}.chart-table{border-collapse:collapse;width:100%;font-size:12px}.chart-table th,.chart-table td{text-align:left;border-bottom:1px solid var(--border);padding:7px 12px}.chart-table th{letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);font-size:10px;font-weight:600}.chart-table td{color:var(--text-2)}.comparison-panel{flex-direction:column;gap:16px;display:flex}.compare-running{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;gap:14px;padding:20px 24px;display:flex}.compare-running-header{align-items:center;gap:12px;display:flex}.compare-spinner{border:1.5px solid var(--border-2);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.65s linear infinite spin}.compare-running-label{color:var(--text-2);flex:1;font-size:13px}.compare-step-count{color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:2px 8px;font-family:ui-monospace,Consolas,monospace;font-size:11px}.compare-progress-track{background:var(--border);border-radius:2px;height:2px;overflow:hidden}.compare-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .4s}.compare-result{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;gap:20px;padding:24px;display:flex}.compare-columns{align-items:stretch;gap:12px;display:flex}.compare-vs{color:var(--text-3);letter-spacing:.05em;flex-shrink:0;align-items:center;padding:0 4px;font-size:11px;font-weight:600;display:flex}.compare-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;flex:1;gap:14px;min-width:0;padding:18px;display:flex}.compare-card-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.compare-card-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.baseline-dot{background:var(--amber)}.improved-dot{background:var(--accent)}.compare-card-title{color:var(--text-1);font-size:14px;font-weight:600}.compare-card-sub{color:var(--text-3);flex:1;font-size:11px}.compare-metrics{flex-direction:column;gap:12px;display:flex}.metric-single{align-items:baseline;gap:6px;display:flex}.metric-big{color:var(--text-1);letter-spacing:-.03em;font-family:Geist Mono,ui-monospace,Consolas,monospace;font-size:22px;font-weight:700;line-height:1}.metric-unit{color:var(--text-3);font-size:11px}.compare-cache-note{color:var(--green);background:var(--green-dim);border-radius:var(--r-sm);align-self:flex-start;padding:4px 8px;font-size:11px}@media (width<=700px){.compare-columns{flex-direction:column}}.arch-tabs{border-bottom:1px solid var(--border);gap:2px;padding-bottom:0;display:flex}.arch-tab{color:var(--text-3);border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:8px 16px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s}.arch-tab:hover{color:var(--text-2)}.arch-tab-active{color:var(--text-1);border-bottom-color:var(--accent)}.arch-answer{padding:2px 0 4px}.arch-answer-text{color:var(--text-2);font-size:14px;line-height:1.7}.error-banner{background:var(--red-dim);border-radius:var(--r-lg);color:#fca5a5;border:1px solid #ef444440;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.error-icon{flex-shrink:0;font-size:14px}