:root{color:#eaf4ef;font-synthesis:none;--bg:#101415;--panel:#161c1d;--panel-strong:#202829;--ink:#eaf4ef;--muted:#91a09d;--line:#34403e;--cyan:#35b8a0;--yellow:#ffdc62;--coral:#ff725e;--blue:#7fa8ff;background:#101415;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,input{font:inherit;letter-spacing:0}button{color:inherit}button,[role=button]{touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.dataset-loading{background:var(--bg);min-height:100vh;color:var(--ink);place-content:center;justify-items:center;gap:11px;display:grid}.dataset-loading strong{font-size:18px}.dataset-loading span{color:var(--muted);font-size:11px}.dataset-loading button{border:1px solid var(--line);background:var(--panel);cursor:pointer;min-height:42px;padding:0 18px}.loading-track{justify-content:space-between;width:180px;margin-bottom:15px;display:flex;position:relative}.loading-track:before{content:"";background:var(--cyan);height:3px;position:absolute;top:6px;left:6px;right:6px}.loading-track i{z-index:1;border:3px solid var(--cyan);background:var(--bg);border-radius:50%;width:15px;height:15px;animation:1.2s ease-in-out infinite loading-node;position:relative}.loading-track i:nth-child(2){animation-delay:.16s}.loading-track i:nth-child(3){animation-delay:.32s}.app-shell{background:var(--bg);grid-template-rows:72px 1fr 34px;min-height:100vh;display:grid}.app-header{border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:stretch;display:flex;position:relative}.brand{border:0;border-right:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:14px;padding:0 24px;display:flex}.brand b{color:var(--yellow);font-family:Arial Narrow,DIN Alternate,sans-serif;font-size:30px;font-weight:900}.brand span{color:var(--muted);font-size:11px;line-height:1.35}.header-status{color:var(--muted);align-items:center;gap:10px;padding:0 24px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex}.header-status i{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 0 4px #35b8a026}.header-status strong{color:var(--ink);font-weight:500}.planner-layout{min-height:0;position:relative;overflow:hidden}.map-stage{position:absolute;inset:0}.network-map{width:100%;height:100%}.network-map:after{content:"";pointer-events:none;background:linear-gradient(90deg,#101415f5 0,#101415b8 33%,#0000 62%);position:absolute;inset:0}.map-attribution{z-index:2;color:#7f8b89;font:10px ui-monospace,monospace;position:absolute;bottom:10px;right:46px}.maplibregl-ctrl-group{border:1px solid var(--line);box-shadow:none!important;background:#1d2425!important;border-radius:3px!important}.maplibregl-ctrl button{filter:invert()}.planner-panel,.preview-panel{z-index:5;width:min(440px,100vw - 48px);margin:clamp(32px,6vh,70px) 0 0 clamp(24px,6vw,88px);position:relative}.planner-title{color:var(--yellow);align-items:flex-start;gap:15px;display:flex}.planner-title svg{margin-top:9px}.planner-title h1{color:var(--ink);margin:0;font-family:Arial Narrow,DIN Alternate,PingFang SC,sans-serif;font-size:clamp(34px,4.2vw,56px);font-weight:850;line-height:1.06}.planner-copy{max-width:330px;color:var(--muted);margin:18px 0 27px 39px;font-size:14px;line-height:1.75}.station-fields{gap:10px;display:grid;position:relative}.station-picker{position:relative}.station-picker>.picker-label{color:var(--muted);margin-bottom:6px;font:11px ui-monospace,monospace;display:block}.picker-field{color:#182020;border-left:4px solid var(--cyan);background:#eaf4ef;align-items:center;gap:12px;height:62px;padding:0 15px;display:flex}.picker-field.has-value{border-left-color:var(--yellow)}.picker-field input{color:#182020;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%}.picker-field input.value-hidden{opacity:0;pointer-events:none;width:1px;position:absolute}.selected-station{color:#182020;text-align:left;cursor:text;background:0 0;border:0;flex:1;min-width:0;padding:0}.selected-station strong,.selected-station span{display:block}.selected-station strong{font-size:17px}.selected-station span{color:#66716f;margin-top:3px;font-size:11px}.picker-menu{z-index:30;color:#17201f;background:#f3faf7;border:1px solid #c8d4d0;max-height:316px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:auto;box-shadow:0 16px 40px #00000052}.picker-menu button{color:#17201f;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d9e3df;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;width:100%;min-height:54px;display:grid}.picker-menu button:hover,.picker-menu button.active{background:#dbe9e4}.picker-menu strong,.picker-menu small{display:block}.picker-menu small{color:#687572;margin-top:2px;font:10px ui-monospace,monospace}.picker-menu em{color:#687572;font-size:11px;font-style:normal}.picker-menu p{color:#687572;margin:0;padding:17px}.station-mode{color:#258c7a}.swap-command{z-index:2;cursor:pointer;background:#202829;border:1px solid #63706d;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:calc(50% - 14px);right:18px}.choice-row{grid-template-columns:1fr 1fr;gap:13px;margin:20px 0;display:grid}.choice-row fieldset{border:0;padding:0;display:flex}.choice-row legend{width:100%;color:var(--muted);margin-bottom:7px;font:11px ui-monospace,monospace}.choice-row button{border:1px solid var(--line);height:38px;color:var(--muted);cursor:pointer;background:#161c1d;flex:1}.choice-row button+button{border-left:0}.choice-row button.active{background:var(--cyan);border-color:var(--cyan);color:#07110f;font-weight:700}.primary-command,.secondary-command{cursor:pointer;border:0;border-radius:3px;justify-content:center;align-items:center;gap:13px;min-height:50px;padding:0 20px;font-weight:750;display:inline-flex}.primary-command{background:var(--yellow);color:#181b17;width:100%}.primary-command:hover{background:#ffe58a}.primary-command:active{transform:translateY(1px)}.primary-command:disabled{cursor:not-allowed;opacity:.45}.secondary-command{color:var(--ink);border:1px solid var(--line);background:0 0}.demo-note{color:#7f8d8a;align-items:flex-start;gap:8px;margin-top:14px;font-size:10px;line-height:1.55;display:flex}.demo-note svg{flex:none;margin-top:1px}.planner-error{color:#ff9b8e;font-size:12px}.history-rail{z-index:4;border-top:2px solid var(--coral);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1314e0;width:265px;position:absolute;top:26px;right:35px}.history-rail h2{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;margin:0;padding:12px 14px;font-size:11px;font-weight:500;display:flex}.history-rail div{border-bottom:1px solid #293130;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:10px 14px;font-size:11px;display:grid}.history-rail em{color:var(--yellow);font-style:normal}.app-footer{border-top:1px solid var(--line);color:#6f7d7a;justify-content:space-between;align-items:center;padding:0 20px;font:9px ui-monospace,monospace;display:flex}.text-command,.icon-command{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.preview-panel{scrollbar-color:var(--line) transparent;width:min(520px,100vw - 48px);max-height:calc(100vh - 150px);padding-right:8px;overflow:auto}.preview-heading{justify-content:space-between;align-items:flex-end;margin-top:27px;display:flex}.preview-heading span{color:var(--cyan);font-size:12px}.preview-heading h2{align-items:center;gap:9px;margin:6px 0 0;font-size:clamp(25px,3vw,38px);display:flex}.preview-heading>strong{color:var(--yellow);font:45px Arial Narrow,sans-serif}.preview-heading>strong small{color:var(--muted);margin-left:4px;font-size:12px}.route-summary{gap:1px;margin:22px 0 15px;display:flex}.route-summary span{color:#a9b7b4;text-align:center;background:#222a2b;flex:1;padding:9px 10px;font-size:10px}.leg-list{border-top:1px solid var(--line);margin:0 0 18px;padding:0;list-style:none}.leg-list li{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:67px;display:grid;position:relative}.leg-list li:before{content:"";background:var(--route-color);width:3px;position:absolute;inset:0 auto 0 0}.leg-list i{color:var(--route-color);place-items:center;display:grid}.leg-list strong,.leg-list span{display:block}.leg-list span{color:var(--muted);margin-top:4px;font-size:10px}.leg-list em{color:var(--yellow);font-size:10px;font-style:normal}.route-warning{color:#95a3a0;gap:8px;font-size:10px;display:flex}.route-warning svg{color:var(--yellow);flex:none}.journey-screen{cursor:text;background:#101415;min-height:100vh;position:relative;overflow:hidden}.journey-track{width:100%;height:100%;position:absolute;inset:0}.track-grid{fill:none;stroke:#26302f;stroke-width:1px}.track-base{fill:none;stroke:#32403e;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}.track-live{fill:none;stroke:var(--cyan);stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}.journey-track g circle{fill:#101415;stroke:#6e7c79;stroke-width:4px}.journey-track g.passed circle{fill:var(--cyan);stroke:var(--cyan)}.journey-track g.current circle{fill:var(--yellow);stroke:#101415;stroke-width:5px}.journey-track text{fill:#788683;font-family:ui-monospace,monospace;font-size:12px}.journey-track g.current text{fill:var(--yellow);font-weight:700}.track-train circle{fill:var(--yellow);stroke:#101415;stroke-width:5px}.track-train path{fill:none;stroke:#101415;stroke-width:3px;stroke-linecap:round}.journey-header{z-index:4;border-bottom:1px solid var(--line);background:#101415e0;grid-template-columns:48px 1fr auto;align-items:center;gap:18px;height:72px;padding:0 26px;display:grid;position:relative}.icon-command{border:1px solid var(--line);justify-content:center;width:42px;height:42px}.active-route{align-items:center;gap:9px;font-size:12px;display:flex}.active-route i{background:var(--route-color);width:18px;height:5px}.journey-clock{align-items:baseline;gap:14px;font-family:ui-monospace,monospace;display:flex}.journey-clock strong{font-size:20px}.journey-clock span{color:var(--muted);font-size:11px}.typing-console{z-index:5;color:#17201f;border-top:7px solid var(--yellow);background:#eaf4ef;width:min(680px,100vw - 40px);padding:20px 26px 18px;position:absolute;bottom:clamp(25px,7vh,75px);left:50%;transform:translate(-50%);box-shadow:0 28px 80px #0000006b}.typing-console.shaking{animation:.18s linear shake}.arrival-meta{color:#6f7c79;justify-content:space-between;font:10px ui-monospace,monospace;display:flex}.typing-console>p{color:#61706c;margin:18px 0 1px;font-size:12px}.typing-console h1{margin:0;font-size:clamp(38px,6vw,68px);line-height:1.05}.station-pinyin{color:#66736f;font:11px ui-monospace,monospace}.typing-target{border-bottom:1px solid #bdcac6;flex-wrap:wrap;align-items:flex-end;gap:1px;min-height:35px;margin-top:17px;font:22px ui-monospace,monospace;display:flex}.typing-target span{color:#87938f;text-align:center;min-width:12px;padding:2px 0 7px;position:relative}.typing-target span.typed{color:#168c78}.typing-target span.cursor:after{content:"";background:var(--coral);height:3px;animation:.9s step-end infinite blink;position:absolute;bottom:-1px;left:0;right:0}.input-status{color:#687571;align-items:center;gap:7px;margin-top:13px;font-size:10px;display:flex}.input-status em{color:#9d4d42;margin-left:auto;font-style:normal}.journey-input{opacity:0;position:fixed;top:0;left:-200vw}.mobile-keyboard{display:none}.result-screen{background:#101415;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.result-line{background:var(--cyan);width:140vw;height:11px;position:absolute;transform:rotate(-11deg)}.result-line:after{content:"";background:var(--yellow);width:100%;height:3px;margin-top:18px;display:block}.result-content{color:#17201f;background:#eaf4ef;width:min(820px,100vw - 40px);padding:clamp(28px,5vw,58px);position:relative;box-shadow:0 30px 100px #00000073}.result-mark{color:#168c78;align-items:center;gap:12px;font-weight:800;display:flex}.result-content h1{margin:20px 0 10px;font-size:clamp(40px,7vw,76px);line-height:1.02}.result-content>p{color:#65716e}.result-stats{border-top:1px solid #c9d4d0;border-bottom:1px solid #c9d4d0;grid-template-columns:repeat(4,1fr);margin:34px 0;display:grid}.result-stats div{border-right:1px solid #c9d4d0;padding:18px 12px}.result-stats div:last-child{border:0}.result-stats strong{font:34px Arial Narrow,sans-serif}.result-stats span{color:#65716e;margin-left:3px;font-size:10px}.result-stats small{color:#65716e;margin-top:5px;display:block}.result-actions{justify-content:flex-end;gap:10px;display:flex}.result-actions .primary-command{width:auto}.result-actions .secondary-command{color:#17201f;border-color:#a9b6b2}.future-ticket{color:#788480;margin-top:22px;font-size:10px;display:block}@keyframes blink{50%{opacity:0}}@keyframes loading-node{50%{background:var(--yellow);border-color:var(--yellow);transform:scale(1.25)}}@keyframes shake{25%{transform:translate(calc(-50% - 8px))}75%{transform:translate(calc(8px - 50%))}}@media (width<=800px){.app-shell{grid-template-rows:62px 1fr 30px}.brand{padding:0 14px}.brand b{font-size:25px}.brand span,.header-status strong{display:none}.header-status{padding:0 14px}.planner-layout{min-height:780px;overflow:visible}.map-stage{height:46%;top:auto}.network-map:after{background:linear-gradient(#101415 0,#101415d1 18%,#0000 62%)}.planner-panel,.preview-panel{width:auto;max-height:none;margin:25px 18px 0;padding:0}.planner-title h1{font-size:35px}.planner-copy{margin:12px 0 20px 39px}.history-rail{display:none}.map-attribution{font-size:8px;bottom:7px;right:45px}.app-footer{padding:0 10px;font-size:7px}.preview-panel{padding-bottom:350px}.preview-heading{align-items:flex-start}.preview-heading>strong{font-size:34px}.leg-list li{grid-template-columns:30px 1fr;padding:8px 0}.leg-list em{grid-column:2}.journey-header{gap:9px;padding:0 12px}.active-route span{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.journey-clock span{display:none}.journey-track{height:60%;top:45px}.typing-console{padding:17px 18px;bottom:76px}.typing-console h1{font-size:42px}.typing-target{font-size:18px}.mobile-keyboard{z-index:6;border:1px solid var(--line);min-height:43px;color:var(--ink);background:#202829;align-items:center;gap:8px;padding:0 18px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.result-content{padding:27px 20px}.result-stats{grid-template-columns:1fr 1fr}.result-stats div:nth-child(2){border-right:0}.result-stats div:nth-child(-n+2){border-bottom:1px solid #c9d4d0}.result-actions{flex-direction:column-reverse}.result-actions .primary-command{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}