:root{--paper: #fafaf7;--panel: #ffffff;--ink: #12263a;--ink-soft: #4a5a6a;--ink-faint: #8a96a1;--rule: #e3e2dc;--jet: #2a78d6;--jet-deep: #185fa5;--safety: #e2540f;--turf: #1d9e75;--display: "Barlow Condensed", sans-serif;--body: "Public Sans", sans-serif;--mono: "IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.55}#root{display:flex;min-height:100vh}.rail{width:264px;flex-shrink:0;border-right:1px solid var(--rule);background:var(--panel);display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.rail-brand{padding:18px 16px 14px;border-bottom:1px solid var(--rule)}.rail-brand h1{font-family:var(--display);font-weight:600;font-size:26px;letter-spacing:.04em;text-transform:uppercase}.rail-brand p{font-family:var(--mono);font-size:11px;color:var(--ink-faint);margin-top:2px}.rail-list{overflow-y:auto;flex:1}.rail-row{display:grid;grid-template-columns:42px 1fr 64px;align-items:center;gap:8px;width:100%;padding:8px 16px;border:0;border-bottom:1px solid var(--rule);background:transparent;cursor:pointer;text-align:left;font-family:var(--body);color:var(--ink)}.rail-row:hover{background:#f3f6fa}.rail-row.active{background:#e9f1fb;box-shadow:inset 3px 0 0 var(--jet)}.rail-row .code{font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:.03em}.rail-row .name{font-size:12px;color:var(--ink-soft);line-height:1.25}.rail-row .mi{font-family:var(--mono);font-size:12px;text-align:right;color:var(--ink-soft)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:6px;padding:12px 20px;border-bottom:1px solid var(--rule);background:var(--panel)}.tab{font-family:var(--display);font-size:16px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding:6px 14px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--ink-soft);cursor:pointer}.tab:hover{color:var(--ink)}.tab.active{color:var(--jet-deep);border-color:var(--jet);background:#eef4fc}.topbar .spacer{flex:1}.tier-pill{font-family:var(--mono);font-size:11px;padding:4px 10px;border-radius:3px;border:1px solid var(--rule);color:var(--ink-soft)}.tier-pill.paid{border-color:var(--turf);color:var(--turf)}.canvas{flex:1;padding:20px;overflow:auto}.stat-strip{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.stat{background:var(--panel);border:1px solid var(--rule);border-radius:4px;padding:10px 16px;min-width:130px}.stat .label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.stat .value{font-family:var(--display);font-size:30px;font-weight:600;line-height:1.1}.stat .value small{font-size:15px;color:var(--ink-soft);font-weight:500}.scrubber{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--rule);border-radius:4px;padding:10px 16px;margin-bottom:16px}.scrubber .wk-label{font-family:var(--mono);font-size:11px;color:var(--ink-soft);min-width:84px}.scrubber .strip{flex:1;display:flex;gap:3px}.scrubber .seg{flex:1;height:18px;border:0;border-radius:2px;background:var(--rule);cursor:pointer;position:relative;padding:0}.scrubber .seg.flown{background:var(--jet)}.scrubber .seg.current{outline:2px solid var(--ink);outline-offset:1px}.scrubber .seg .tick{position:absolute;top:100%;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:9px;color:var(--ink-faint);padding-top:2px}.panel{background:var(--panel);border:1px solid var(--rule);border-radius:4px;padding:16px}.panel h2{font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin-bottom:4px}.panel .sub{font-size:12px;color:var(--ink-soft);margin-bottom:12px}.legend{display:flex;gap:14px;font-size:11px;color:var(--ink-soft);margin-top:8px;flex-wrap:wrap;font-family:var(--mono)}.legend .key{display:inline-flex;align-items:center;gap:5px}.legend .swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.paywall{border:1px dashed var(--jet);border-radius:4px;background:#eef4fc;padding:24px;text-align:center;max-width:440px;margin:60px auto}.paywall h2{font-family:var(--display);font-size:22px;text-transform:uppercase;letter-spacing:.04em}.paywall p{font-size:13px;color:var(--ink-soft);margin:8px 0 16px}.paywall button{font-family:var(--display);font-size:16px;letter-spacing:.05em;text-transform:uppercase;background:var(--jet);color:#fff;border:0;border-radius:4px;padding:10px 22px;cursor:pointer}.paywall button:hover{background:var(--jet-deep)}.map-shell{position:relative;height:calc(100vh - 61px)}.map-overlay{position:absolute;top:12px;left:12px;z-index:5;max-width:300px}svg text{font-family:var(--mono);font-size:10px;fill:var(--ink-soft)}@media (max-width: 860px){.rail{display:none}}