.app{width:100%;height:100%;position:relative;overflow:hidden}.globe-stage{z-index:0;position:absolute;inset:0}.globe-stage canvas{outline:none}.app__veil{pointer-events:none;z-index:1;background:linear-gradient(#040c148c 0%,#0000 22%),linear-gradient(#0000 72%,#040c1480 100%),linear-gradient(90deg,#040c1473 0%,#0000 35%);position:absolute;inset:0}.app__brand{z-index:3;animation:.9s ease-out both rise-in;position:absolute;top:clamp(1.25rem,3vw,2rem);left:clamp(1.25rem,3vw,2.5rem)}.app__logo{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(120deg,#e8f4f8 20%,#3db8e8 55%,#f0c75e 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800;line-height:.95}.app__tagline{color:var(--mist);letter-spacing:.04em;margin-top:.45rem;font-size:.95rem}.app__tagline span{opacity:.75}.app__author{flex-direction:column;align-items:flex-start;gap:0;margin-top:.35rem;display:flex}.app__author-rule{display:none}.app__author-row{align-items:baseline;gap:.4rem;display:flex}.app__author-label{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#e8f4f852;font-size:.55rem;font-weight:500}.app__author-name{font-family:var(--font-ui);letter-spacing:.02em;color:#e8f4f873;text-shadow:none;font-size:.72rem;font-style:normal;font-weight:400;line-height:1.2}.app__controls{z-index:3;width:min(360px,100% - 2rem);animation:1s ease-out .12s both rise-in;position:absolute;top:clamp(1.25rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.app__step-hint{color:var(--mist);flex-direction:column;gap:.2rem;margin-bottom:.65rem;font-size:.8rem;display:flex}.app__step-hint span{opacity:.8;font-size:.72rem}.app__searches{isolation:isolate;flex-direction:column;gap:.65rem;display:flex}.city-search{z-index:1;border:1px solid var(--stroke);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:2px;padding:.7rem .85rem;position:relative}.city-search.is-open{z-index:30}.city-search.is-active{border-color:#3db8e88c}.city-search.accent-origin{box-shadow:inset 3px 0 #3db8e8}.city-search.accent-destination{box-shadow:inset 3px 0 #f0c75e}.city-search.accent-destination.is-active{border-color:#f0c75e8c}.app--mobile .city-search.is-active.accent-origin{background:#3db8e81a;border-color:#3db8e8bf}.app--mobile .city-search.is-active.accent-destination{background:#f0c75e1a;border-color:#f0c75ebf}.app--mobile .city-search.is-active .city-search__label{color:var(--cloud)}.city-search__label{letter-spacing:.12em;text-transform:uppercase;color:var(--mist);margin-bottom:.35rem;font-size:.72rem;display:block}.city-search__field{align-items:center;gap:.35rem;display:flex}.city-search__field input{background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.98rem}.city-search__field input::placeholder{color:#e8f4f859}.city-search__clear{width:1.5rem;height:1.5rem;color:var(--mist);border-radius:2px;font-size:1.1rem;line-height:1}.city-search__clear:hover{color:var(--cloud);background:#ffffff14}.city-search__list{z-index:20;border:1px solid var(--stroke);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#061622f2;border-radius:2px;max-height:240px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto}.city-search__list button{text-align:left;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:.65rem .85rem;transition:background .15s;display:flex}.city-search__list button:hover{background:#3db8e81f}.city-search__name{align-items:center;gap:.45rem;font-weight:600;display:flex}.city-search__code{letter-spacing:.06em;color:var(--sky);opacity:.85;font-size:.68rem;font-weight:600}.city-search__meta{color:var(--mist);font-size:.75rem}.settings-panel{z-index:3;border:1px solid var(--stroke);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:2px;width:min(200px,100% - 2rem);padding:.7rem .75rem .75rem;animation:1s ease-out .25s both rise-in;position:absolute;bottom:clamp(1.25rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.settings-panel__title{font-family:var(--font-display);letter-spacing:.06em;color:var(--mist);margin-bottom:.45rem;font-size:.8rem;font-weight:700}.settings-panel__title span{opacity:.7;margin-left:.25rem;font-weight:500}.settings-panel__list{flex-direction:column;gap:.35rem;list-style:none;display:flex}.settings-toggle{cursor:pointer;align-items:center;gap:.5rem;display:flex}.settings-toggle input{opacity:0;pointer-events:none;position:absolute}.settings-toggle__box{border:1px solid var(--stroke);background:#ffffff0a;border-radius:2px;flex-shrink:0;width:.9rem;height:.9rem;transition:background .15s,border-color .15s;position:relative}.settings-toggle input:checked+.settings-toggle__box{background:linear-gradient(120deg,#1a6b8a,#3db8e8);border-color:#3db8e8}.settings-toggle input:checked+.settings-toggle__box:after{content:"";border:1.5px solid #041018;border-width:0 1.5px 1.5px 0;width:.22rem;height:.42rem;position:absolute;top:.05rem;left:.24rem;transform:rotate(45deg)}.settings-toggle__label{flex-flow:wrap;align-items:baseline;gap:.35rem;font-size:.82rem;font-weight:500;line-height:1.25;display:flex}.settings-toggle__en{color:var(--mist);font-size:.68rem;font-weight:400}.route-panel{z-index:3;border:1px solid var(--stroke);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(380px,100% - 2.5rem);font-family:var(--font-ui);font-optical-sizing:auto;border-radius:2px;padding:1.15rem 1.25rem 1.25rem;animation:1s ease-out .2s both rise-in;position:absolute;bottom:clamp(1.25rem,3vw,2rem);left:clamp(1.25rem,3vw,2.5rem)}.route-panel__zh{font-family:var(--font-ui)}.route-panel__en{font-family:var(--font-ui);color:var(--mist);font-weight:400}.route-panel__eyebrow{letter-spacing:.04em;color:var(--sky);align-items:baseline;gap:.35rem;margin-bottom:.4rem;font-size:.72rem;display:flex}.route-panel__eyebrow .route-panel__zh{color:var(--sky);font-weight:600}.route-panel__eyebrow .route-panel__en{letter-spacing:.03em;font-size:.68rem}.route-panel__sep{color:#3db8e873;font-weight:400}.route-panel h2{font-family:var(--font-ui);letter-spacing:0;flex-wrap:wrap;align-items:baseline;gap:.4rem;font-size:1.35rem;font-weight:700;line-height:1.35;display:flex}.route-panel__city{font-family:var(--font-ui);font-weight:700}.route-panel__arrow{color:var(--amber);font-weight:600;font-family:var(--font-ui);line-height:1;translate:0 -.05em}.route-panel__arrow--sm{margin:0 .3rem;font-size:.85em;translate:0}.route-panel__sub{color:var(--mist);font-size:.82rem;line-height:1.4;font-family:var(--font-ui);margin-top:.3rem;font-weight:500}.route-panel__stats{grid-template-columns:1fr 1fr;gap:.9rem 1rem;margin:1.1rem 0 .85rem;display:grid}.route-panel__stats div:last-child{grid-column:1/-1}.route-panel__stats dt{color:#e8f4f8b3;flex-wrap:wrap;align-items:baseline;gap:.3rem;margin-bottom:.28rem;font-size:.72rem;font-weight:500;line-height:1.35;display:flex}.route-panel__stats dt .route-panel__en{font-size:.68rem}.route-panel__stats dd{color:var(--cloud);font-size:1.15rem;font-weight:700;line-height:1.3;font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "lnum" 1;flex-wrap:wrap;align-items:baseline;gap:.3rem .4rem;display:flex}.route-panel__num{font-family:var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-weight:700}.route-panel__unit{color:#e8f4f8b8;font-size:.82rem;font-weight:600}.route-panel__unit--secondary{color:var(--mist);font-size:.72rem;font-weight:500}.route-panel__note{color:#e8f4f873;flex-direction:column;gap:.25rem;font-size:.72rem;line-height:1.5;display:flex}.route-panel__note .route-panel__en{font-size:.68rem}.route-panel__actions{gap:.55rem;margin-top:1rem;display:flex}.route-panel__actions .btn span{opacity:.75;margin-left:.25rem;font-weight:500}.btn{border-radius:2px;flex:1;padding:.65rem .75rem;font-size:.85rem;font-weight:600;transition:background .2s,color .2s,border-color .2s}.btn-ghost{border:1px solid var(--stroke);color:var(--cloud)}.btn-ghost:hover{border-color:var(--sky);background:#3db8e81a}.btn-solid{color:#041018;background:linear-gradient(120deg,#1a6b8a,#3db8e8)}.btn-solid:hover{filter:brightness(1.08)}.route-panel--hint .route-panel__hint-title{font-family:var(--font-ui);margin-bottom:.45rem;font-size:1.15rem;font-weight:700}.route-panel--hint .route-panel__hint-title span{color:var(--mist);margin-left:.3rem;font-size:.85rem;font-weight:500}.route-panel--hint .route-panel__hint-body{color:var(--mist);font-size:.88rem;line-height:1.55}.route-panel__hint-body--en{opacity:.85;margin-top:.35rem;font-size:.78rem!important}.route-panel__steps{flex-direction:column;gap:.45rem;margin-top:.9rem;padding-left:0;font-size:.85rem;list-style:none;display:flex}.route-panel__steps li{align-items:center;gap:.55rem;display:flex}.dot{background:var(--mist);border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem}.dot.origin{background:#3db8e8;box-shadow:0 0 10px #3db8e88c}.dot.dest{background:#f0c75e;box-shadow:0 0 10px #f0c75e73}.sky-flight-icon{z-index:2;pointer-events:none;will-change:transform, opacity;transition:opacity .12s;position:absolute;top:0;left:0}.sky-flight-icon--plane{filter:drop-shadow(0 0 8px #f0c75ebf)}.sky-city-marker{pointer-events:none;-webkit-user-select:none;user-select:none;width:0;height:0;position:relative}.sky-city-marker__dot{background:#c8ecf8f2;border:1px solid #e8f4f8d9;border-radius:50%;width:7px;height:7px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 8px #3db8e8a6}.sky-city-marker__names{white-space:nowrap;text-shadow:0 1px 3px #040c14e6;flex-direction:column;align-items:center;gap:.05rem;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 8px))}.sky-city-marker__zh{color:#e8f4f8eb;font-size:.7rem;font-weight:650;line-height:1.15}.sky-city-marker__en{letter-spacing:.02em;color:#e8f4f89e;font-size:.58rem;font-weight:500;line-height:1.1}.sky-city-marker__time{font-variant-numeric:tabular-nums;letter-spacing:.03em;color:#f0c75ee6;margin-top:.12rem;font-size:.62rem;font-weight:600}.sky-city-marker__offset{opacity:.75;margin-left:.2rem;font-weight:500}.sky-city-marker--origin .sky-city-marker__dot{background:#3db8e8;width:9px;height:9px;box-shadow:0 0 12px #3db8e8d9}.sky-city-marker--origin .sky-city-marker__names{background:#061622c7;border:1px solid #3db8e873;border-radius:2px;padding:.12rem .35rem}.sky-city-marker--origin .sky-city-marker__zh{color:#7fd4f0}.sky-city-marker--origin .sky-city-marker__en{color:#7fd4f0bf}.sky-city-marker--origin .sky-city-marker__time{color:#7fd4f0}.sky-city-marker--destination .sky-city-marker__dot{background:#f0c75e;width:9px;height:9px;box-shadow:0 0 12px #f0c75ed9}.sky-city-marker--destination .sky-city-marker__names{background:#061622c7;border:1px solid #f0c75e73;border-radius:2px;padding:.12rem .35rem}.sky-city-marker--destination .sky-city-marker__zh{color:#f0c75e}.sky-city-marker--destination .sky-city-marker__en{color:#f0c75ebf}.sky-city-marker--destination .sky-city-marker__time{color:#f0c75e}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel-fold__toggle{text-align:left;width:100%;color:inherit;align-items:center;gap:.45rem;min-height:2.4rem;padding:0;display:flex}.panel-fold__title{font-family:var(--font-display);letter-spacing:.04em;color:var(--mist);flex-shrink:0;font-size:.8rem;font-weight:700}.panel-fold__title span{opacity:.7;margin-left:.2rem;font-weight:500}.panel-fold__summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--cloud);flex:1;font-size:.82rem;font-weight:600;overflow:hidden}.panel-fold__chevron{color:var(--mist);flex-shrink:0;font-size:.75rem;line-height:1}.panel-fold__body{margin-top:.55rem}.panel-fold__sub{color:var(--mist);text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.68rem;overflow:hidden}.app__pick-hint{color:var(--mist);letter-spacing:.02em;margin-bottom:.5rem;font-size:.72rem}@media (width<=720px){.app__veil{background:linear-gradient(#040c149e 0%,#0000 18%),linear-gradient(#0000 68%,#040c1494 100%)}.app__brand{top:max(.7rem, env(safe-area-inset-top));left:max(.75rem, env(safe-area-inset-left));z-index:5;max-width:min(11.5rem,46% - .35rem)}.app__logo{font-size:1.7rem}.app__author{margin-top:.2rem}.app__author-row{gap:.3rem}.app__author-label{letter-spacing:.1em;font-size:.45rem}.app__author-name{font-size:.62rem}.app__tagline{display:none}.settings-panel{top:max(.65rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right));width:auto;max-width:min(12.5rem,58% - .5rem);padding:.45rem .55rem .5rem;bottom:auto;left:auto}.settings-panel.is-collapsed{padding:.35rem .55rem}.settings-panel .panel-fold__toggle{min-height:1.8rem}.settings-panel .panel-fold__title span{display:none}.settings-panel__list{flex-direction:column;gap:.35rem;display:flex}.settings-toggle__en{font-size:.62rem}.settings-toggle__label{gap:.28rem;font-size:.78rem}.app__controls{top:calc(4.2rem + env(safe-area-inset-top,0px));left:max(.75rem, env(safe-area-inset-left));right:max(.75rem, env(safe-area-inset-right));border:1px solid var(--stroke);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:2px;width:auto;padding:.55rem .7rem .65rem}.app__controls.is-collapsed{padding:.4rem .7rem}.app__controls .panel-fold__title span{display:none}.app__step-hint{margin-bottom:.5rem;font-size:.72rem}.app__step-hint span{display:none}.app__searches{gap:.5rem}.city-search{padding:.55rem .7rem}.city-search__label{margin-bottom:.2rem;font-size:.65rem}.city-search__field input{font-size:.92rem}.city-search__list{max-height:min(36vh,200px)}.route-panel{left:max(.75rem, env(safe-area-inset-left));right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:auto;max-height:min(48vh,340px);padding:.65rem .85rem .85rem;overflow-y:auto}.route-panel.is-collapsed{max-height:none;padding:.45rem .85rem .55rem;overflow:hidden}.route-panel .panel-fold__title span,.route-panel.is-open .panel-fold__summary{display:none}.route-panel h2{font-size:1.15rem}.route-panel__stats{grid-template-columns:1fr 1fr;gap:.7rem .75rem;margin:.85rem 0 .65rem}.route-panel__stats dd{font-size:1.05rem}.route-panel__actions{gap:.45rem;margin-top:.75rem}.btn{min-height:2.6rem;padding:.7rem .65rem;font-size:.82rem}.route-panel--hint .route-panel__hint-title{font-size:1.05rem}.route-panel__hint-body--en{display:none}.route-panel__steps{font-size:.8rem}.sky-city-marker__zh{font-size:.62rem}.sky-city-marker__en{font-size:.52rem}}@media (width<=420px){.app__logo{font-size:1.45rem}.settings-panel{max-width:min(9.5rem,48% - .25rem)}.app__controls{top:calc(3.9rem + env(safe-area-inset-top,0px))}.city-search{padding:.5rem .65rem}.route-panel{max-height:min(44vh,300px);padding:.6rem .75rem .75rem}.route-panel__stats{grid-template-columns:1fr}.route-panel__stats div:last-child{grid-column:auto}.route-panel__actions{flex-direction:column}}@media (height<=560px) and (width<=720px){.app__pick-hint{display:none}.route-panel.is-open{max-height:min(38vh,240px)}.route-panel__note{display:none}}@media (pointer:coarse) and (width>=721px){.app--mobile .app__tagline{display:none}.app--mobile .app__controls{top:calc(3.4rem + env(safe-area-inset-top,0px));left:max(.75rem, env(safe-area-inset-left));right:max(.75rem, env(safe-area-inset-right));border:1px solid var(--stroke);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:2px;width:auto;max-width:420px;margin-left:auto;padding:.55rem .7rem .65rem}.app--mobile .settings-panel{max-width:14rem;padding:.45rem .55rem .5rem}.app--mobile .settings-panel.is-collapsed,.app--mobile .app__controls.is-collapsed{padding-block:.4rem}.app--mobile .route-panel{left:max(.75rem, env(safe-area-inset-left));width:min(420px,100% - 2rem);max-height:min(48vh,360px);overflow-y:auto}.app--mobile .route-panel.is-collapsed{max-height:none;padding:.45rem .85rem .55rem;overflow:hidden}.app--mobile .route-panel.is-open .panel-fold__summary{display:none}}:root{--bg-deep:#061018;--bg-mid:#0c2233;--sky:#3db8e8;--sky-dim:#1a6b8a;--amber:#f0c75e;--cloud:#e8f4f8;--mist:#e8f4f88c;--panel:#081c2ab8;--stroke:#3db8e847;--font-display:"Syne", "Noto Sans", "Noto Sans SC", sans-serif;--font-body:"Noto Sans", "Noto Sans SC", system-ui, sans-serif;--font-ui:"Noto Sans", "Noto Sans SC", system-ui, sans-serif;--font-author:"Instrument Serif", "Times New Roman", Georgia, serif;color:var(--cloud);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{overscroll-behavior:none;background:var(--bg-deep);width:100%;height:100dvh;overflow:hidden}body{background:radial-gradient(90% 60% at 70% 20%,#3db8e81f,#0000 55%),radial-gradient(70% 50% at 15% 80%,#f0c75e0f,#0000 50%),linear-gradient(165deg,#040c14 0%,#0a1c2c 45%,#061820 100%)}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}::selection{background:#3db8e859}