:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--color-bg:#0f1117;--color-surface:#1a1d27;--color-text:#e8e8ed;--color-text-muted:#8b8d98;--color-accent:#646cff;--color-upstream:#e45756;--color-domestic-va:#4c78a8;--color-own-direct:#f58518;--color-downstream:#72b7b2;--color-bar:#4c78a8;--color-bar-dim:#4c78a833;--viz-width:60%;--text-width:40%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-width:900px;line-height:1.6;overflow-x:hidden}#app{text-align:left;width:100%;max-width:none;margin:0;padding:0}#story{width:100%;display:flex;position:relative}#scroll-steps{width:var(--text-width);z-index:2;padding:0 2rem;position:relative}.step{align-items:center;min-height:90vh;padding:2rem 0;display:flex}.step:first-child{padding-top:20vh}.step:last-child{padding-bottom:40vh}.step-long{min-height:200vh}.step-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1d27d9;border:1px solid #ffffff0f;border-radius:12px;max-width:380px;padding:1.5rem 2rem;transition:opacity .4s,transform .4s}.step.is-active .step-content{opacity:1;transform:none}.step:not(.is-active) .step-content{opacity:.25;transform:translateY(8px)}.step-content h2{margin-bottom:.75rem;font-size:1.35rem;font-weight:700;line-height:1.3}.step-content p{color:var(--color-text-muted);margin-bottom:.6rem;font-size:.92rem;line-height:1.55}.step-content p strong{color:var(--color-text)}.step-content ul{margin:.5rem 0;padding:0;list-style:none}.step-content ul li{color:var(--color-text-muted);margin-bottom:.4rem;padding-left:.8rem;font-size:.88rem;position:relative}.step-content ul li:before{content:"·";color:var(--color-text-muted);font-weight:700;position:absolute;left:0}.explore-link{color:var(--color-accent);font-size:.95rem;font-weight:600;text-decoration:none}.explore-link:hover{text-decoration:underline}#sticky-viz{width:var(--viz-width);z-index:1;justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;right:0}#viz{width:100%;height:100%}.tooltip{pointer-events:none;color:var(--color-text);opacity:0;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1117f2;border:1px solid #ffffff26;border-radius:8px;max-width:240px;padding:8px 12px;font-size:.82rem;line-height:1.4;transition:opacity .15s;position:fixed}.tooltip.visible{opacity:1}.tooltip .tt-label{margin-bottom:2px;font-weight:600}.tooltip .tt-value{color:var(--color-text-muted)}.bar-rect{cursor:default}.axis text{fill:var(--color-text-muted);font-size:12px;font-family:var(--font-sans)}.axis line,.axis path{stroke:#ffffff1a}.annotation-text{fill:var(--color-text);font-family:var(--font-sans)}.sankey-link{fill:none;stroke-opacity:.3;transition:stroke-opacity .2s}.sankey-link:hover{stroke-opacity:.6}.sankey-node rect{cursor:default;stroke:#ffffff26;stroke-width:.5px}.sankey-node text{fill:var(--color-text-muted);font-size:11px;font-family:var(--font-sans)}.sankey-node:hover rect{stroke:#ffffff80}.morph-layer{pointer-events:none}@media (max-width:1100px){:root{--viz-width:55%;--text-width:45%}}@media (max-width:900px){#story{flex-direction:column}#scroll-steps{width:100%}#sticky-viz{width:100%;height:60vh}}