:root{--ink:#24384b;--muted:#738396;--blue:#3b6fe5;--blue-dark:#254fb0;--pale:#edf3ff;--line:#e4eaf0;--canvas:#f5f7fa;--green:#228364;--violet:#8873b3;--amber:#b88952;--panel:320px;--head:64px;--shadow:0 5px 20px #25394a0b;--scale:1}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font:14px/1.5 "Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #f1b264;outline-offset:3px}button:disabled{cursor:default;opacity:.35}h1,h2,h3,p{margin:0}svg{display:block}button svg{pointer-events:none}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{width:0;height:0;position:absolute;overflow:hidden}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;background:white;font-size:14px;font-weight:600;min-height:39px}.btn:hover{background:#f3f6fc;border-color:#cedaef}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.primary:hover{background:var(--blue-dark)}.btn .icon{width:16px;height:16px}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{background:#f3f6fa}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:650;text-transform:uppercase;color:var(--muted)}
.app-header{height:var(--head);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 25px;background:white;gap:20px;position:relative;z-index:20}.brand{display:flex;gap:10px;align-items:center}.brand-mark{font:bold 23px Georgia,serif;letter-spacing:-2px;color:#fff;background:#234e43;border-radius:8px 8px 12px 8px;width:34px;height:35px;display:grid;place-items:center;padding-right:2px}.brand-name{font-size:12px;letter-spacing:1px;font-weight:750;color:#385847}.brand-tag{font-size:11px;color:#92a195;letter-spacing:.5px;margin-top:1px}.header-title{display:flex;align-items:center;gap:10px;margin-right:auto;margin-left:25px;padding-left:25px;border-left:1px solid var(--line)}.header-title h1{font-size:16px;letter-spacing:-.3px;font-weight:600}.header-title .icon{width:18px;color:#6a86a9}.header-actions{display:flex;gap:8px;align-items:center}.help-btn{border:1px solid var(--line);width:33px;height:33px;border-radius:50%;display:grid;place-items:center;color:#8998a8;font-size:15px}.help-btn:hover{color:var(--blue);border-color:var(--blue)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) var(--panel);height:calc(100svh - var(--head));overflow:hidden}.map-area{position:relative;min-width:0;overflow:hidden;background:var(--canvas)}.map-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;background-image:radial-gradient(#ced7e34d .85px,transparent .85px);background-size:22px 22px;outline-offset:-5px}.map-viewport.dragging{cursor:grabbing}.map-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;width:1100px;height:900px;user-select:none}.edges{position:absolute;inset:0;overflow:visible;pointer-events:none}.edge{fill:none;stroke:#b9c8de;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s,stroke .15s}.edge.main{stroke:var(--blue);stroke-width:7;filter:drop-shadow(0 2px 1px #3c6de516)}.edge.branch{stroke:#bac6d8;stroke-width:2.5;stroke-dasharray:6 6}.edge.money{stroke:#b5946b}.edge.cost{stroke:#a399bf}.edge.active{stroke:var(--blue);stroke-width:3.3;opacity:1!important}.edge.main.active{stroke-width:7}.edge.muted-edge{opacity:.25}.edge-hit{fill:none;stroke:transparent;stroke-width:17;pointer-events:stroke;cursor:pointer}.edge-label{font:500 14px "Segoe UI",Arial;fill:#8293a7;paint-order:stroke;stroke:var(--canvas);stroke-width:6;stroke-linejoin:round;pointer-events:none}.edge-label.active{fill:var(--blue-dark)}.zone{fill:#edf2f8;opacity:.72;stroke:#e2e9f1;stroke-width:1}.zone-title{font:600 13px "Segoe UI",Arial;letter-spacing:1.5px;fill:#9ba9b8}.phase-label{font:600 12px "Segoe UI",Arial;letter-spacing:2px;fill:#a7b3bf}.node-layer{position:absolute;inset:0;pointer-events:none}.map-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;text-align:left;gap:12px;padding:13px 15px;background:#fff;border:1.5px solid #dbe4ef;border-radius:13px;box-shadow:0 3px 10px #273c5610;pointer-events:auto;transition:border-color .16s,box-shadow .16s,opacity .16s;cursor:pointer;touch-action:manipulation;color:#34495f}.map-node:hover{border-color:#88a8ee;box-shadow:0 5px 18px #416ddb1f;z-index:5}.map-node.active{border:2px solid var(--blue);box-shadow:0 0 0 5px #3b6fe512,0 4px 16px #315fd318;z-index:6}.map-node.connected{border-color:#a1b9eb}.map-node.dimmed{opacity:.43}.node-icon{width:33px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;background:#edf3ff;color:#5076bf}.node-icon .icon{width:20px;height:20px}.node-text{min-width:0;display:block}.node-title{display:block;font-size:16px;font-weight:600;line-height:1.36;letter-spacing:-.2px}.node-meta{display:block;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#8da0b5;margin-bottom:4px;line-height:1.4}.node-external{margin-left:auto;color:#9cb0ca;width:15px;height:15px;flex-shrink:0}.map-node.station{border-radius:11px;padding:11px 14px}.map-node.station .node-title{font-size:17px}.map-node.station .node-icon{width:31px;height:31px}.map-node.station .node-meta{display:none}.map-node.branch-node{border-radius:100px;border:1px solid #dde4ed;background:#fff;padding:10px 14px;box-shadow:0 2px 6px #43536609}.map-node.branch-node .node-title{font-size:14px;font-weight:500}.map-node.branch-node .node-icon{width:26px;height:26px;background:transparent;color:#8d9db4}.map-node.branch-node .node-meta{display:none}.map-node.finish{border-color:#85baa6;background:#f7fffa}.map-node.finish .node-icon{background:#e1f3e9;color:var(--green)}.map-node.finish .node-title{color:#246b54}.map-node.start .node-icon{background:#e9edf4;color:#6e819c}.map-node.portal{border-style:dashed;border-color:#a9bde0;background:#f5f8ff;box-shadow:none}.map-node.portal .node-icon{background:#e6edfb}.map-node.state{border-radius:35px;background:#faf8f4;border-color:#ddd4c4}.map-node.state .node-icon{color:#a88d60;background:#f1eadc}.map-node.state .node-title{font-size:15px}.map-node.state .node-meta{color:#a39271}.map-node.document .node-icon{border-radius:6px;background:#f1f5fb;color:#758da8}.map-node.document .node-title{font-size:16px}.map-node.active .node-icon{background:#e6eeff;color:var(--blue)}
.map-toolbar{position:absolute;z-index:10;left:22px;top:20px;right:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none}.crumbs{display:flex;align-items:center;gap:8px;pointer-events:auto;background:#ffffffed;padding:8px 11px;border:1px solid #e4eaf1;border-radius:10px;box-shadow:var(--shadow);max-width:calc(100% - 43px)}.crumbs button{display:flex;align-items:center;gap:7px;color:#6885a8;font-size:13px;padding:2px 0;white-space:nowrap}.crumbs button:hover{color:var(--blue)}.crumbs .icon{width:15px;height:15px}.crumb-separator{color:#b4c1d0;font-size:15px}.crumb-current{font-size:13px;color:#425f80;line-height:1.5;font-weight:600}.fit-button{pointer-events:auto;width:37px;height:37px;background:white;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);display:grid;place-items:center;color:#7190b1}.fit-button:hover{color:var(--blue)}.map-bottom{position:absolute;left:22px;bottom:20px;right:22px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;gap:15px}.map-legend{display:flex;flex-wrap:wrap;gap:13px;align-items:center;background:#ffffffdf;border:1px solid #e7ecf3;border-radius:8px;padding:8px 11px;font-size:12px;color:#7c8ea2;pointer-events:auto}.legend-item{display:flex;gap:6px;align-items:center}.legend-line{width:20px;height:3px;border-radius:3px;background:var(--blue)}.legend-line.dash{height:0;background:transparent;border-top:2px dashed #afbdd2}.legend-dot{width:8px;height:8px;border:1.5px solid #83a2d6;background:white;border-radius:3px}.map-hint{position:absolute;left:50%;transform:translateX(-50%);bottom:24px;pointer-events:none;color:#a2afbd;font-size:12px;white-space:nowrap}.zoom-controls{display:flex;align-items:center;gap:2px;padding:4px;background:white;border:1px solid #e3eaf3;border-radius:10px;box-shadow:var(--shadow);pointer-events:auto}.zoom-controls button{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;color:#6a81a0}.zoom-controls button:hover{background:#edf3ff;color:var(--blue)}.zoom-controls .icon{width:17px;height:17px}.zoom-value{font-size:12px;color:#8797ab;min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.map-status{position:absolute;left:50%;top:75px;transform:translateX(-50%);z-index:9;background:#244f9a;color:white;font-size:13px;box-shadow:var(--shadow);padding:8px 13px;border-radius:30px;opacity:0;pointer-events:none;transition:opacity .2s}.map-status.show{opacity:1}
.inspector{border-left:1px solid var(--line);padding:27px 24px 22px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;background:#fff;z-index:15;position:relative}.inspector-header{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:23px}.inspector-back{display:flex;align-items:center;gap:7px;font-size:12px;color:#7f91a8;padding:3px 0}.inspector-back .icon{width:14px;height:14px}.inspector-back:hover{color:var(--blue)}.panel-close{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;color:#95a4b7}.panel-close:hover{background:#f1f4f8}.panel-close .icon{width:16px;height:16px}.intro-panel{padding-top:12px}.destination-icon{display:grid;place-items:center;width:63px;height:65px;border:1px solid #dceee5;border-radius:17px;background:#f0f8f3;color:#348565;margin-bottom:22px;position:relative}.destination-icon:after{content:"";position:absolute;left:27px;top:66px;height:18px;width:1px;background:#dae6dd}.destination-icon .icon{width:29px;height:29px}.intro-panel h2{font-weight:550;font-size:29px;line-height:1.25;letter-spacing:-.8px;color:#2c4f45;margin-top:7px;margin-bottom:15px}.intro-panel p{color:#8393a6;font-size:14px;line-height:1.8;max-width:230px}.intro-panel .btn{margin-top:24px;width:100%}.mini-guide{margin-top:27px;border-top:1px solid var(--line);padding-top:19px;display:flex;flex-direction:column;gap:13px}.guide-row{display:flex;align-items:center;gap:11px;color:#8b9bae;font-size:13px}.guide-row .icon{width:17px;height:17px;color:#92a7c2}.panel-foot{margin-top:auto;padding-top:22px;border-top:1px solid #edf1f5;color:#a0acb9;font-size:11px;line-height:1.7}.panel-foot span{display:block}.selected-header{display:flex;gap:13px;align-items:flex-start}.selected-symbol{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:1px solid #e3eaf5;background:#f4f7fe;border-radius:11px;color:#6080b5}.selected-symbol .icon{width:21px;height:21px}.selected-header h2{font-size:23px;line-height:1.3;letter-spacing:-.6px;font-weight:550}.selected-header .eyebrow{font-size:11px;margin-bottom:6px;letter-spacing:1px}.panel-subtitle{font-size:14px;color:#8d9bad;line-height:1.8;margin-top:14px}.context-hint{display:flex;gap:9px;align-items:flex-start;background:#f5f8fd;border:1px solid #e7edf7;border-radius:9px;padding:12px 13px;color:#8096b1;font-size:13px;line-height:1.8}.context-hint .icon{width:16px;height:16px;flex-shrink:0;margin-top:2px}.panel-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}.panel-actions .btn{width:100%}.task-steps{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:0}.task-steps li{display:flex;align-items:flex-start;gap:11px;padding:14px 0;border-bottom:1px solid #edf1f5;font-size:14px;line-height:1.7;color:#5d738c}.task-steps li:last-child{border-bottom:0}.step-dot{margin-top:4px;border:1px solid #c8d7ed;border-radius:50%;height:15px;width:15px;flex-shrink:0;background:#f4f8ff}.result-note{margin-top:21px;padding:12px 13px;border-radius:9px;background:#f2f8f4;font-size:13px;color:#618672;line-height:1.7;display:flex;gap:8px;align-items:flex-start}.result-note .icon{width:15px;height:15px;margin-top:2px}.connection-path{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:23px}.connection-box{border:1px solid #d9e4f4;border-radius:9px;background:#f6f9ff;padding:12px 14px;width:100%;font-size:15px;font-weight:550;color:#50749d}.connection-path .icon{margin-left:22px;color:#8ca9d4;width:18px;height:18px}.edge-relation{font-size:13px;color:#8aa0bd;margin-left:16px}.inspector .small-link{color:#6a8fc4;font-size:13px;padding:5px 0;display:flex;align-items:center;gap:7px;line-height:1.6;text-align:left}.small-link .icon{width:15px;height:15px}.mobile-sheet-toggle{display:none}.context-modules{display:flex;flex-wrap:wrap;gap:6px;margin-top:19px}.context-modules button{font-size:12px;color:#7290b5;border:1px solid #e1e9f4;border-radius:5px;background:#f7faff;padding:5px 8px}.context-modules button:hover{background:#eaf1fd}
.period-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px;margin-bottom:15px}.period-tabs button{font-size:12px;border:1px solid #e0e8f2;border-radius:7px;padding:7px 9px;color:#8294ab;background:white}.period-tabs button[aria-pressed="true"]{background:#eaf1ff;border-color:#bed0f2;color:#4169ae}.period-search{width:100%;border:1px solid #e0e7f1;border-radius:8px;padding:9px 10px;font-size:13px;color:#617d9e;background:#f9fbfe}.period-list{margin-top:13px;display:flex;flex-direction:column}.period-item{display:flex;gap:10px;align-items:center;text-align:left;border-bottom:1px solid #edf1f6;padding:13px 0;font-size:14px;line-height:1.55;color:#637e9b}.period-item .icon{width:15px;height:15px;color:#95abc6;margin-left:auto}.period-item:hover{color:var(--blue)}.period-note{font-size:12px;color:#99a7b7;margin-top:17px;line-height:1.8}.empty{font-size:14px;color:#95a2b3;padding:22px 0;text-align:center}.help-dialog{border:1px solid #dce6f3;border-radius:16px;padding:25px;width:min(410px,calc(100vw - 30px));color:#4f6989;box-shadow:0 20px 80px #14294b30}.help-dialog::backdrop{background:#30475c38;backdrop-filter:blur(3px)}.help-dialog h2{font-size:20px;font-weight:550;letter-spacing:-.4px}.help-dialog .guide-row{color:#647d9d;margin-top:19px;font-size:14px}.help-dialog .btn{margin-top:25px;width:100%}.help-dialog p{font-size:12px;color:#9ba7b6;line-height:1.8;margin-top:20px}.source-note{font-size:11px;color:#a7b2bf}.noscript{position:fixed;inset:90px 20px auto;background:white;border:1px solid #dce6f4;border-radius:12px;padding:20px;z-index:100}
@media(min-width:1700px){:root{--panel:350px}.inspector{padding:32px 30px}.intro-panel h2{font-size:32px}}
@media(max-width:1150px){:root{--panel:285px}.app-header{padding:0 18px}.header-title{margin-left:10px;padding-left:17px}.brand-tag{display:none}.brand-name{font-size:11px}.inspector{padding:22px 20px}.intro-panel h2{font-size:27px}.map-hint{display:none}.map-legend{font-size:11px;padding:7px 9px;gap:10px}.map-bottom{left:16px;right:16px;bottom:16px}.map-toolbar{left:16px;right:16px;top:16px}}
@media(max-width:780px){:root{--head:57px;--panel:270px}.header-title{margin-left:0;border:0;padding-left:0}.brand-name,.brand-tag{display:none}.header-title h1{font-size:14px}.app-header{gap:12px;padding:0 14px}.header-actions .btn{font-size:0;gap:0;padding:8px 10px;min-height:34px}.header-actions .btn .icon{width:17px;height:17px}.header-actions{gap:7px}.help-btn{width:31px;height:31px}.brand-mark{width:30px;height:32px;font-size:21px}}
@media(max-width:900px){.layout{display:block;position:relative}.map-area{position:absolute;inset:0 0 88px}.map-area.detail-map{bottom:190px}.inspector{position:absolute;left:0;right:0;bottom:0;max-height:57%;height:190px;border-left:0;border-top:1px solid #dbe5f1;box-shadow:0 -5px 20px #263e5610;padding:13px 18px 18px;gap:10px;border-radius:16px 16px 0 0}.inspector.overview-panel{height:88px;max-height:88px;border-radius:14px 14px 0 0;padding:14px 18px;overflow:hidden}.inspector.expanded{height:57%;max-height:57%}.inspector.overview-panel .inspector-header{display:none}.intro-panel{padding:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto;column-gap:11px;align-items:center}.destination-icon{width:39px;height:40px;border-radius:11px;grid-row:1/3;margin:0}.destination-icon .icon{width:21px;height:21px}.destination-icon:after{display:none}.intro-panel>.eyebrow{font-size:10px;grid-column:2;align-self:end;letter-spacing:1px}.intro-panel h2{font-size:19px;margin:0;grid-column:2;align-self:start;letter-spacing:-.4px;line-height:1.4}.intro-panel h2 br{display:none}.intro-panel>p,.intro-panel .mini-guide{display:none}.intro-panel>.btn{grid-column:3;grid-row:1/3;margin:0;padding:9px 11px;width:auto;font-size:12px;min-height:35px}.intro-panel>.btn .icon{display:none}.overview-panel .panel-foot,.overview-panel .mobile-sheet-toggle{display:none}.panel-foot{font-size:10px;padding-top:13px;margin-top:15px}.inspector-header{min-height:20px}.selected-header{gap:10px}.selected-header h2{font-size:19px}.selected-header .eyebrow{font-size:10px;margin-bottom:3px}.selected-symbol{width:34px;height:35px;border-radius:8px}.selected-symbol .icon{width:18px;height:18px}.panel-subtitle{font-size:13px;margin-top:9px;line-height:1.7}.task-steps{margin-top:12px}.task-steps li{font-size:14px;padding:11px 0}.result-note{margin-top:12px}.panel-actions{margin-top:12px}.panel-actions .btn{font-size:13px;min-height:35px}.context-hint{font-size:12px;padding:9px 11px;margin-top:9px}.context-modules{margin-top:12px}.mobile-sheet-toggle{display:flex;position:absolute;right:50px;top:12px;align-items:center;gap:4px;font-size:11px;color:#8ba0bd;padding:4px}.mobile-sheet-toggle .icon{width:13px;height:13px}.inspector.expanded .mobile-sheet-toggle .icon{transform:rotate(180deg)}.map-toolbar{left:12px;top:12px;right:12px}.crumbs{padding:7px 9px;gap:6px}.crumbs button,.crumb-current{font-size:12px}.fit-button{width:34px;height:34px}.map-bottom{left:12px;bottom:13px;right:12px;gap:8px}.map-legend{font-size:10px;gap:8px;padding:7px}.map-legend .legend-item:last-child{display:none}.legend-line{width:16px}.zoom-controls{padding:3px;gap:0}.zoom-controls button{width:31px;height:31px}.zoom-value{min-width:31px;font-size:11px}.period-tabs{margin-top:12px;gap:5px}.period-tabs button{font-size:11px;padding:6px 8px}.period-item{font-size:14px;padding:12px 0}.period-note{font-size:11px}.panel-content{flex-shrink:0}.map-status{top:58px;font-size:12px;max-width:90%;white-space:nowrap}.connection-path{margin-top:14px;gap:8px}.connection-box{font-size:14px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

.edge.collect{stroke:#b9c8de;stroke-width:2.1}.edge.collect.active{stroke:var(--blue);stroke-width:3.4}.map-annotation{font:600 12px "Segoe UI",Arial;letter-spacing:1.1px;fill:#8c9eb4;paint-order:stroke;stroke:var(--canvas);stroke-width:9;stroke-linejoin:round}.station.has-meta .node-meta{display:block;font-size:10px;line-height:1.15;margin-bottom:2px;letter-spacing:.8px}.map-node.station.has-meta{padding:8px 14px}.map-node.station.support-node{box-shadow:none;border-color:#e0e7ef;background:#fbfcfe;border-radius:8px}.map-node.station.support-node .node-title{font-size:14px;color:#6b819b}.map-node.station.support-node .node-icon{width:27px;height:27px;background:transparent;color:#8ba1bb}.map-node.view-link{border-color:#9fb8e9;background:#edf3ff}.map-node.view-link .node-title{color:#4269ad}.map-node.register{border-color:#d6cbb9;background:#fdfbf7}.map-node.register .node-icon{background:#f3ebdc;color:#a58b60}.legend-line.gray{background:#b9c8de;height:2px}.legend-portal{width:13px;height:10px;border:1px dashed #8aa7d1;border-radius:3px}.crumb-detail{font-size:12px;color:#8a9cb3;white-space:nowrap}.context-views{display:flex;flex-direction:column;gap:7px;margin-top:19px}.context-views button{border:1px solid #e1e8f3;border-radius:8px;padding:10px 12px;text-align:left;font-size:13px;color:#7189a7;background:#fafcff}.context-views button[aria-pressed="true"]{color:#3b65ad;border-color:#aabfe8;background:#edf3ff}.context-views button:hover{border-color:#9db9e5}.context-modules{padding-top:13px;border-top:1px solid #edf1f7}.context-modules button{font-size:12px}.crumbs{flex-wrap:wrap}.node-meta{max-width:100%}
@media(max-width:900px){.map-node.station.support-node .node-title{font-size:14px}.map-node.station.support-node{gap:6px;padding:8px}.map-node.station.support-node .node-icon{width:20px;height:25px}.map-node.station.support-node .icon{width:17px;height:17px}.crumb-detail{display:none}.crumb-current+.crumb-separator{display:none}.context-views{flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:14px}.context-views button{padding:7px 9px;font-size:12px}.context-modules{margin-top:14px}.map-legend .legend-item:last-child{display:flex}.map-legend .legend-item:nth-child(2){display:none}.map-hint{display:none}}