:root{color:#172026;background:#f4f6f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.app-shell{width:min(1180px,100%);margin:0 auto;padding:18px}.home-content{width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:10px;border:1px solid #dbe3dd;border-radius:8px;background:#ffffffeb;box-shadow:0 8px 24px #14231c12}.topbar h1{margin:0;overflow:hidden;font-size:clamp(21px,3.5vw,30px);line-height:1.05;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.brand-lockup{display:flex;align-items:center;min-width:0;gap:10px}.brand-mark{display:block;flex:0 0 auto;width:38px;height:38px}.brand-mark img{display:block;width:100%;height:100%}.top-actions{display:flex;align-items:center;flex:0 0 auto;gap:4px;height:46px;padding:3px;border:1px solid #dbe3dd;border-radius:8px;background:#f4f6f4}.eyebrow{margin:0;color:#69736c;font-size:13px;font-weight:700}.icon-button,.route-card{border:1px solid #dbe3dd;background:#fff;color:#172026;cursor:pointer}.icon-button{display:grid;width:38px;height:38px;place-items:center;border-radius:8px}.icon-button--locating{background:#edf5f1;color:#166534;animation:locating-pulse 1.2s ease-in-out infinite}.icon-button--locating svg{animation:locating-spin 1.1s linear infinite}@keyframes locating-spin{to{transform:rotate(360deg)}}@keyframes locating-pulse{0%,to{box-shadow:0 0 #16653433}50%{box-shadow:0 0 0 4px #16653414}}.connection{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 9px;border-radius:8px;background:#edf5f1;color:#166534;font-size:13px;font-weight:800;white-space:nowrap}.connection--connecting,.connection--stale,.connection--closed{background:#fff7ed;color:#9a3412}.home-layout{display:grid;grid-template-columns:minmax(0,auto) 300px;flex:1 1 auto;justify-content:center;align-items:start;min-height:0;gap:12px}.route-cards{display:grid;grid-template-columns:1fr;align-content:start;gap:10px;min-height:0}.site-footer-info{display:grid;container-type:inline-size;width:100%;justify-items:center;gap:5px;color:#69736c;font-size:12px;font-weight:700;line-height:1.35;text-align:center}.site-footer-info p{margin:0}.site-footer-info a{color:inherit;text-decoration:none}.site-footer-info a:hover,.site-footer-info a:focus-visible{color:#172026;text-decoration:underline}.site-footer-info__police{display:inline-flex;align-items:center;gap:5px;min-width:0}.site-footer-info__police img{flex:0 0 auto;display:block;width:20px;height:20px}.site-footer-info__beian{display:flex;max-width:100%;align-items:center;justify-content:center;gap:4px 8px;flex-wrap:wrap}.site-footer-info__police,.site-footer-info__icp{max-width:100%;overflow-wrap:anywhere}.site-footer-info__beian-separator{color:#9aa39d}.site-footer-info--home-side,.site-footer-info--route-side{padding:4px 2px 0}.site-footer-info--home-mobile{display:none}@container (max-width: 340px){.site-footer-info__beian{align-items:center;flex-direction:column;gap:5px}.site-footer-info__beian-separator{display:none}}.route-card{--route-title-line-height: 20px;--route-summary-line-height: 16px;--route-summary-lines: 2;--route-summary-gap: 1px;--route-content-gap: 4px;--route-summary-reserved-height: calc(var(--route-summary-line-height) * var(--route-summary-lines) + var(--route-summary-gap));display:grid;grid-template-columns:5px minmax(0,1fr) 22px;align-items:center;gap:12px;height:88px;padding:9px 14px;border-radius:8px;text-align:left;box-shadow:0 8px 24px #14231c14}.route-card__color{width:5px;height:62px;border-radius:99px}.route-card__body{display:grid;align-content:center;align-items:center;grid-template-rows:var(--route-title-line-height) auto;gap:var(--route-content-gap);min-width:0}.route-card strong{display:flex;align-items:center;margin:0;overflow:hidden;font-size:18px;line-height:var(--route-title-line-height);text-overflow:ellipsis;white-space:nowrap}.route-card span span,.route-card__body>span{display:block;overflow:hidden;color:#5f6b63;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.route-card__body>.route-summary-list{display:grid;align-content:center;gap:var(--route-summary-gap);max-height:var(--route-summary-reserved-height);overflow:hidden}.route-card__body>.overflow-marquee{height:var(--route-summary-line-height)}.overflow-marquee{position:relative;display:block;overflow:hidden;min-width:0;height:var(--route-summary-line-height, 1.35em);color:#5f6b63;font-size:13px;line-height:var(--route-summary-line-height, 1.35em);white-space:nowrap}.overflow-marquee__measure{position:absolute;visibility:hidden;white-space:nowrap;pointer-events:none}.overflow-marquee__track{position:absolute;inset:var(--route-summary-track-y, 0) auto auto 0;display:flex;flex-wrap:nowrap;width:max-content;height:var(--route-summary-line-height, 1.35em);min-width:100%;gap:22px;align-items:center;white-space:nowrap;will-change:transform}.overflow-marquee__track>span{display:block;flex:0 0 auto;overflow:visible;min-width:max-content;text-overflow:clip;white-space:nowrap}.overflow-marquee--active .overflow-marquee__track{animation:summary-marquee 7s linear infinite}@keyframes summary-marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 11px))}}.notice{display:flex;align-items:center;gap:8px;margin:10px 0;padding:10px 12px;border:1px solid #d7e2dc;border-radius:8px;background:#fff;color:#435048}.notice--error{border-color:#efc5bd;background:#fff4f1;color:#9a3412}.floating-toast{position:fixed;top:82px;left:50%;z-index:80;display:inline-flex;align-items:center;max-width:min(720px,calc(100% - 28px));min-height:42px;gap:8px;padding:0 14px;border:1px solid #d7e2dc;border-radius:8px;background:#fffffff5;color:#435048;font-size:14px;font-weight:800;white-space:nowrap;box-shadow:0 14px 34px #14231c29;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading{display:grid;min-height:360px;place-items:center;color:#69736c}.map-stage{display:grid;min-height:0;place-items:center}.map-scroll{display:flex;overflow:hidden;width:fit-content;max-width:100%;height:auto;max-height:none;flex-direction:column;align-items:center;border:1px solid #dbe3dd;border-radius:8px;background:#fff}.map-viewport{position:relative;overflow:hidden;aspect-ratio:var(--map-aspect-ratio);width:100%;min-width:0;margin:0 auto;border:4px solid #ffffff;border-bottom-width:0;border-radius:8px 8px 0 0;background:#e9eee8;touch-action:pan-y;-webkit-user-select:none;user-select:none}.map-viewport--zoomed{touch-action:none}.map-canvas{position:relative;width:100%;height:100%;min-width:0;margin:0;cursor:grab;transform-origin:0 0}.map-canvas--zoomed{cursor:grab;transform:translate(var(--map-translate-x, 0),var(--map-translate-y, 0)) scale(var(--map-scale, 1))}.map-viewport:active .map-canvas--zoomed{cursor:grabbing}.map-image,.map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-image{object-fit:fill;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.map-overlay{pointer-events:none}.map-reset-button{position:absolute;top:12px;left:12px;z-index:6;display:grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid #dbe3dd;border-radius:8px;background:#fff;color:#172026;cursor:pointer;box-shadow:0 8px 18px #14231c24}.map-station,.map-vehicle{position:absolute;z-index:3;transform:translate(-50%,-50%) scale(var(--map-marker-scale, 1));transform-origin:center}.map-station{width:26px;height:26px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.map-station span{display:block;width:12px;height:12px;margin:7px;border:2px solid #ffffff;border-radius:50%;background:#22312a;box-shadow:0 2px 8px #00000059;pointer-events:none}.map-vehicle{--vehicle-status-corner: transparent;--vehicle-status-corner-stroke: rgba(255, 255, 255, .92);display:grid;width:32px;height:32px;place-items:center;padding:0;border:2px solid #ffffff;border-radius:8px;background:#111f1a;color:#fff;cursor:pointer;line-height:0;box-shadow:0 6px 14px #00000047}.map-vehicle:before,.map-vehicle:after{position:absolute;top:0;right:0;border-top-right-radius:6px;clip-path:polygon(0 0,100% 0,100% 100%);content:"";opacity:0;pointer-events:none}.map-vehicle:before{width:15.5px;height:15.5px;background:var(--vehicle-status-corner-stroke)}.map-vehicle:after{width:13px;height:13px;background:var(--vehicle-status-corner)}.map-vehicle svg{position:relative;z-index:1;display:block;pointer-events:none}.map-vehicle--waiting{--vehicle-status-corner: #b5c3d1;color:#fff}.map-vehicle--location-issue{--vehicle-status-corner: #fa2828}.map-vehicle--full{--vehicle-status-corner: #f2e422}.map-vehicle--waiting:before,.map-vehicle--location-issue:before,.map-vehicle--full:before,.map-vehicle--waiting:after,.map-vehicle--location-issue:after,.map-vehicle--full:after{opacity:1}.map-legend{position:absolute;right:12px;bottom:12px;z-index:5;display:flex;flex-wrap:wrap;gap:8px}.map-legend button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid #dbe3dd;border-radius:8px;background:#fff;color:#172026;cursor:pointer;font-size:13px;font-weight:700}.map-legend__toggle{border-style:solid;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.map-legend button.map-legend__toggle--active{border-color:var(--route-color, #dbe3dd);box-shadow:0 6px 16px #14231c1a}.map-legend button.map-legend__toggle:not(.map-legend__toggle--active){border-style:dashed;border-color:var(--route-color, #93a29a);background:#f5faf7;color:#172026;opacity:1}.map-legend__toggle:not(.map-legend__toggle--active) span{filter:none;opacity:1}.map-legend span{position:relative;flex:0 0 auto;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px #14231c1f}.map-legend__toggle:not(.map-legend__toggle--active) span:after{position:absolute;top:4px;left:-2px;width:14px;height:2px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #14231c38;content:"";transform:rotate(-45deg);transform-origin:center}.vehicle-map-legend{display:flex;flex-wrap:wrap;width:100%;gap:8px;align-items:center;justify-content:center;padding:10px 12px;border:0;border-top:0;border-radius:0 0 7px 7px;background:#fff;color:#435048;font-size:13px;font-weight:800}.vehicle-map-legend span{display:inline-flex;align-items:center;gap:6px;min-height:24px}.vehicle-legend-dot{--vehicle-legend-corner: transparent;position:relative;display:inline-block;overflow:hidden;width:12px;height:12px;border:2px solid #ffffff;border-radius:4px;box-shadow:0 0 0 1px #14231c24}.vehicle-legend-dot--waiting{background:#b5c3d1}.vehicle-legend-dot--location-issue{background:#fa2828}.vehicle-legend-dot--full{background:#f2e422}.vehicle-legend-dot:after{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-top-right-radius:4px;background:var(--vehicle-legend-corner);clip-path:polygon(0 0,100% 0,100% 100%);content:"";opacity:0}.vehicle-legend-dot--waiting:after,.vehicle-legend-dot--location-issue:after,.vehicle-legend-dot--full:after{opacity:1}.selection-panel{position:absolute;left:12px;bottom:12px;z-index:5;width:min(380px,calc(100% - 24px));padding:14px;border:1px solid #dbe3dd;border-radius:8px;background:#fffffff5;box-shadow:0 12px 30px #14231c2e}.selection-panel--sidebar{display:none}.panel-close{position:absolute;top:8px;right:8px;display:grid;width:28px;height:28px;place-items:center;border:1px solid #dbe3dd;border-radius:8px;background:#fff;color:#435048;cursor:pointer}.selection-panel p{margin:0 0 4px;color:#69736c;font-size:12px;font-weight:700}.selection-panel h2{margin:0 32px 12px 0;font-size:20px}.selection-panel dl{display:grid;gap:8px;margin:0}.selection-panel dl div{display:grid;grid-template-columns:max-content minmax(120px,1fr);align-items:baseline;gap:14px}.selection-panel dl strong{grid-column:1 / -1;font-size:13px}.selection-panel dt{color:#69736c;white-space:nowrap}.selection-panel dd{min-width:0;margin:0;overflow-x:auto;overflow-y:hidden;font-weight:700;text-align:right;white-space:nowrap;scrollbar-width:none}.selection-panel dd::-webkit-scrollbar{display:none}.route-page{padding-top:86px}.route-page__content{width:100%;min-width:0}.route-page__header{position:fixed;top:18px;left:50%;z-index:40;width:min(1144px,calc(100% - 36px));justify-content:flex-start;transform:translate(-50%)}.route-page__header>div,.route-title-block{flex:1 1 auto;min-width:0}.route-title-block{display:grid;height:46px;align-content:center;gap:0}.route-page__header .eyebrow{line-height:1}.route-info-button{flex:0 0 auto}.route-info-panel{position:fixed;top:86px;left:50%;z-index:38;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(560px,calc(100% - 36px));margin:0;padding:10px;border:1px solid #dbe3dd;border-radius:8px;background:#fffffff5;box-shadow:0 14px 34px #14231c24;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(min-width:821px){.route-page{display:flex;width:100%;height:100dvh;justify-content:center;overflow-x:hidden;overflow-y:auto;padding-top:18px;scrollbar-gutter:stable both-edges}.route-page__content{--route-sidebar-width: 300px;--route-layout-gap: 12px;--route-main-width: calc((100dvh - 160px) * var(--route-map-aspect-ratio, .707));--route-content-width: calc(var(--route-main-width) + var(--route-layout-gap) + var(--route-sidebar-width) + 2px);position:relative;display:flex;width:var(--route-content-width);max-width:100%;flex-direction:column;padding-top:82px}.route-page__header{position:fixed;top:18px;width:min(var(--route-content-width),calc(100% - 36px));transform:translate(-50%)}.route-page__header .icon-button{width:46px;height:46px}.route-page .timeline-layout{width:100%;grid-template-columns:minmax(0,1fr) var(--route-sidebar-width);gap:var(--route-layout-gap);align-items:start}.route-info-panel{position:fixed;top:82px}.app-shell:not(.route-page){display:flex;width:100%;height:100dvh;align-items:center;justify-content:center;overflow:hidden}.app-shell:not(.route-page) .home-content{display:flex;width:fit-content;max-width:100%;height:100%;flex-direction:column;justify-content:center;min-width:0}.app-shell:not(.route-page) .topbar,.app-shell:not(.route-page) .notice{flex:0 0 auto}.app-shell:not(.route-page) .home-layout{flex:0 1 auto;align-items:stretch}.app-shell:not(.route-page) .route-cards{display:flex;height:100%;flex-direction:column}.site-footer-info--home-side{align-self:end;margin-top:2px}.route-page .route-side-column{position:sticky;top:82px;display:flex;min-height:calc(100dvh - 122px);align-self:start;flex-direction:column}.route-page .station-detail{position:static;top:auto;z-index:auto}.site-footer-info--route-side{margin-top:2px;padding:4px 2px 0}.selection-panel--map{display:none}.selection-panel--sidebar{position:relative;inset:auto;display:block;width:100%;padding:14px}}.route-info-panel div{display:grid;gap:4px;min-width:0}.route-info-panel p{margin:0;color:#69736c;font-size:12px;font-weight:700}.route-info-panel strong{color:#172026;font-size:14px;line-height:1.25}.route-info-panel span{color:#5f6b63;font-size:12px;line-height:1.3}.timeline-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.route-side-column{display:grid;align-content:start;gap:10px;min-width:0}.station-timeline-shell{--timeline-vehicle-lane: 40px;--timeline-gap: 10px;--timeline-dot-column: 40px;--timeline-axis-left: calc(var(--timeline-vehicle-lane) + var(--timeline-gap) + var(--timeline-dot-column) / 2);--vehicle-card-width: 46px;--vehicle-stub-gap: 9px;position:relative}.station-timeline{position:relative;display:grid;gap:0;margin:0;padding:0;list-style:none}.station-timeline li{position:relative;min-height:72px}.station-timeline li:before{position:absolute;top:0;bottom:0;left:var(--timeline-axis-left);width:2px;background:#d6ded8;content:"";transform:translate(-50%)}.station-timeline li:first-child:before{top:50%}.station-timeline li:last-child:before{bottom:50%}.vehicle-axis-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.vehicle-axis-node{position:absolute;top:var(--vehicle-axis-top, -4px);left:0;z-index:3;display:grid;align-content:center;justify-items:center;gap:3px;width:var(--vehicle-card-width);min-height:42px;padding:4px 2px;border:1px solid #cfe2d8;border-radius:8px;background:#fff;color:#172026;cursor:default;font-size:11px;font-weight:800;line-height:1;transform:translateY(calc(-50% + var(--vehicle-axis-offset, 0px)));box-shadow:0 6px 16px #14231c1a}.vehicle-axis-corner,.vehicle-axis-corner:before,.vehicle-axis-corner:after{position:absolute;clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none}.vehicle-axis-corner{top:1px;right:1px;z-index:1;display:block;width:18px;height:18px;border-top-right-radius:8px;opacity:var(--vehicle-axis-alert-opacity, 0)}.vehicle-axis-corner:before,.vehicle-axis-corner:after{content:"";opacity:1}.vehicle-axis-corner:before{top:0;right:0;width:18px;height:18px;border-top-right-radius:8px;background:#fff}.vehicle-axis-corner:after{top:1px;right:1px;width:17px;height:17px;border-top-right-radius:7px;background:var(--vehicle-axis-alert-color, transparent)}.vehicle-axis-node:after{position:absolute;top:50%;right:calc((var(--timeline-axis-left) - var(--vehicle-card-width) - var(--vehicle-stub-gap)) * -1);width:calc(var(--timeline-axis-left) - var(--vehicle-card-width) - var(--vehicle-stub-gap));height:2px;border-radius:999px;background:#cfe2d8;content:"";transform:translateY(-50%)}.vehicle-axis-node svg{flex:0 0 auto;color:var(--vehicle-axis-icon-color, #2563eb)}.vehicle-axis-node--alert-full{--vehicle-axis-alert-color: #f2e422;--vehicle-axis-alert-opacity: 1}.vehicle-axis-node--alert-location-issue{--vehicle-axis-alert-color: #fa2828;--vehicle-axis-alert-opacity: 1}.vehicle-axis-node--alert-waiting{--vehicle-axis-alert-color: #b5c3d1;--vehicle-axis-alert-opacity: 1}.vehicle-axis-node span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-row{display:grid;position:relative;grid-template-columns:var(--timeline-vehicle-lane) var(--timeline-dot-column) minmax(0,1fr);align-items:center;gap:var(--timeline-gap);width:100%;min-height:72px;padding:10px 10px 14px 0;border:0;border-radius:8px;background:transparent;color:#172026;cursor:pointer;scroll-margin:104px 0 32px;text-align:left}.station-row--active{background:#edf5f1}.station-row--active .station-copy,.station-row--active .station-eta{color:#172026}.station-dot{position:relative;z-index:1;grid-column:2;align-self:center;justify-self:center;width:16px;height:16px;margin-top:0;border:4px solid;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #f4f6f4}.station-copy{display:grid;grid-column:3;gap:5px;min-width:0}.station-copy strong,.station-eta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-eta{display:block;color:#5f6b63;font-size:13px;font-weight:800;line-height:1.35}.station-detail{position:sticky;top:104px;z-index:10;padding:16px;border:1px solid #dbe3dd;border-radius:8px;background:#fff;box-shadow:0 8px 24px #14231c0f}.station-detail p{margin:0 0 4px;color:#69736c;font-size:12px;font-weight:700}.station-detail h2{margin:0 0 12px;font-size:20px}.eta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #edf0ed}.eta-row>span{display:grid;gap:4px;min-width:0}.eta-row strong,.eta-row em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eta-row em{flex:0 0 auto;font-style:normal;font-weight:800}.eta-tags{display:flex;flex-wrap:wrap;gap:4px;color:#fff;font-size:12px;font-weight:800}.eta-tags span{display:inline-flex;min-height:20px;align-items:center;border-radius:999px;background:var(--route-color, #2f7d56);padding:0 7px}.empty-state{display:flex;align-items:center;gap:8px;color:#69736c}.passenger-shell{min-height:100vh;background:linear-gradient(180deg,#f6faf7f0,#e8f1ecf5),#edf4f0;padding:18px}.passenger-page{display:flex;width:min(100%,520px);min-height:calc(100vh - 36px);margin:0 auto;flex-direction:column;gap:14px}.site-footer-info--passenger{margin-top:auto;padding-top:12px;justify-items:center;text-align:center}.passenger-header{display:flex;align-items:center;gap:12px;padding:8px 0 2px}.passenger-header-title{flex:0 0 auto;display:flex;min-height:44px;align-items:center;color:#17251d;font-size:24px;font-weight:900;line-height:1.2}.passenger-header-divider{flex:0 0 auto;width:1px;height:44px;background:#cddbd3}.passenger-header-info{flex:1 1 auto;display:grid;min-width:0;min-height:44px;align-content:center;gap:3px}.passenger-header-info strong{color:#17251d;font-size:18px;font-weight:900;line-height:1.2;overflow-wrap:anywhere}.passenger-header-info span{color:#60736a;font-size:12px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.destination-list{display:grid;gap:9px}.destination-option{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d6e1db;border-radius:8px;background:#fff;padding:12px 14px;color:#17251d;cursor:pointer;text-align:left;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.destination-option:active{transform:scale(.99)}.destination-option:disabled{cursor:wait;opacity:.72}.destination-option:hover:not(:disabled),.destination-option:focus-visible{border-color:var(--passenger-route-color, #1f7a52);background:color-mix(in srgb,var(--passenger-route-color, #1f7a52) 12%,#ffffff);box-shadow:inset 0 0 0 1px var(--passenger-route-color, #1f7a52)}.destination-option span{overflow-wrap:anywhere;font-size:17px;font-weight:900}.destination-option small{flex:0 0 auto;color:#5d6d63;font-size:12px;font-weight:800}.passenger-loading,.passenger-error,.passenger-complete{border-radius:8px;padding:14px;font-weight:800}.passenger-loading{background:#fff;color:#5d6d63}.passenger-error{display:grid;gap:5px;border:1px solid #f1c5bd;background:#fff4f1;color:#8f3126}.passenger-error strong{color:#76251d;font-size:15px}.passenger-error span{font-size:13px;line-height:1.45}.passenger-complete{display:grid;gap:18px;border:1px solid color-mix(in srgb,var(--passenger-route-color, #1f7a52) 26%,#ffffff);background:#fff;color:#17251d;padding:20px;box-shadow:0 12px 28px #18352714}.passenger-complete-status{display:grid;justify-items:center;gap:10px;padding:8px 0 4px;text-align:center}.passenger-safety-warning{display:flex;align-items:center;gap:10px;border:1px solid #f0c85a;border-radius:8px;background:#fff7d8;color:#6f4f00;padding:12px 14px;line-height:1.5}.passenger-safety-warning svg{flex:0 0 auto;color:#d99400}.passenger-safety-warning span{min-width:0;font-size:15px;font-weight:900;overflow-wrap:anywhere}.passenger-complete-status svg{color:var(--passenger-route-color, #1f7a52)}.passenger-complete-status p{margin:0;color:var(--passenger-route-color, #1f7a52);font-size:28px;font-weight:900;line-height:1.2}.passenger-complete dl{display:grid;gap:10px;margin:0}.passenger-complete dl div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;align-items:baseline;border-top:1px solid #edf3ef;padding-top:10px}.passenger-complete dt{color:#68776e;font-size:13px;font-weight:900}.passenger-complete dd{margin:0;color:#17251d;font-size:18px;font-weight:900;overflow-wrap:anywhere}.passenger-edit-button{min-height:48px;border:0;border-radius:8px;background:var(--passenger-route-color, #1f7a52);color:#fff;cursor:pointer;font-size:16px;font-weight:900}@media(max-width:820px){.app-shell{padding:10px}.home-layout{display:flex;width:100%;align-items:stretch;flex-direction:column;gap:12px}.route-page{padding-top:80px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.timeline-layout{grid-template-columns:1fr;gap:10px}.route-cards{order:-1;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.site-footer-info--home-side{display:none}.site-footer-info--home-mobile{display:grid;margin-top:12px;padding:0 8px 4px;justify-items:center;text-align:center}.route-side-column{display:block}.site-footer-info--route-side{display:none}.station-timeline-shell{padding-bottom:122px}.route-card{--route-title-line-height: 19px;--route-summary-line-height: 15.5px;--route-content-gap: 3px;grid-template-columns:4px minmax(0,1fr);gap:8px;height:82px;padding:7px 10px}.route-card>svg{display:none}.route-card__color{width:4px;height:56px}.route-card strong{font-size:16px;white-space:nowrap;word-break:keep-all}.topbar{gap:8px;margin-bottom:12px;padding:8px}.topbar h1{font-size:20px}.top-actions{flex-shrink:0;gap:1px;height:40px;padding:2px}.connection{min-height:30px;padding:0 7px;font-size:12px}.brand-lockup{gap:8px}.brand-mark,.icon-button{width:34px;height:34px}.route-page__header{align-items:center;top:10px;width:calc(100% - 20px);z-index:30}.route-page__header .icon-button{flex:0 0 auto;width:40px;height:40px}.route-title-block{height:40px}.route-page__header h1{font-size:20px}.route-page__header .eyebrow{font-size:11px}.route-info-panel{top:80px;grid-template-columns:1fr;gap:6px;width:calc(100% - 20px);padding:9px}.floating-toast{top:72px;min-height:38px;padding:0 12px;font-size:13px}.map-stage{width:100%;min-height:0;place-items:stretch}.map-scroll{overflow:visible;width:100%;height:auto;max-height:none}.map-viewport,.map-canvas{width:100%;min-width:0}.map-station{width:26px;height:26px}.map-station span{width:12px;height:12px;margin:7px;border-width:2px}.map-vehicle{width:28px;height:28px;border-radius:7px}.map-reset-button{top:8px;left:8px;width:32px;height:32px}.map-legend{right:8px;bottom:8px;gap:6px}.map-legend button{min-height:30px;padding:0 8px;font-size:12px;white-space:nowrap}.selection-panel{left:8px;right:8px;bottom:8px;width:auto;padding:12px}.selection-panel h2{font-size:18px}.station-detail{position:fixed;top:auto;right:10px;bottom:10px;left:10px;z-index:35;padding:10px 12px;box-shadow:0 14px 32px #14231c2e}.station-detail>svg{position:absolute;top:10px;right:12px;color:#69736c}.station-detail p,.station-detail h2{margin-right:26px}.station-detail h2{margin-bottom:4px;font-size:17px;line-height:1.2}.eta-row{align-items:center;padding:5px 0;font-size:13px}.eta-row>span{display:flex;align-items:center;gap:6px}.eta-tags{flex:0 1 auto;min-width:0}.station-row{min-height:64px;padding:8px 8px 12px 0;scroll-margin:90px 0 180px}.station-timeline li{min-height:64px}.station-timeline-shell{--timeline-vehicle-lane: 36px;--timeline-gap: 8px;--timeline-dot-column: 34px;--timeline-axis-left: calc(var(--timeline-vehicle-lane) + var(--timeline-gap) + var(--timeline-dot-column) / 2);--vehicle-card-width: 40px;--vehicle-stub-gap: 7px}.vehicle-axis-node{min-height:40px;gap:2px;padding:3px 4px;font-size:10px}.station-dot{width:12px;height:12px;border-width:3px}.station-copy{gap:4px}.station-copy strong{font-size:14px}.station-eta{font-size:12px}}@media(max-width:380px){.topbar h1{font-size:18px}.brand-mark{width:32px;height:32px}.route-card{padding:9px 8px}.route-card strong{font-size:15px}.station-timeline-shell{--timeline-vehicle-lane: 38px;--timeline-dot-column: 30px;--timeline-axis-left: calc(var(--timeline-vehicle-lane) + var(--timeline-gap) + var(--timeline-dot-column) / 2);--vehicle-card-width: 38px;--vehicle-stub-gap: 6px}}