:root{color:#202426;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-frame{min-height:100vh;padding:22px}.topbar{justify-content:space-between;align-items:end;gap:16px;max-width:1480px;margin:0 auto 18px;display:flex}.kicker{color:#5b6468;letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:.78rem;font-weight:700}h1,h2{letter-spacing:0;margin:0}h1{color:#1f2527;font-size:1.72rem;line-height:1.12}h2{color:#202426;font-size:1rem;line-height:1.25}.workspace{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:18px;max-width:1480px;margin:0 auto;display:grid}.control-panel,.chart-panel,.loading-panel,.error-panel{background:#fff;border:1px solid #d8dddb;border-radius:8px;box-shadow:0 14px 40px #20242614}.control-panel{flex-direction:column;gap:14px;min-height:560px;max-height:calc(100vh - 116px);padding:14px;display:flex;position:sticky;top:18px}.chart-panel{min-width:0;padding:16px 18px 14px}.loading-panel,.error-panel{max-width:720px;margin:40px auto;padding:28px}.control-summary{background:#eef3f1;border:1px solid #d7e2de;border-radius:8px;grid-template-columns:1fr auto;gap:5px 10px;padding:12px;display:grid}.metric-label{color:#5a6568;text-transform:uppercase;font-size:.78rem;font-weight:700}.control-summary strong{justify-self:end;font-size:1rem}.positive{color:#0b7a53}.negative{color:#b23825}.button-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.command-button,.icon-button{color:#263033;background:#fff;border:1px solid #cbd4d1;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 10px;font-weight:750;display:inline-flex}.command-button:hover,.icon-button:hover,.state-row:hover{background:#f0f5f3;border-color:#90a7a0}.command-button.compact{min-width:86px}.icon-button{flex:0 0 32px;min-height:32px;padding:0}.search-box{background:#fff;border:1px solid #cbd4d1;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 8px 0 11px;display:flex}.search-box input{color:#202426;border:0;outline:0;width:100%;min-width:0}.region-tabs{color:#637073;text-align:center;text-transform:uppercase;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;font-size:.72rem;font-weight:700;display:grid}.region-tabs span{border:1px solid #d8dddb;border-radius:8px;padding:5px 2px}.state-list{flex-direction:column;flex:1;gap:6px;min-height:0;padding-right:3px;display:flex;overflow:auto}.state-row{border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:7px;min-height:38px;padding:5px 5px 5px 8px;display:flex}.state-row.selected{background:#edf7f4;border-color:#a9ccc1}.state-row label{flex:1;grid-template-columns:18px 14px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.state-row input{accent-color:#0f8b8d;width:16px;height:16px;margin:0}.swatch{border-radius:999px;width:10px;height:10px;display:inline-block}.state-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;font-weight:720;overflow:hidden}.state-abbr{color:#687174;font-size:.78rem;font-weight:780}.view-tabs{background:#eef3f1;border:1px solid #d7e2de;border-radius:8px;flex-wrap:wrap;grid-column:1/-1;justify-self:start;gap:4px;padding:4px;display:inline-flex}.view-tab{color:#44504f;background:0 0;border:1px solid #0000;border-radius:6px;min-height:32px;padding:4px 14px;font-size:.84rem;font-weight:750}.view-tab:hover{background:#e2ebe8}.view-tab.active{color:#0f6b66;background:#fff;border-color:#a9ccc1;box-shadow:0 1px 4px #2024261a}.chart-header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:6px;display:flex}.legend-sample{color:#5d6669;white-space:nowrap;grid-template-columns:34px auto 34px auto;align-items:center;gap:7px;font-size:.78rem;font-weight:700;display:grid}.legend-line{border-top:3px solid #9ca4a5;width:34px;display:block}.legend-line.active{border-color:#0f8b8d}.legend-line.muted{opacity:.45}.legend-line.dashed{border-top-style:dashed}.legend-line.neutral{border-color:#44504f}.legend-sample.trio{grid-template-columns:34px auto 34px auto 34px auto}.half-plane-label{fill:#5d6a6d;letter-spacing:.04em;paint-order:stroke;stroke:#fbfcfb;stroke-width:3px;text-transform:uppercase;font-size:.72rem;font-weight:760}.chart-wrap{width:100%;min-height:500px;position:relative}.migration-chart{display:block;overflow:visible}.plot-bg{fill:#fbfcfb}.grid-row line{stroke:#e4e8e7;stroke-width:1px}.grid-row text,.x-tick text{fill:#667174;text-anchor:middle;font-size:.74rem;font-weight:650}.grid-row text{text-anchor:end}.x-tick line{stroke:#c9d0ce}.zero-line{stroke:#364245;stroke-width:1.4px}.axis-title{fill:#4e595c;text-anchor:middle;font-size:.78rem;font-weight:760}.gap-marker rect{fill:#f2d7a1;opacity:.34}.gap-marker line{stroke:#c6902d;stroke-dasharray:4 5;stroke-width:1px}.gap-marker text{fill:#8a651f;text-anchor:middle;font-size:.68rem;font-weight:760}.series-line{fill:none;pointer-events:visibleStroke;stroke-linecap:round;stroke-linejoin:round;transition:stroke-opacity .12s,stroke-width .12s}.point-dot{pointer-events:none;stroke:#fff;stroke-width:1.5px}.point-hit{cursor:pointer;fill:#0000;stroke:#0000}.tooltip{color:#202426;pointer-events:none;z-index:4;background:#fffffff7;border:2px solid #0f8b8d;border-radius:8px;max-width:min(280px,100vw - 40px);padding:10px 12px;position:absolute;top:0;left:0;transform:translate(12px,-50%);box-shadow:0 16px 42px #20242633}.tooltip-title{align-items:center;gap:7px;margin-bottom:7px;font-size:.9rem;font-weight:820;display:flex}.tooltip dl{gap:5px;margin:0;display:grid}.tooltip dl div{justify-content:space-between;gap:14px;display:flex}.tooltip dt{color:#657174;font-size:.76rem;font-weight:740}.tooltip dd{margin:0;font-size:.82rem;font-weight:800}.tooltip p{color:#8a651f;margin:7px 0 0;font-size:.75rem;font-weight:760}.source-footer{color:#596467;border-top:1px solid #e1e5e4;gap:6px;margin-top:10px;padding-top:10px;display:grid}.source-footer p{margin:0;font-size:.78rem;line-height:1.4}@media (width<=960px){.app-frame{padding:14px}.topbar{align-items:start}.workspace{grid-template-columns:1fr}.control-panel{min-height:0;max-height:none;position:static}.state-list{max-height:310px}}@media (width<=640px){.topbar,.chart-header{flex-direction:column;align-items:stretch}h1{font-size:1.35rem}.button-row{grid-template-columns:1fr}.legend-sample{grid-template-columns:34px auto 34px auto}.chart-panel{padding:12px}.tooltip{transform:translate(-6px,-112%)}}