@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-0:#05070d;--bg-1:#0a0e1a;--panel:#121828b8;--panel-solid:#121828;--panel-border:#7891c824;--panel-border-hi:#7891c84d;--text-hi:#eef2fb;--text:#b9c2da;--text-dim:#6b7596;--text-faint:#444d6b;--accent:#5b8cff;--accent-cyan:#3fe0d0;--accent-glow:#5b8cff73;--risk-low:#3fe0a2;--risk-medium:#ffc24b;--risk-high:#ff8a3d;--risk-critical:#ff4d6d;--risk-low-glow:#3fe0a280;--risk-medium-glow:#ffc24b80;--risk-high-glow:#ff8a3d80;--risk-critical-glow:#ff4d6d8c;--font-display:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:16px;--radius-sm:10px;--gap:16px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1200px 700px at 80% -10%, #5b8cff1a, transparent 60%), radial-gradient(900px 600px at 5% 110%, #3fe0d014, transparent 55%), var(--bg-1);color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;letter-spacing:.01em}.shell{max-width:1480px;min-height:100vh;margin:0 auto;padding:clamp(14px,2.5vw,28px)}.topbar{margin-bottom:var(--gap);flex-wrap:wrap;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #8a5bff);width:44px;height:44px;box-shadow:0 0 24px var(--accent-glow);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.brand-name{color:var(--text-hi);letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:1}.brand-sub{color:var(--text-dim);font-size:12px;font-family:var(--font-mono);margin-top:3px}.scenario-switch{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.scenario-btn{cursor:pointer;font-family:var(--font-display);background:var(--panel);color:var(--text-dim);border:1px solid var(--panel-border);border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.scenario-btn:hover{color:var(--text);border-color:var(--panel-border-hi)}.scenario-btn.active{color:var(--text-hi);border-color:var(--accent);box-shadow:0 0 18px var(--accent-glow);background:#5b8cff1f}.grid{gap:var(--gap);grid-template-columns:1.55fr 1fr;align-items:start;display:grid}@media (width<=900px){.grid{grid-template-columns:1fr}}.col{gap:var(--gap);flex-direction:column;display:flex}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);position:relative;overflow:hidden}.panel-pad{padding:clamp(16px,2vw,22px)}.panel-head{border-bottom:1px solid var(--panel-border);align-items:center;gap:10px;padding:14px 18px;display:flex}.panel-head .eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-size:11px}.panel-head .ico{color:var(--accent);place-items:center;display:grid}.target-bar{font-family:var(--font-mono);color:var(--text-dim);flex-wrap:wrap;align-items:baseline;gap:12px;font-size:13px;display:flex}.target-bar .sig{color:var(--accent-cyan);font-size:15px;font-weight:600}.target-bar .file{color:var(--text)}.target-bar .commit{color:var(--text-faint)}.target-bar .kind{color:var(--risk-high);background:#ff8a3d1f;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:11px}.graph-wrap{width:100%;height:clamp(340px,46vh,480px);position:relative}.graph-wrap canvas{width:100%;height:100%;display:block}.graph-legend{font-family:var(--font-mono);color:var(--text-dim);pointer-events:none;flex-wrap:wrap;gap:14px;font-size:11px;display:flex;position:absolute;bottom:14px;left:16px}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:9px;height:9px}.graph-hint{font-family:var(--font-mono);color:var(--text-faint);pointer-events:none;font-size:11px;position:absolute;top:14px;right:16px}.node-tip{pointer-events:none;z-index:5;background:var(--panel-solid);border:1px solid var(--panel-border-hi);font-family:var(--font-mono);color:var(--text-hi);border-radius:8px;max-width:220px;padding:8px 11px;font-size:11px;position:absolute;transform:translate(-50%,calc(-100% - 14px));box-shadow:0 8px 30px #00000080}.node-tip .tip-note{color:var(--text-dim);margin-top:3px}.node-tip .tip-file{color:var(--accent-cyan);margin-top:3px;font-size:10px}.gauge-card{flex-direction:column;align-items:center;gap:6px;display:flex}.gauge-svg{width:100%;max-width:260px}.gauge-headline{color:var(--text);text-align:center;padding:0 8px 4px;font-size:14px;line-height:1.5}.factor-row{border-bottom:1px solid var(--panel-border);align-items:center;gap:12px;padding:11px 0;display:flex}.factor-row:last-child{border-bottom:none}.factor-name{color:var(--text);flex:1;font-size:13px}.factor-bar-track{background:#7891c81f;border-radius:3px;width:90px;height:6px;overflow:hidden}.factor-bar-fill{border-radius:3px;height:100%}.factor-points{font-family:var(--font-mono);color:var(--accent);text-align:right;min-width:34px;font-size:13px;font-weight:600}.finding{border-left:3px solid var(--risk-high);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text);background:linear-gradient(90deg,#ff8a3d1a,#0000);padding:14px 16px;font-size:14px;line-height:1.6}.finding strong{color:var(--risk-high)}.list-row{border-bottom:1px solid var(--panel-border);align-items:center;gap:12px;padding:12px 0;display:flex}.list-row:last-child{border-bottom:none}.avatar{width:34px;height:34px;font-family:var(--font-mono);color:var(--text-hi);border:1px solid var(--panel-border-hi);background:#5b8cff29;border-radius:9px;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.owner-handle{font-family:var(--font-mono);color:var(--text-hi);font-size:13px}.owner-meta{color:var(--text-dim);margin-top:1px;font-size:12px}.owner-team{font-family:var(--font-mono);color:var(--text-dim);background:#7891c81a;border-radius:6px;margin-left:auto;padding:3px 9px;font-size:11px}.action-row{border-bottom:1px solid var(--panel-border);align-items:center;gap:11px;padding:12px 0;display:flex}.action-row:last-child{border-bottom:none}.action-ico{color:var(--risk-medium);flex-shrink:0;place-items:center;display:grid}.action-label{color:var(--text);font-size:13px;line-height:1.45}.stat-strip{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=560px){.stat-strip{grid-template-columns:1fr}}.stat{flex-direction:column;gap:4px;display:flex}.stat-ico{color:var(--accent);margin-bottom:4px}.stat-value{color:var(--text-hi);font-size:22px;font-weight:700;font-family:var(--font-display)}.stat-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:11px}.feed{margin-top:var(--gap);font-family:var(--font-mono);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 18px;font-size:12px;display:flex}.feed .live{color:var(--risk-low);align-items:center;gap:7px;display:flex}.live-dot{background:var(--risk-low);width:8px;height:8px;box-shadow:0 0 8px var(--risk-low-glow);border-radius:50%;animation:2s infinite pulse}.feed .prov{color:var(--text-faint);margin-left:auto}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}*{transition:none!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.section-title{color:var(--text-hi);font-size:13px;font-weight:600}