:root{--viz-pos:#4ADE80;--viz-neg:#F87171;--viz-warn:#FBBF24;--viz-blue:#5EB0EF;--viz-orange:#ff7a45}.viz{margin:36px 0;background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:30px 32px}.viz svg{width:100%;height:auto;overflow:visible}.viz__cap{margin-top:20px;font-family:jetbrains mono,monospace;font-size:13px;color:var(--text-subtle);text-align:center;line-height:1.5}.viz-tone-accent{--tone:var(--accent)}.viz-tone-orange{--tone:var(--viz-orange)}.viz-tone-blue{--tone:var(--viz-blue)}.viz-tone-pos{--tone:var(--viz-pos)}.viz-tone-neg{--tone:var(--viz-neg)}.viz-tone-warn{--tone:var(--viz-warn)}.viz-tone-warning{--tone:var(--viz-warn)}.viz-tone-muted{--tone:var(--text-subtle)}.viz-kpi{display:flex;flex-wrap:wrap;gap:16px}.viz-kpi__card{flex:1 1 160px;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:13px;padding:20px 22px}.viz-kpi__card.is-accent{background:var(--accent-soft);border-color:var(--accent-border)}.viz-kpi__label{font-size:13px;color:var(--text-muted);margin-bottom:12px;line-height:1.4}.viz-kpi__value{font-size:clamp(28px,4vw,34px);font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--tone,var(--text))}.viz-kpi__sub{display:block;margin-top:12px;font-family:jetbrains mono,monospace;font-size:12px;color:var(--text-subtle)}.viz-bars__plot{display:flex;align-items:flex-end;gap:24px;height:260px;padding-top:22px}.viz-bars__col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.viz-bars__val{font-family:jetbrains mono,monospace;font-size:15px;font-weight:600;color:var(--tone,var(--accent));margin-bottom:8px}.viz-bars__bar{width:100%;max-width:150px;background:var(--tone,var(--accent));border-radius:6px 6px 0 0;min-height:3px}.viz-bars__label{margin-top:12px;font-family:jetbrains mono,monospace;font-size:12px;color:var(--text-subtle);text-align:center}.viz-flow{display:flex;flex-direction:column;gap:12px}.viz-flow__row{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start}.viz-flow__num{font-family:jetbrains mono,monospace;font-size:15px;font-weight:700;color:var(--tone,var(--accent));width:44px;height:44px;border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:11px;display:flex;align-items:center;justify-content:center}.viz-flow__body{background:var(--bg-card);border:1px solid var(--border-soft);border-left:3px solid var(--tone,var(--accent));border-radius:13px;padding:18px 22px}.viz-flow__name{font-size:17px;font-weight:600;margin-bottom:5px;color:var(--text)}.viz-flow__q{font-size:14px;color:var(--text-muted);line-height:1.5;margin:0}.viz-flow__tag{display:inline-block;margin-top:12px;font-family:jetbrains mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);padding:4px 9px;border:1px solid var(--border-soft);border-radius:6px}.viz-ratio__bar{display:flex;height:44px;border-radius:9px;overflow:hidden;border:1px solid var(--border-soft)}.viz-ratio__seg{display:flex;align-items:center;justify-content:center;font-family:jetbrains mono,monospace;font-size:12px;font-weight:600;color:var(--bg);min-width:2px}.viz-ratio__legend{display:flex;flex-wrap:wrap;gap:20px;margin-top:16px}.viz-ratio__item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted)}.viz-ratio__sw{width:13px;height:13px;border-radius:3px;flex-shrink:0}.viz-route{display:flex;flex-direction:column;gap:14px}.viz-route__row{display:grid;grid-template-columns:1fr 36px minmax(180px,240px);gap:8px;align-items:center}.viz-route__q{background:var(--bg-card);border:1px solid var(--border-soft);border-left:3px solid var(--accent);border-radius:11px;padding:15px 18px}.viz-route__q-lab{font-family:jetbrains mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);margin-bottom:6px}.viz-route__q-text{font-size:15px;font-weight:600;line-height:1.35;color:var(--text)}.viz-route__arrow{text-align:center;color:var(--accent);font-size:18px}.viz-route__out{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:11px;padding:13px 16px}.viz-route__out-t{font-size:14px;font-weight:600;color:var(--text)}.viz-route__out-s{font-size:12px;color:var(--text-muted);margin-top:3px;line-height:1.4}.viz-line .grid{stroke:var(--border-soft);stroke-width:1;stroke-dasharray:3 4}.viz-line .tick{fill:var(--text-subtle);font-family:jetbrains mono,monospace;font-size:12px}.viz-line .axlab{fill:var(--text-muted);font-family:jetbrains mono,monospace;font-size:12px;letter-spacing:.03em}.viz-line .dot-bg{fill:var(--bg)}.viz-line__legend{display:flex;flex-wrap:wrap;gap:22px;margin-top:20px}.viz-line__item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted)}.viz-line__sw{width:14px;height:3px;border-radius:2px;flex-shrink:0}@media(max-width:640px){.viz{padding:22px 18px}.viz-route__row{grid-template-columns:1fr;gap:8px}.viz-route__arrow{transform:rotate(90deg)}.viz-kpi__card{flex-basis:100%}}