:root,[data-theme=dark]{--bg: #0c0e12;--bg-subtle: #12151c;--surface: #181c24;--surface-hover: #1e242e;--border: #2a3142;--border-focus: #6b9fff;--text: #f1f5f9;--text-muted: #94a3b8;--text-secondary: #94a3b8;--accent: #6b9fff;--accent-btn: #4a85f2;--accent-hover: #8db8ff;--accent-dim: rgba(107, 159, 255, .15);--accent-glow: rgba(107, 159, 255, .3);--primary: #6b9fff;--danger: #f87171;--danger-dim: rgba(248, 113, 113, .15);--success: #34d399;--success-dim: rgba(52, 211, 153, .15);--warning: #fbbf24;--warning-dim: rgba(251, 191, 36, .15);--radius: 14px;--radius-sm: 10px;--font: "Plus Jakarta Sans", system-ui, sans-serif;--shadow: 0 4px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .4);--overlay: rgba(0, 0, 0, .5);--logo-bg: transparent;--logo-shadow: none;--logo-border: none;--logo-bg-sm: radial-gradient(ellipse at 50% 50%, rgba(56, 182, 255, .08) 0%, transparent 70%), linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .04));--logo-shadow-sm: 0 0 14px rgba(56, 182, 255, .15), 0 2px 8px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .08);--logo-border-sm: 1px solid rgba(56, 182, 255, .1)}[data-theme=light]{--bg: #f8fafc;--bg-subtle: #f1f5f9;--surface: #ffffff;--surface-hover: #e2e8f0;--border: #cbd5e1;--border-focus: #5b93ff;--text: #0f172a;--text-muted: #64748b;--text-secondary: #64748b;--accent: #5b93ff;--accent-btn: #4a85f2;--accent-hover: #4a85f2;--accent-dim: rgba(91, 147, 255, .12);--accent-glow: rgba(91, 147, 255, .25);--primary: #5b93ff;--danger: #dc2626;--danger-dim: rgba(220, 38, 38, .12);--success: #16a34a;--success-dim: rgba(22, 163, 74, .12);--warning: #ca8a04;--warning-dim: rgba(202, 138, 4, .12);--shadow: 0 4px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--overlay: rgba(0, 0, 0, .4);--logo-bg: transparent;--logo-shadow: none;--logo-border: none;--logo-bg-sm: linear-gradient(145deg, #ffffff, #f3f6fa);--logo-shadow-sm: 0 2px 8px rgba(37, 99, 235, .08), 0 1px 4px rgba(0, 0, 0, .05);--logo-border-sm: 1px solid rgba(0, 0, 0, .04)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .15s}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--border-focus);color:var(--accent)}.theme-toggle:active{transform:scale(.96)}.theme-toggle-icon{display:flex;align-items:center;justify-content:center}.app-navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 1.75rem;background:var(--bg);border-bottom:1px solid var(--border);width:100vw;margin-left:calc(-50vw + 50%);box-sizing:border-box;opacity:1;transform:translateY(0);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.app-navbar.header-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.app-navbar-left{display:flex;align-items:center;gap:.65rem;text-decoration:none!important}.navbar-logo{height:54px;width:54px;object-fit:contain;display:block}.navbar-title{font-size:1.65rem;font-weight:700;letter-spacing:-.01em;color:var(--text);line-height:1}.navbar-title-accent{color:var(--accent)}.app-navbar-right{display:flex;align-items:center;gap:.45rem}.navbar-guides-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-decoration:none;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.navbar-guides-btn svg{width:19px;height:19px}.navbar-guides-btn:hover{color:var(--text);background:var(--surface-hover);border-color:var(--border-focus);text-decoration:none}.navbar-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:background .2s}.navbar-hamburger:hover{background:var(--surface-hover)}.hamburger-line{display:block;width:20px;height:2px;border-radius:2px;background:var(--text);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s ease;transform-origin:center}.hamburger-line.open:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-menu-backdrop{display:none}@keyframes menu-backdrop-in{0%{opacity:0}to{opacity:1}}.navbar-mobile-menu{display:none}.language-switcher{display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;background:var(--surface);vertical-align:middle}.language-switcher-btn{padding:.4rem .65rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;background:transparent;color:var(--text);cursor:pointer;transition:background .2s,color .2s}.language-switcher-btn:hover{color:var(--text);background:var(--surface-hover)}.language-switcher-btn.active{background:var(--accent-dim);color:var(--accent)}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,button{font-family:inherit;font-size:1rem}.app{max-width:920px;margin:0 auto;padding:0 1.5rem 1.5rem;min-height:100vh}.page-loading{min-height:50vh}.page-title{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;letter-spacing:-.02em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem}.landing-header{text-align:center;padding:1.25rem 0 .5rem}.landing-route-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.75rem 1.75rem 2rem;margin-bottom:1.5rem;box-shadow:var(--shadow);min-height:200px;margin-top:3rem}.landing-route-row{display:flex;align-items:stretch;gap:0;position:relative;min-height:72px}@media (max-width: 380px){.landing-route-row{flex-direction:column}.landing-route-connector{flex-direction:row;padding:.5rem 0}.landing-route-connector-line{width:24px;min-height:2px;flex:1;background:linear-gradient(to right,var(--accent),var(--border))}}.landing-route-field{flex:1;position:relative}.landing-route-field label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.6rem}.landing-route-field input{width:100%;padding:1rem 1.1rem 1rem 2rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:1rem;font-weight:500;transition:border-color .2s,box-shadow .2s;min-height:48px}.landing-route-field input::placeholder{color:var(--text-muted);opacity:.8}.landing-route-field input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-dim)}.field-input-wrap{position:relative}.field-input-wrap .field-icon{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:.45rem;line-height:1;z-index:1}.landing-route-connector{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 1rem;flex-shrink:0}.landing-route-connector-line{width:2px;flex:1;min-height:24px;background:linear-gradient(to bottom,var(--accent),var(--border));border-radius:1px}.landing-route-connector-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.landing-route-swap{width:44px;height:44px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s,border-color .2s}.landing-route-swap:hover{background:var(--surface-hover);color:var(--accent);border-color:var(--border-focus)}.landing-route-cta{margin-top:2rem}.landing-route-cta .btn-primary{padding:1.1rem 1.5rem;font-size:1.05rem;border-radius:var(--radius);box-shadow:0 4px 14px var(--accent-glow);min-height:52px}.landing-route-cta .btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 6px 20px var(--accent-glow)}.landing-plan-mode{display:flex;gap:.5rem;margin-bottom:1.25rem}.landing-plan-mode-btn{flex:1;padding:.6rem 1rem;font-size:.9rem;font-weight:600;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.landing-plan-mode-btn:hover{border-color:var(--accent-dim);color:var(--text)}.landing-plan-mode-btn.active{border-color:var(--accent-btn);background:var(--accent-btn);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.landing-location-mode-toggle{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.landing-route-row-location .landing-route-field{display:flex;flex-direction:column;gap:.5rem;overflow:visible}.landing-route-row-location .landing-route-field input{padding-left:1rem}.landing-route-row-location .landing-route-field label{margin-bottom:0}.landing-from-address-wrapper{position:relative;display:block}.landing-from-address-wrapper .landing-from-address-input{width:100%;padding-left:1rem;padding-right:2.75rem;box-sizing:border-box}.landing-from-location-icon{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);width:44px;height:44px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.landing-from-location-icon:hover:not(:disabled){color:var(--accent);background:var(--accent-dim)}.landing-from-location-icon:disabled{opacity:.6;cursor:not-allowed}.landing-from-location-icon .landing-location-icon-loading{font-size:1rem}.landing-toggle-group{width:100%;max-width:320px;display:flex;justify-content:center}.landing-region-input{font-size:.875rem;padding:.5rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text)}.landing-use-location{align-self:flex-start;margin-top:.25rem}.landing-location-hint{margin:0;font-size:.8125rem;color:var(--accent)}.landing-route-arrow{font-size:1.25rem;color:var(--text-muted)}.landing-recent-journeys{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.landing-recent-journeys-label{margin:0 0 .5rem;font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.landing-recent-journeys-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.landing-recent-journeys-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .85rem;text-align:left;font-size:.9375rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.landing-recent-journeys-item:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent-dim)}.landing-recent-journeys-item:disabled{opacity:.7;cursor:not-allowed}.landing-recent-journeys-from,.landing-recent-journeys-to{font-weight:500}.landing-recent-journeys-arrow{flex-shrink:0;color:var(--text-muted);font-size:.875rem}.landing-suggestions{margin-top:.35rem;padding:.35rem;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);max-height:220px;overflow-y:auto}.landing-suggestions li{padding:.65rem 1rem;border-radius:8px;cursor:pointer;font-size:.9375rem;font-weight:500;transition:background .15s}.landing-suggestions li:hover{background:var(--surface-hover)}.landing-suggestions li.selected{background:var(--accent-dim);color:var(--accent)}.landing-suggestions .station-interchange{font-size:.75rem;font-weight:500;color:var(--text-muted);margin-left:.5rem}.landing-addr-suggestions{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:4px;max-height:240px;padding:6px;border-radius:12px;background:var(--bg);border:1px solid var(--border);box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f;overflow-y:auto;overscroll-behavior:contain}.landing-addr-suggestions li{display:flex;flex-direction:column;gap:2px;padding:10px 12px 10px 36px;border-radius:8px;cursor:pointer;position:relative;transition:background .15s}.landing-addr-suggestions li:before{content:"";position:absolute;left:10px;top:13px;width:16px;height:16px;background:var(--accent, #5b93ff);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E") center / contain no-repeat;opacity:.55}.landing-addr-suggestions li:hover{background:var(--accent-dim, #eef2ff)}.landing-addr-suggestions li:hover:before{opacity:1}.landing-addr-suggestions li+li{border-top:1px solid var(--border-light, #f1f5f9)}.addr-suggestion-name{font-size:.9rem;font-weight:500;color:var(--text);line-height:1.3}.addr-suggestion-desc{font-size:.78rem;font-weight:400;color:var(--text-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.addr-no-results{padding:12px 14px;font-size:.84rem;font-weight:500;color:var(--error, #ef4444);text-align:center;cursor:default}.addr-no-results:before{display:none}.landing-result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-top:1.5rem;box-shadow:var(--shadow)}.landing-result-card h2{font-size:1.15rem;font-weight:700;margin:0 0 .5rem;color:var(--text)}.landing-result-segment{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.landing-result-segment:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.landing-result-line{font-weight:600;color:var(--accent);font-size:.9375rem;margin-bottom:.25rem}.landing-result-platform{font-size:.8125rem;color:var(--text-muted);margin-bottom:.5rem}.landing-result-stations{margin:0;padding-left:1.25rem;font-size:.9375rem;line-height:1.6}.landing-result-stations li{margin-bottom:.2rem}.landing-result-interchange-msg{font-size:.8125rem;color:var(--warning);margin-top:.5rem}.landing-result-cta{margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.journey-viz-trigger{background:var(--surface);color:var(--accent);border:1px solid var(--border);width:100%}.journey-viz-trigger:hover{background:var(--surface-hover);border-color:var(--accent)}.route-skeleton-page{margin-top:.5rem}.route-skeleton-container{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.route-skeleton-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.route-skeleton-header-left{display:flex;flex-direction:column;gap:.5rem}.route-skeleton-title{width:140px;height:1.35rem;border-radius:6px}.route-skeleton-meta{display:flex;gap:.75rem}.route-skeleton-meta-item{width:72px;height:.9rem;border-radius:4px}.route-skeleton-actions{display:flex;gap:.5rem;flex-wrap:wrap}.route-skeleton-btn{width:108px;height:38px;border-radius:var(--radius-sm)}.route-skeleton-btn-primary{width:120px}.route-skeleton-timeline{padding:1rem 1.25rem 1.5rem;display:flex;flex-direction:column;gap:0;max-height:min(65vh,480px)}.route-skeleton-step{display:flex;gap:1rem;align-items:flex-start}.route-skeleton-step-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.route-skeleton-node{width:16px;height:16px;border-radius:50%;flex-shrink:0}.route-skeleton-track{width:5px;flex:1;min-height:24px;margin:2px 0;border-radius:3px}.route-skeleton-step-content{padding-bottom:.75rem;min-width:0;flex:1}.route-skeleton-badge{display:inline-block;width:56px;height:24px;border-radius:6px;margin-bottom:.35rem}.route-skeleton-station-name{height:1rem;border-radius:4px;max-width:200px}.route-skeleton-shimmer{background:linear-gradient(90deg,var(--border) 0%,var(--surface-hover) 50%,var(--border) 100%);background-size:200% 100%;animation:route-skeleton-shimmer 1.4s ease-in-out infinite}@keyframes route-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.planner-route-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.75rem;margin-top:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:1.25rem;animation:planner-banner-enter .5s cubic-bezier(.22,1,.36,1) both}@keyframes planner-banner-enter{0%{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-route-card--entering{animation:planner-form-enter .45s cubic-bezier(.22,1,.36,1) both}@keyframes planner-form-enter{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.planner-route-banner-info{flex:1;min-width:0}.planner-route-banner-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .3rem}.planner-route-banner-route{font-size:1.1rem;font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.planner-route-banner-route .route-arrow{color:var(--accent);font-weight:500;font-size:1.15rem}.planner-route-banner-meta{font-size:.82rem;color:var(--text-muted);margin:.3rem 0 0;font-weight:500}.planner-route-banner-change{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .2s,background .2s,border-color .2s,box-shadow .2s}.planner-route-banner-change:hover{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface));box-shadow:0 2px 8px #2563eb1a}.planner-route-banner-change:active{transform:scale(.97)}.planner-route-banner-change svg{flex-shrink:0}.journey-viz-page{margin-top:.25rem;animation:journey-viz-fade-in .55s cubic-bezier(.22,1,.36,1) .15s both}@keyframes journey-viz-fade-in{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.journey-viz-container{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.journey-viz-container--page{max-height:none;overflow:visible}.journey-viz-page--live{margin-top:1rem}.journey-viz-container--live{border-radius:14px;overflow:hidden}.journey-viz-container--live .journey-viz-timeline{max-height:none;overflow-y:visible;padding:.75rem 1rem 1rem}.journey-viz-live-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.6rem 1.25rem .35rem;border-bottom:1px solid var(--border)}.journey-viz-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:1.1rem 1.35rem;border-bottom:1px solid var(--border);flex-shrink:0}.journey-viz-header-left{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.journey-viz-title{font-size:1.2rem;font-weight:700;margin:0;color:var(--text)}.journey-viz-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.journey-viz-duration{font-size:.85rem;font-weight:600;color:var(--accent)}.journey-viz-interchange-count{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.journey-viz-fare-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.65rem 1.25rem;background:linear-gradient(135deg,#5b93ff0f,#8b5cf60f);border-bottom:1px solid var(--border);flex-shrink:0}.journey-viz-fare-item{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:.82rem;font-weight:600;color:var(--text);white-space:nowrap;box-shadow:0 1px 2px #0000000a}.journey-viz-fare-item.fare-item--smart{border-color:#5b93ff59;background:#5b93ff12}.fare-icon{font-size:1rem;line-height:1}.fare-label{line-height:1}.train-timer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 1.25rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#22c55e0a,#5b93ff0a)}.train-timer-times{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.train-timer-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:.8rem;font-weight:600;color:var(--text);white-space:nowrap;box-shadow:0 1px 2px #0000000a}.train-timer-badge--first{border-color:#22c55e4d;background:#22c55e14}.train-timer-badge--next{border-color:#3b82f64d;background:#3b82f614}.train-timer-badge--last{border-color:#ef44444d;background:#ef444414}.train-timer-icon{flex-shrink:0;opacity:.8}.train-timer-badge--first .train-timer-icon{color:#22c55e}.train-timer-badge--next .train-timer-icon{color:#3b82f6}.train-timer-badge--last .train-timer-icon{color:#ef4444}.train-timer-countdown{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;white-space:nowrap}.train-timer-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.train-timer-dot--active{background:#22c55e;box-shadow:0 0 6px #22c55e80;animation:timer-pulse 2s ease-in-out infinite}.train-timer-dot--inactive{background:#ef4444;box-shadow:0 0 6px #ef444466}@keyframes timer-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.train-timer--open .train-timer-countdown-text{color:#22c55e}.train-timer--closed .train-timer-countdown-text{color:#ef4444}.journey-viz-actions{display:flex;align-items:stretch;gap:.75rem;flex-wrap:wrap}.journey-viz-map-link{padding:.6rem 1rem;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center}.journey-viz-map-link:hover{text-decoration:none}.journey-viz-close{padding:.6rem 1rem;font-size:.9rem}.journey-viz-start{flex:1;min-width:140px;padding:.65rem 1.25rem;font-size:.95rem}.journey-viz-floating-change{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1.5rem .85rem;background:linear-gradient(to top,var(--surface) 55%,transparent);border-radius:0 0 16px 16px;font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;border:none;transition:color .2s;animation:float-change-slide-up .5s cubic-bezier(.16,1,.3,1);touch-action:none;user-select:none;-webkit-user-select:none}.journey-viz-floating-change:hover{color:var(--accent)}.journey-viz-floating-change .floating-change-handle{position:absolute;top:8px;left:50%;transform:translate(-50%);width:32px;height:4px;border-radius:2px;background:var(--text-muted);opacity:.35}.journey-viz-floating-change svg{flex-shrink:0}.journey-viz-floating-change--hiding{animation:float-change-slide-down .3s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}.journey-viz-floating-collapsed{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:.5rem 0;background:linear-gradient(to top,var(--surface) 70%,transparent);border-radius:0 0 16px 16px;cursor:pointer;border:none;animation:float-change-slide-up .3s cubic-bezier(.16,1,.3,1)}.journey-viz-floating-collapsed .floating-change-handle{width:36px;height:4px;border-radius:2px;background:var(--accent);opacity:.5;transition:opacity .2s}.journey-viz-floating-collapsed:hover .floating-change-handle{opacity:1}.journey-viz-container--has-floating .journey-viz-timeline{padding-bottom:3.5rem}@keyframes float-change-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float-change-slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.journey-map-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;touch-action:none;overscroll-behavior:none}.journey-map-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay)}.journey-map-modal{position:relative;background:var(--surface);border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;touch-action:none}.journey-map-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.journey-map-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text)}.journey-map-close{width:44px;height:44px;border:none;border-radius:8px;background:var(--bg);color:var(--text);font-size:1.5rem;line-height:1;cursor:pointer}.journey-map-close:hover{background:var(--border)}.journey-map-loading,.journey-map-error{padding:2rem;text-align:center;color:var(--text-muted)}.journey-map-error{color:var(--error, #dc2626)}.journey-map-container{position:relative;flex:1;min-height:320px;height:420px;touch-action:none}.journey-map-no-route{position:absolute;bottom:0;left:0;right:0;padding:.75rem 1rem;background:var(--surface);border-top:1px solid var(--border);font-size:.875rem;color:var(--text-muted);text-align:center}.journey-map-map{border-radius:0 0 12px 12px;min-height:320px}.journey-map-container .leaflet-container{height:100%!important;min-height:320px;z-index:0;touch-action:none}.journey-map-marker{background:var(--accent);border:3px solid var(--surface);border-radius:50%;box-shadow:0 2px 8px #00000040}.journey-map-marker--start{background:var(--success)}.journey-map-marker--end{background:var(--danger)}.journey-map-marker--intermediate{background:var(--accent);border-width:2px;border-color:var(--surface)}.journey-map-marker--origin-extra,.journey-map-marker--destination-extra{background:var(--text-muted);border:3px dashed var(--border);border-radius:50%}.journey-map-marker--user{background:var(--accent);border:3px solid var(--surface);border-radius:50%;box-shadow:0 0 0 4px var(--accent-glow),0 2px 8px #00000040;animation:user-pulse 2s ease-in-out infinite}@keyframes user-pulse{0%,to{box-shadow:0 0 0 4px var(--accent-glow),0 2px 8px #00000040}50%{box-shadow:0 0 0 8px var(--accent-dim),0 2px 8px #00000040}}.journey-viz-timeline{overflow-y:visible;padding:1rem 1.25rem 1.5rem;flex:1}.journey-viz-step{display:flex;gap:1rem;position:relative;opacity:.72;transition:opacity .35s ease,color .25s ease,filter .25s ease}.journey-viz-step .journey-viz-station-name{color:var(--text)}.journey-viz-step:not(.visited) .journey-viz-station-name{color:var(--text-muted);font-weight:500}.journey-viz-step:not(.visited) .journey-viz-node{opacity:.85;filter:saturate(.85)}.journey-viz-step.visited:not(.highlight){opacity:.6}.journey-viz-step.visited:not(.highlight) .journey-viz-station-name{color:var(--text-muted);font-weight:500}.journey-viz-step.visited:not(.highlight) .journey-viz-node{opacity:.75;filter:saturate(.6)}.journey-viz-step.visited:not(.highlight) .journey-viz-track{opacity:.5}.journey-viz-step.visited:not(.highlight) .journey-viz-line-badge,.journey-viz-step.visited:not(.highlight) .journey-viz-interchange-label,.journey-viz-step.visited:not(.highlight) .journey-viz-change-card{opacity:.8}.journey-viz-step.visited,.journey-viz-step.highlight{opacity:1}.journey-viz-step.highlight .journey-viz-station-name{color:var(--text);font-weight:700}.journey-viz-step.highlight .journey-viz-node{transform:scale(1.5);box-shadow:0 0 0 5px var(--line-color),0 0 20px var(--line-color);animation:journey-viz-pulse .6s ease-in-out infinite alternate}.journey-viz-step.highlight .journey-viz-node.interchange-node{color:var(--line-color);box-shadow:0 0 0 5px var(--line-color),0 0 20px var(--line-color);animation:journey-viz-pulse .6s ease-in-out infinite alternate}.journey-viz-step.highlight .journey-viz-step-content{animation:journey-viz-highlight-text .3s ease-out}@keyframes journey-viz-pulse{0%{box-shadow:0 0 0 5px var(--line-color),0 0 12px var(--line-color)}to{box-shadow:0 0 0 6px var(--line-color),0 0 24px var(--line-color)}}@keyframes journey-viz-highlight-text{0%{opacity:.7}to{opacity:1}}.journey-viz-step-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.journey-viz-node{width:16px;height:16px;border-radius:50%;background:var(--line-color, var(--accent));border:3px solid var(--surface);box-shadow:0 0 0 2px var(--line-color, var(--accent));flex-shrink:0;transition:transform .25s ease,box-shadow .25s ease}.journey-viz-node.interchange-node{width:20px;height:20px;border-radius:4px;background:var(--surface);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--line-color, var(--accent));border:3px solid var(--line-color, var(--accent));animation:journey-viz-interchange-idle 2.2s ease-in-out infinite}@keyframes journey-viz-interchange-idle{0%,to{box-shadow:0 0 0 0 var(--line-color),0 0 6px var(--line-color);opacity:1}50%{box-shadow:0 0 0 3px var(--line-color),0 0 12px var(--line-color);opacity:.95}}.journey-viz-node.destination-node{width:18px;height:18px;border-radius:2px;background:var(--line-color, var(--accent));border:3px solid var(--surface);box-shadow:0 0 0 2px var(--line-color, var(--accent))}.journey-viz-step.visited:not(.highlight) .journey-viz-node.destination-node{opacity:.75;filter:saturate(.6)}.journey-viz-step.highlight .journey-viz-node.destination-node{box-shadow:0 0 0 4px var(--line-color),0 0 16px var(--line-color);animation:journey-viz-pulse .6s ease-in-out infinite alternate}.journey-viz-track{width:5px;flex:1;min-height:10px;border-radius:3px;margin:2px 0;opacity:.95}.journey-viz-track--dotted{width:5px;flex:1;min-height:48px;margin:2px 0;background:repeating-linear-gradient(to bottom,var(--extra-route-color, #94a3b8) 0,var(--extra-route-color, #94a3b8) 4px,transparent 4px,transparent 10px)!important;border-radius:0;opacity:.9}.journey-viz-step--extra{opacity:.9}.journey-viz-step--extra .journey-viz-station-name{color:var(--text-muted);font-weight:500}.journey-viz-extra-label{font-style:italic}.journey-viz-node--origin,.journey-viz-node--destination-extra{width:14px;height:14px;background:var(--extra-route-color, #94a3b8);border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--extra-route-color, #94a3b8)}.journey-viz-node--destination-extra{background:var(--extra-route-color, #94a3b8)}.journey-viz-step-content{padding-bottom:.75rem;min-width:0}.journey-viz-line-badge{display:inline-block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff;padding:.35rem .65rem;border-radius:6px;margin-bottom:.35rem;border:2px solid rgba(255,255,255,.3);box-shadow:0 1px 3px #0000004d}.journey-viz-station-name{font-size:.9375rem;font-weight:600;margin:0;color:var(--text);line-height:1.35}.journey-viz-interchange-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-left:.5rem}.journey-viz-interchange-msg{font-size:.75rem;color:var(--warning);margin:0 0 .35rem;line-height:1.4}.journey-viz-change-card{margin-top:.6rem;padding:.75rem .9rem;border-radius:10px;border:1px solid var(--border);background:linear-gradient(135deg,#ffffff0a,#ffffff03);display:flex;flex-direction:column;gap:.5rem}.journey-viz-change-icon{font-size:1.1rem;opacity:.9;color:var(--next-line-color, var(--accent))}.journey-viz-change-msg{font-size:.8rem;color:var(--text-muted);line-height:1.45;margin:0}.journey-viz-change-to-badge{display:inline-block;align-self:flex-start;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;padding:.4rem .7rem;border-radius:6px;box-shadow:0 2px 8px #00000040}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0 1.5rem;flex-wrap:wrap}.page-header-brand{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text)}.page-header-actions{display:flex;align-items:center;gap:.5rem}.btn-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:1.15rem;transition:background .2s,border-color .2s,transform .15s}.btn-icon:hover{background:var(--surface-hover);border-color:var(--border-focus);transform:scale(1.08)}.btn-icon-miui{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:none;background:var(--surface);color:var(--text-muted);cursor:pointer;transition:background .18s,color .18s,transform .15s,box-shadow .18s;box-shadow:0 1px 3px #00000014}.btn-icon-miui:hover{background:var(--accent);color:var(--bg);transform:translateY(-1px);box-shadow:0 3px 8px var(--accent-glow)}.btn-icon-miui:active{transform:scale(.93);box-shadow:none}.btn-icon-miui:disabled{opacity:.5;cursor:default;transform:none}.journey-mute-btn.muted{opacity:.55}.journey-refresh-btn.spinning svg{animation:spin-refresh .6s ease-in-out infinite}@keyframes spin-refresh{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-header-logo{width:34px;height:34px;border-radius:9px;object-fit:contain;padding:4px;border:var(--logo-border-sm);background:var(--logo-bg-sm);box-shadow:var(--logo-shadow-sm);transition:background .3s,box-shadow .3s}.page-header-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0}.btn-secondary{padding:.6rem 1rem;border-radius:var(--radius);font-weight:600;font-size:.9375rem;background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-focus);color:var(--accent)}.journey-location-hint{font-size:.85rem;color:var(--text-muted);margin:0 0 .75rem;padding:.5rem 0}.journey-gps-stale{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius);padding:6px 12px;margin:0 0 .75rem;animation:gps-stale-pulse 2s ease-in-out infinite}.journey-gps-stale svg{flex-shrink:0;color:#d97706}.journey-gps-stale--resync{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe;animation:none}.journey-gps-stale--resync svg{color:#2563eb}.journey-gps-stale--still{color:#0f766e;background:#ccfbf1;border-color:#99f6e4}.journey-gps-stale--still svg{color:#0d9488}@keyframes gps-stale-pulse{0%,to{opacity:1}50%{opacity:.7}}[data-theme=dark] .journey-gps-stale{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2440}[data-theme=dark] .journey-gps-stale--resync{color:#93c5fd;background:#3b82f624;border-color:#93c5fd42}[data-theme=dark] .journey-gps-stale--still{color:#5eead4;background:#14b8a629;border-color:#5eead447}.journey-route-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:var(--shadow);max-height:200px;opacity:1;overflow:hidden;transition:opacity .4s cubic-bezier(.4,0,.2,1),max-height .45s cubic-bezier(.4,0,.2,1),margin-bottom .45s cubic-bezier(.4,0,.2,1),padding .45s cubic-bezier(.4,0,.2,1),border-width .45s cubic-bezier(.4,0,.2,1)}.journey-route-summary--hidden{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-width:0;pointer-events:none}.journey-route-summary-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .35rem}.journey-route-summary-route{font-size:1rem;font-weight:600;margin:0;color:var(--text);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.journey-route-summary-route span:first-child{color:var(--accent)}.journey-route-summary-route .route-arrow{color:var(--text-muted);font-weight:500}.journey-route-summary-duration{font-size:.9rem;color:var(--accent);font-weight:600;margin:.5rem 0 0}.journey-route-summary-map-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600;color:var(--accent);background:#2563eb14;border:1px solid rgba(37,99,235,.3);border-radius:999px;text-decoration:none;cursor:pointer;transition:all .2s ease}.journey-route-summary-map-link:before{content:"🗺️";font-size:1rem;line-height:1}.journey-route-summary-map-link:hover{background:#2563eb29;border-color:var(--accent);color:var(--accent-hover);text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 8px #2563eb33}.journey-current-card{background:linear-gradient(145deg,var(--surface) 0%,var(--bg-subtle) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow);position:relative;overflow:hidden}.journey-current-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--accent),#3371e0);border-radius:var(--radius) 0 0 var(--radius)}.journey-current-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .5rem}.journey-current-station{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .75rem;color:var(--text);line-height:1.2}.journey-current-details{display:flex;flex-direction:column;gap:.35rem}.journey-current-detail{font-size:.9375rem;color:var(--text-muted);margin:0}.journey-current-detail strong,.journey-current-platform{color:var(--accent);font-weight:600}.journey-compact-bar{display:flex;gap:.75rem;margin-bottom:1rem}.journey-current-card.journey-current-card--compact{flex:64;min-width:0;margin-bottom:0}.journey-map-thumb{display:flex;flex:36;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:100px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;padding:0;transition:border-color .2s,box-shadow .2s,transform .15s}.journey-map-thumb:hover{border-color:var(--accent);box-shadow:0 4px 16px #5b93ff33;transform:translateY(-1px)}.journey-map-thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:.85}.journey-map-thumb-icon{display:none}.journey-map-thumb-label{position:relative;z-index:1;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:#2563ebcc;padding:.25rem .6rem;border-radius:4px}.journey-offline-banner{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;margin-bottom:.75rem;border-radius:var(--radius);background:linear-gradient(135deg,#fbbf241f,#f59e0b1f);border:1px solid rgba(245,158,11,.45);color:#fbbf24;font-size:.85rem;font-weight:600;animation:offlinePulse 2s ease-in-out infinite}.offline-icon{font-size:1.1rem;line-height:1}@keyframes offlinePulse{0%,to{opacity:1}50%{opacity:.7}}.journey-alert-banner{padding:1rem 1.25rem;border-radius:var(--radius);margin-bottom:1rem;font-weight:600;font-size:.9375rem;display:flex;align-items:center;gap:.75rem}.journey-alert-banner:before{font-size:1.35rem;flex-shrink:0}.journey-alert-banner.danger{background:#f871711f;border:1px solid var(--danger);color:#fca5a5}.journey-alert-banner.danger:before{content:"⚠"}.journey-alert-banner.success{background:#34d3991f;border:1px solid var(--success);color:#6ee7b7}.journey-alert-banner.success:before{content:"✓"}.journey-arrival-card{padding:1rem 1.25rem;border-radius:var(--radius);margin-bottom:1rem;font-weight:500;font-size:.9375rem;border:1px solid}.journey-arrival-card.destination{background:#34d3991a;border-color:var(--success);color:#6ee7b7}.journey-arrival-card.interchange{background:var(--warning-dim);border-color:var(--warning);color:var(--warning)}.journey-cta-section{position:sticky;bottom:1.5rem;margin-top:1.5rem;z-index:50}.journey-cta-section .btn-primary{padding:1rem 1.5rem;font-size:1.05rem;border-radius:var(--radius);box-shadow:0 4px 14px var(--accent-glow)}.journey-cta-section .btn-primary.journey-next-station-btn{opacity:.82;filter:saturate(.9);transition:opacity .2s ease,filter .2s ease,transform .15s ease,box-shadow .2s ease}.journey-cta-section .btn-primary.journey-next-station-btn:hover,.journey-cta-section .btn-primary.journey-next-station-btn:focus-visible{opacity:1;filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 8px 22px var(--accent-glow)}.journey-cta-section .btn-primary.journey-next-station-btn:active{opacity:1;filter:saturate(1.12);transform:translateY(0);box-shadow:0 5px 16px var(--accent-glow)}.journey-cta-section .btn-primary.journey-next-station--fallback{box-shadow:0 0 0 2px #5b93ff2e,0 10px 24px var(--accent-glow);animation:journey-next-fallback-pulse 1.8s ease-in-out infinite}@keyframes journey-next-fallback-pulse{0%,to{transform:translateY(0);box-shadow:0 0 0 2px #5b93ff2e,0 10px 24px var(--accent-glow)}50%{transform:translateY(-1px);box-shadow:0 0 0 4px #5b93ff1f,0 14px 28px var(--accent-glow)}}[data-theme=dark] .journey-cta-section .btn-primary.journey-next-station--fallback{box-shadow:0 0 0 2px #93c5fd3d,0 10px 24px var(--accent-glow)}.si-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-top:1rem;overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .3s ease,border-color .3s ease}.si-card--expanded{box-shadow:var(--shadow-lg);border-color:var(--border-focus)}.si-accent-bar{height:3px;background:linear-gradient(90deg,#5b93ff,#8b5cf6,#ec4899,#f59e0b);background-size:200% 100%;animation:si-gradient-shift 4s ease infinite}@keyframes si-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.si-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.9rem 1.1rem;background:transparent;border:none;cursor:pointer;color:var(--text);transition:background .2s;gap:.75rem}.si-header:hover{background:var(--surface-hover)}.si-header-left{display:flex;align-items:center;gap:.7rem;min-width:0}.si-header-badge{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#5b93ff1f,#8b5cf61a);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;color:var(--accent)}.si-header-text{display:flex;flex-direction:column;min-width:0}.si-header-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);line-height:1}.si-header-station{font-size:1rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.15rem}.si-chevron{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);background:var(--surface-hover);transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s}.si-chevron--open{transform:rotate(180deg);background:#5b93ff1f;color:var(--accent)}.si-body{padding:0 1.1rem 1.1rem;animation:si-body-enter .3s ease-out}@keyframes si-body-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.si-description{font-size:.875rem;color:var(--text);line-height:1.6;margin:0 0 1rem}.si-culture{display:flex;gap:.75rem;align-items:flex-start;background:linear-gradient(135deg,#facc150f,#f59e0b08);border:1px solid rgba(250,204,21,.15);border-radius:10px;padding:.85rem 1rem;margin-bottom:1rem}.si-culture-icon{font-size:1.3rem;flex-shrink:0;margin-top:.1rem}.si-culture-content{min-width:0;flex:1}.si-culture-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#d97706;margin:0 0 .35rem}.si-culture-text{font-size:.8rem;color:var(--text-muted);line-height:1.55;margin:0}.si-places{margin-top:.25rem}.si-places-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .65rem}.si-places-grid{display:flex;flex-direction:column;gap:.45rem}.si-place-chip{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border-radius:10px;background:var(--surface-hover);border:1px solid transparent;transition:border-color .2s,background .2s}.si-place-chip:hover{border-color:var(--border);background:var(--surface)}.si-place-emoji{font-size:1.25rem;flex-shrink:0;width:32px;height:32px;border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000014}.si-place-info{min-width:0;flex:1}.si-place-name{font-size:.825rem;font-weight:600;color:var(--text);display:block;line-height:1.3}.si-place-tags{display:flex;align-items:center;gap:.45rem;margin-top:.2rem}.si-place-type{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;border-radius:4px;line-height:1.3}.si-type--heritage{background:#8b5cf61f;color:#8b5cf6}.si-type--food{background:#ef44441a;color:#ef4444}.si-type--shopping{background:#5b93ff1a;color:#5b93ff}.si-type--park{background:#22c55e1a;color:#16a34a}.si-type--religious{background:#f59e0b1a;color:#d97706}.si-type--entertainment{background:#ec48991a;color:#ec4899}.si-type--landmark{background:#6366f11a;color:#6366f1}.si-type--museum{background:#a855f71a;color:#a855f7}.si-type--market{background:#14b8a61a;color:#0d9488}.si-transport--bus{background:#5b93ff1a;color:#5b93ff}.si-transport--auto{background:#f59e0b1a;color:#d97706}.si-transport--railway{background:#6366f11a;color:#6366f1}.si-transport--cycle{background:#10b9811a;color:#059669}.si-transport--ev{background:#eab3081a;color:#ca8a04}.si-transport-section{margin-top:.5rem;padding-top:.75rem;border-top:1px dashed var(--border-light, #e2e8f0)}.si-transport-chip{background:var(--surface, #f8fafc)}.si-place-dist{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:500;color:var(--text-muted);opacity:.8}.si-place-dist svg{flex-shrink:0}.journey-loading{text-align:center;padding:3rem 1rem}.journey-loading-spinner{width:40px;height:40px;margin:0 auto 1rem;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:journey-spin .8s linear infinite}@keyframes journey-spin{to{transform:rotate(360deg)}}.journey-loading-text{font-size:.9375rem;color:var(--text-muted);font-weight:500;margin:0}.journey-error-state{text-align:center;padding:2rem 0}.journey-error-state .alert{text-align:left;margin-bottom:1.25rem}.journey-error-state .btn-primary{padding:1rem 1.5rem;width:auto;min-width:200px}.error-page{padding:2rem 0;text-align:center}.error-page-logo{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.error-page-logo-icon{width:44px;height:44px;border-radius:12px;object-fit:contain;padding:5px;border:var(--logo-border-sm);background:var(--logo-bg-sm);box-shadow:var(--logo-shadow-sm);box-shadow:0 4px 14px #5b93ff59}.error-page-logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.03em;color:var(--text)}.error-page-title{font-size:1.35rem;font-weight:700;margin:0 0 1rem;color:var(--danger)}.error-page-message{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.5rem;text-align:left;font-size:.9375rem;color:var(--text-muted);max-width:100%;word-break:break-word}.error-page-icon{color:var(--text-muted);opacity:.5;margin-bottom:.75rem}.error-page-subtitle{font-size:.95rem;color:var(--text-muted);text-align:center;max-width:380px;line-height:1.5;margin:.5rem 0 1.5rem}.error-page-cta{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.error-page-cta .btn{padding:.85rem 1.5rem;font-size:1rem;border-radius:var(--radius);width:auto;min-width:150px}.error-page-cta .btn-primary{box-shadow:0 4px 14px var(--accent-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:var(--radius);font-weight:600;border:none;cursor:pointer;transition:background .15s,color .15s}.btn-primary{background:var(--accent-btn);color:#fff;width:100%}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{background:var(--surface-hover);border-color:var(--border-focus)}.alert{padding:1rem 1.25rem;border-radius:var(--radius);margin-bottom:1rem;font-weight:500}.alert-danger{background:var(--danger-dim);border:1px solid var(--danger);color:var(--danger)}.toast-container{position:fixed;top:max(.55rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(92vw,640px);z-index:9999;display:flex;flex-direction:column;align-items:stretch;gap:.65rem;padding:0;pointer-events:none}.toast-item{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:.7rem;max-width:560px;width:100%;padding:.78rem .88rem .88rem;border-radius:14px;background:linear-gradient(165deg,color-mix(in srgb,var(--surface) 95%,#ffffff 5%),var(--surface));border:1px solid var(--border);box-shadow:0 10px 28px #0f172a29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;overflow:hidden;isolation:isolate;animation:toast-enter .35s cubic-bezier(.22,1,.36,1)}.toast-item:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent);opacity:.9}.toast-item--exit{animation:toast-exit .35s cubic-bezier(.4,0,1,1) forwards}.toast-item--error{border-color:color-mix(in srgb,var(--danger) 24%,var(--border));background:linear-gradient(165deg,color-mix(in srgb,var(--danger-dim) 38%,var(--surface) 62%),var(--surface))}.toast-item--error:before{background:var(--danger)}.toast-item--error .toast-icon{color:var(--danger);background:color-mix(in srgb,var(--danger-dim) 72%,#ffffff 28%)}.toast-item--error .toast-progress-bar{background:var(--danger)}.toast-item--success{border-color:color-mix(in srgb,var(--success) 20%,var(--border));background:linear-gradient(165deg,color-mix(in srgb,var(--success-dim) 30%,var(--surface) 70%),var(--surface))}.toast-item--success:before{background:var(--success)}.toast-item--success .toast-icon{color:var(--success);background:color-mix(in srgb,var(--success-dim) 75%,#ffffff 25%)}.toast-item--success .toast-progress-bar{background:var(--success)}.toast-item--info{border-color:color-mix(in srgb,var(--accent) 18%,var(--border));background:linear-gradient(165deg,color-mix(in srgb,var(--accent-dim) 24%,var(--surface) 76%),var(--surface))}.toast-item--info:before{background:var(--accent)}.toast-item--info .toast-icon{color:var(--accent);background:color-mix(in srgb,var(--accent-dim) 72%,#ffffff 28%)}.toast-item--info .toast-progress-bar{background:var(--accent)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-top:.05rem;border-radius:999px}.toast-text{flex:1;font-size:.92rem;font-weight:600;letter-spacing:.005em;color:var(--text);line-height:1.4;overflow-wrap:anywhere;word-break:break-word}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid transparent;background:color-mix(in srgb,var(--surface-hover) 72%,transparent);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:0;transition:color .15s,background .15s,border-color .15s}.toast-close:hover{color:var(--text);background:var(--surface-hover);border-color:var(--border-focus)}.toast-progress{position:absolute;bottom:0;left:4px;right:0;height:4px;background:transparent}.toast-progress-bar{height:100%;border-radius:0 0 10px 10px;transition:width .1s linear;opacity:.72}@keyframes toast-enter{0%{opacity:0;transform:translateY(-22px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-16px) scale(.96)}}@media (max-width: 768px){.toast-container{width:min(96vw,560px);top:max(.4rem,env(safe-area-inset-top))}.toast-item{padding:.72rem .78rem .8rem;border-radius:12px;gap:.62rem}.toast-text{font-size:.88rem;line-height:1.36}}@media (max-width: 480px){.toast-container{width:calc(100vw - 12px);top:max(.3rem,env(safe-area-inset-top));gap:.5rem}.toast-item{padding:.66rem .68rem .76rem;border-radius:11px;grid-template-columns:auto 1fr auto}.toast-icon{width:24px;height:24px}.toast-text{font-size:.84rem}.toast-close{width:24px;height:24px}}.alert-success{background:var(--success-dim);border:1px solid var(--success);color:var(--success)}.alert-warning{background:var(--warning-dim);border:1px solid var(--warning);color:var(--warning)}.text-muted{color:var(--text-muted);font-size:.875rem}.faq-panel{position:fixed;bottom:5.5rem;right:1.5rem;z-index:1100;width:370px;max-width:calc(100vw - 2rem);height:min(420px,calc(100vh - 7rem));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}.faq-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-subtle)}.faq-panel-back-btn{display:none;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:10px;background:transparent;color:var(--text);cursor:pointer;flex-shrink:0;transition:background .2s}.faq-panel-back-btn:hover{background:var(--bg)}.faq-panel-back-btn svg{width:20px;height:20px}.faq-panel-title{margin:0;font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.01em;flex:1}.faq-panel-body{overflow-y:auto;flex:1;min-height:0;padding:.25rem .65rem .5rem}.faq-panel-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:2rem 0;font-size:.8125rem;color:var(--text-muted)}.faq-panel-error{margin:.5rem 0;padding:.5rem .65rem;font-size:.78rem;font-weight:500;color:var(--warning);background:#fbbf2414;border-radius:8px}.faq-panel-empty{text-align:center;padding:2rem 0;font-size:.8125rem;color:var(--text-muted);margin:0}.faq-category-accordion{border-bottom:1px solid var(--border)}.faq-category-accordion:last-of-type{border-bottom:none}.faq-category-summary{padding:0 .35rem!important;min-height:40px!important}.faq-category-summary .MuiAccordionSummary-content{margin:.45rem 0!important;display:flex;align-items:center;gap:.5rem}.faq-category-heading{margin:0;padding:0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border-bottom:none}.faq-question{font-size:.8125rem;font-weight:600;color:var(--text);line-height:1.4}.faq-answer{margin:0;font-size:.78rem;line-height:1.65;color:var(--text-muted)}.faq-panel-footer{flex-shrink:0;padding:.5rem .65rem;border-top:1px solid var(--border);background:var(--bg-subtle)}.faq-search-wrapper{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:10px;transition:border-color .2s}.faq-search-wrapper:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-dim)}.faq-search-input{flex:1;border:none;background:transparent;color:var(--text);font-size:.8125rem;padding:.5rem .5rem .5rem .35rem;outline:none;min-width:0}.faq-search-input::placeholder{color:var(--text-muted);opacity:.8}@media (max-width: 768px){.faq-panel{top:54px;left:0;right:0;bottom:0;width:100%;max-width:100%;height:auto;border-radius:0;border:none;box-shadow:none;z-index:97}.faq-panel-header{padding:.6rem 1rem;gap:.65rem}.faq-panel-back-btn{display:flex;width:36px;height:36px}.faq-panel-back-btn svg{width:22px;height:22px}.faq-panel-title{font-size:1.2rem}.faq-panel-header .faq-panel-close-icon{display:none}.faq-fab-mobile-hidden{display:none!important}.faq-panel-footer{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.faq-panel-body{padding:.5rem 1rem .75rem}}@media (max-width: 640px){.faq-panel{top:50px}.faq-panel-header{padding:.5rem .75rem;gap:.4rem}.faq-panel-back-btn{width:32px;height:32px}.faq-panel-back-btn svg{width:20px;height:20px}.faq-panel-title{font-size:1.15rem}}@media (max-width: 480px){.faq-panel{top:46px}.faq-panel-header{padding:.45rem .5rem;gap:.35rem}.faq-panel-back-btn{width:28px;height:28px}.faq-panel-back-btn svg{width:18px;height:18px}.faq-panel-title{font-size:1.05rem}}.pg-card{background:var(--card-bg);border-radius:1rem;overflow:hidden;margin:.75rem 0;box-shadow:0 2px 12px #00000014;transition:box-shadow .25s ease;position:relative}.pg-card:hover{box-shadow:0 4px 20px #00000021}.pg-accent-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#5b93ff,#8b5cf6,#ec4899)}.pg-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.85rem 1rem .75rem;border:none;background:transparent;cursor:pointer;color:var(--text);gap:.75rem}.pg-header-left{display:flex;align-items:center;gap:.65rem;min-width:0}.pg-platform-badge{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.625rem;color:#fff;font-weight:800;font-size:.8rem;letter-spacing:.02em;flex-shrink:0;box-shadow:0 2px 6px #0000002e}.pg-header-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.pg-header-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted)}.pg-header-station{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.pg-meta-pill{font-size:.68rem;font-weight:600;background:var(--accent-dim);color:var(--accent);padding:.2rem .5rem;border-radius:999px;white-space:nowrap}.pg-chevron{display:inline-flex;transition:transform .3s ease;color:var(--text-muted)}.pg-chevron--open{transform:rotate(180deg)}.pg-body{padding:0 1rem 1rem;animation:pgSlideIn .3s ease}@keyframes pgSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pg-level-indicator{margin-bottom:.75rem}.pg-level-bar{display:flex;flex-direction:column;gap:0}.pg-level-row{display:flex;align-items:flex-start;gap:.65rem;padding:.35rem 0;border-radius:.5rem;transition:background .2s ease}.pg-level-row--active{background:var(--accent-dim)}.pg-level-dot-container{display:flex;flex-direction:column;align-items:center;width:1rem;flex-shrink:0;position:relative;padding-top:.15rem}.pg-level-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--text-muted);opacity:.4;flex-shrink:0}.pg-level-dot--active{background:var(--accent);opacity:1;box-shadow:0 0 0 3px var(--accent-dim)}.pg-level-line{width:2px;flex:1;min-height:1rem;background:var(--text-muted);opacity:.2;margin-top:.15rem}.pg-level-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.pg-level-label{font-size:.68rem;font-weight:600;color:var(--text-muted)}.pg-level-platforms{display:flex;gap:.3rem;flex-wrap:wrap}.pg-level-platform-chip{font-size:.68rem;font-weight:700;padding:.12rem .4rem;border-radius:.35rem;border:2px solid;background:transparent;color:var(--text)}.pg-level-platform-chip--active{background:var(--accent-dim);color:var(--accent);font-weight:800}.pg-directions{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.pg-direction-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.pg-direction-line-dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.pg-direction-text{font-size:.75rem;font-weight:600;color:var(--text)}.pg-steps-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:.4rem 0 .25rem}.pg-steps-list{list-style:none;padding:0;margin:0;counter-reset:pg-step}.pg-step{display:flex;align-items:flex-start;gap:.45rem;padding:.3rem 0;counter-increment:pg-step}.pg-step-icon{font-size:.75rem;width:1.2rem;text-align:center;flex-shrink:0;margin-top:.05rem}.pg-step-text{font-size:.72rem;line-height:1.45;color:var(--text)}.pg-interchange{margin-top:.65rem;padding:.65rem;border-radius:.65rem;background:linear-gradient(135deg,#8b5cf614,#5b93ff14);border:1px solid rgba(139,92,246,.15)}.pg-interchange-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.3rem}.pg-interchange-instructions{font-size:.72rem;line-height:1.5;color:var(--text);margin-bottom:.4rem}.pg-interchange-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.pg-interchange-time{font-size:.68rem;font-weight:700;color:var(--accent);background:var(--accent-dim);padding:.15rem .45rem;border-radius:999px}.pg-interchange-badge{font-size:.65rem;font-weight:600;color:var(--text-muted);background:var(--card-bg);padding:.12rem .4rem;border-radius:999px;border:1px solid var(--border)}.jv-platform-badge{display:inline-flex;align-items:center;gap:.2rem;font-size:.62rem;font-weight:700;padding:.1rem .35rem;border-radius:.3rem;color:#fff;margin-left:.3rem;vertical-align:middle;letter-spacing:.02em;box-shadow:0 1px 3px #00000026}@media (max-width: 480px){.pg-header{padding:.7rem .75rem .6rem}.pg-body{padding:0 .75rem .75rem}.pg-header-station{font-size:.72rem}}@media (max-width: 768px){.app{padding:0 1.25rem 1.25rem}.app-navbar{height:54px;padding:0 1rem}.navbar-logo{height:36px;width:36px}.navbar-title{font-size:1.2rem}.app-navbar-right--desktop{display:none!important}.navbar-hamburger{display:flex}.navbar-menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:98;background:#0000004d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:menu-backdrop-in .25s ease-out}.navbar-mobile-menu{display:flex;position:fixed;top:54px;right:.75rem;z-index:99;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 24px #00000024;padding:.3rem;transform:scale(.92) translateY(-6px);opacity:0;pointer-events:none;transform-origin:top right;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s ease}.navbar-mobile-menu--open{transform:scale(1) translateY(0);opacity:1;pointer-events:auto}.mobile-menu-tiles{display:flex;gap:.3rem}.mobile-menu-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;width:52px;height:52px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;padding:0;-webkit-tap-highlight-color:transparent}.mobile-menu-tile:hover{background:var(--surface-hover);border-color:var(--border-focus)}.mobile-menu-tile:active{transform:scale(.93)}.mobile-menu-tile-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text)}.mobile-menu-tile-icon svg{width:17px;height:17px}.mobile-menu-tile-icon--text{font-size:.82rem;font-weight:700;letter-spacing:-.02em}.mobile-menu-tile-label{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);line-height:1}.landing-header{padding:1.25rem 0 .75rem}.landing-route-card{padding:1.5rem 1.5rem 1.75rem}.landing-result-card,.journey-current-card{padding:1.25rem}.journey-map-modal{max-width:95vw}}@media (max-width: 640px){.app{padding:0 .85rem 1.5rem}.app-navbar{height:50px;padding:0 .75rem}.app-navbar-left{gap:.4rem}.navbar-logo{height:32px;width:32px}.navbar-title{font-size:1.15rem}.navbar-hamburger{width:34px;height:34px}.navbar-mobile-menu{top:50px;right:.6rem}.language-switcher-btn{padding:.25rem .45rem;font-size:.75rem}.landing-header{padding:.5rem 0 1rem}.landing-route-card{padding:1.15rem 1.15rem 1.35rem;border-radius:14px}.landing-route-connector{padding:0 .35rem}.field-input-wrap .field-icon{left:.6rem}.landing-route-field label{font-size:.7rem;margin-bottom:.45rem}.landing-route-field input{font-size:.9375rem;padding:.85rem 1rem .85rem 1.75rem;min-height:44px}.landing-route-row-location .landing-route-field input{padding-left:.85rem}.landing-route-cta{margin-top:1.5rem}.landing-route-cta .btn-primary{padding:.9rem 1.15rem;font-size:1rem;min-height:48px}.landing-plan-mode-btn{padding:.55rem .75rem;font-size:.85rem}.landing-toggle-group{max-width:280px}.landing-route-swap{width:40px;height:40px}.landing-suggestions{max-height:180px}.landing-suggestions li{padding:.55rem .85rem;font-size:.875rem}.landing-addr-suggestions{max-height:200px}.landing-addr-suggestions li{padding:8px 10px 8px 32px}.addr-suggestion-name{font-size:.85rem}.addr-suggestion-desc{font-size:.75rem}.landing-recent-journeys-item{padding:.5rem .75rem;font-size:.875rem}.landing-result-card{padding:1rem;margin-top:1.25rem}.landing-result-card h2{font-size:1.05rem}.landing-result-stations{font-size:.875rem;padding-left:1rem}.page-title{font-size:1.25rem;margin-bottom:1.25rem}.card{padding:.85rem 1rem}.journey-viz-header{flex-direction:column;align-items:stretch;padding:.85rem 1rem;gap:.65rem}.journey-viz-title{font-size:1.05rem}.journey-viz-meta{gap:.5rem}.journey-viz-duration{font-size:.8rem}.journey-viz-interchange-count{font-size:.75rem}.journey-viz-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.journey-viz-map-link,.journey-viz-close{padding:.55rem .75rem;font-size:.82rem;justify-content:center;text-align:center}.journey-viz-start{min-width:0;padding:.65rem 1rem;font-size:.9rem}.journey-viz-fare-bar{display:grid;grid-template-columns:1fr 1fr 1fr;padding:.55rem 1rem;gap:.45rem}.journey-viz-fare-item{font-size:.78rem;padding:.35rem .5rem;justify-content:center;text-align:center}.train-timer{flex-direction:column;align-items:stretch;gap:.45rem;padding:.5rem 1rem}.train-timer-times{gap:.4rem;justify-content:center}.train-timer-badge{font-size:.75rem;padding:.2rem .55rem}.train-timer-countdown{justify-content:center;font-size:.75rem}.planner-route-banner{flex-direction:column;align-items:stretch;padding:1.1rem 1.15rem;margin-bottom:1.25rem;gap:.75rem}.planner-route-banner-route{font-size:1rem}.planner-route-banner-change{justify-content:center;padding:.6rem 1rem}.journey-viz-floating-change{padding:1.75rem 1rem .75rem;font-size:.85rem}.journey-viz-container--has-floating .journey-viz-timeline{padding-bottom:3.25rem}.journey-viz-timeline{padding:.85rem 1rem 1.25rem;max-height:none;overflow-y:visible}.journey-viz-container--live .journey-viz-timeline{padding:.6rem .85rem 2rem;max-height:none;overflow-y:visible}.journey-viz-live-label{font-size:.68rem;padding:.5rem 1rem .3rem}.journey-viz-step{gap:.75rem}.journey-viz-station-name{font-size:.875rem;overflow:hidden;text-overflow:ellipsis}.journey-viz-interchange-label{font-size:.68rem}.journey-viz-interchange-msg{font-size:.72rem}.journey-viz-change-card{padding:.6rem .75rem}.journey-viz-change-msg{font-size:.75rem}.journey-viz-change-to-badge{font-size:.65rem;padding:.3rem .6rem}.journey-viz-line-badge{font-size:.65rem;padding:.3rem .55rem}.journey-map-overlay{padding:.75rem}.journey-map-modal{max-width:100%;max-height:85vh;border-radius:14px}.journey-map-header{padding:.75rem 1rem}.journey-map-title{font-size:1rem}.journey-map-container{height:60vh;min-height:250px}.journey-map-map{border-radius:0 0 14px 14px;min-height:250px}.page-header{padding:.85rem 0 1rem;gap:.75rem}.page-header-logo{width:30px;height:30px}.page-header-title{font-size:1.1rem}.journey-route-summary{padding:.85rem 1rem}.journey-route-summary-label{font-size:.72rem}.journey-route-summary-route{font-size:.9375rem;gap:.35rem}.journey-route-summary-duration{font-size:.85rem}.journey-compact-bar{gap:.5rem;margin-bottom:.75rem}.journey-current-card.journey-current-card--compact{padding:.75rem .85rem}.journey-current-card--compact .journey-current-label{font-size:.65rem;margin-bottom:.2rem}.journey-current-card--compact .journey-current-station{font-size:1rem;margin-bottom:.3rem}.journey-current-card--compact .journey-current-detail{font-size:.78rem}.journey-map-thumb{min-height:90px}.journey-map-thumb-label{font-size:.65rem;padding:.2rem .5rem}.journey-alert-banner{padding:.85rem 1rem;font-size:.875rem;gap:.5rem}.journey-alert-banner:before{font-size:1.15rem}.journey-arrival-card{padding:.85rem 1rem;font-size:.875rem}.journey-offline-banner{padding:.5rem 1rem;font-size:.8rem}.si-header{padding:.75rem .85rem}.si-header-badge{width:30px;height:30px;font-size:.85rem}.si-header-station{font-size:.9375rem}.si-body{padding:0 .85rem .85rem}.si-description{font-size:.825rem}.si-culture{padding:.7rem .85rem}.si-culture-icon{font-size:1.1rem}.si-culture-text{font-size:.75rem}.si-place-chip{padding:.5rem .65rem;gap:.5rem}.si-place-emoji{width:28px;height:28px;font-size:1.1rem}.si-place-name{font-size:.78rem}.pg-card{border-radius:.85rem}.pg-header{padding:.7rem .85rem .6rem}.pg-body{padding:0 .85rem .85rem}.pg-platform-badge{width:2rem;height:2rem;font-size:.72rem}.pg-direction-text{font-size:.72rem}.pg-step-text{font-size:.7rem}.pg-interchange{padding:.55rem}.pg-interchange-instructions{font-size:.68rem}.route-skeleton-header{padding:.85rem 1rem}.route-skeleton-title{width:120px}.route-skeleton-btn{width:90px;height:36px}.route-skeleton-btn-primary{width:100px}.route-skeleton-timeline{padding:.85rem 1rem 1.25rem}.error-page-logo-text{font-size:1.25rem}.error-page-title{font-size:1.15rem}.error-page-message{padding:1rem 1.15rem;font-size:.875rem}.journey-error-state .btn-primary,.error-page-cta .btn-primary{min-width:auto;width:100%}.journey-cta-section{position:fixed;bottom:1.5rem;left:1rem;right:5rem;margin:0;z-index:1100}.journey-cta-section .btn,.journey-cta-section .btn-primary{padding:.75rem 1rem;font-size:.85rem;border-radius:28px;min-height:48px;width:100%;box-shadow:0 4px 16px var(--accent-glow)}.journey-loading{padding:2rem .75rem}}@media (max-width: 480px){.app{padding:0 .65rem 1.25rem}.app-navbar{height:46px;padding:0 .5rem}.navbar-logo{height:28px;width:28px}.navbar-title{font-size:1.05rem}.navbar-hamburger{width:32px;height:32px}.hamburger-line{width:18px}.navbar-mobile-menu{top:46px;right:.5rem;padding:.4rem}.mobile-menu-tile{width:48px;height:48px}.mobile-menu-tile-icon svg{width:15px;height:15px}.mobile-menu-tile-icon--text{font-size:.75rem}.mobile-menu-tile-label{font-size:.5rem}.landing-route-card{padding:1rem 1rem 1.25rem;border-radius:12px}.landing-route-field input{font-size:.875rem;padding:.75rem .85rem .75rem 1.65rem}.landing-route-row-location .landing-route-field input{padding-left:.75rem}.landing-route-swap{width:36px;height:36px;font-size:1rem}.landing-from-location-icon{width:38px;height:38px}.landing-route-cta .btn-primary{padding:.8rem 1rem;font-size:.9375rem;min-height:44px}.page-title{font-size:1.15rem}.journey-viz-title{font-size:.95rem}.journey-current-station{font-size:1.1rem}.journey-current-card--compact .journey-current-station{font-size:.9rem}.journey-viz-station-name{font-size:.825rem}.page-header-title{font-size:1rem}.page-header-logo{width:26px;height:26px}.si-header-station{font-size:.875rem}.si-card,.journey-viz-container{border-radius:12px}.journey-viz-floating-change{padding:1.5rem .75rem .7rem;font-size:.82rem;border-radius:0 0 12px 12px}.journey-viz-floating-collapsed{border-radius:0 0 12px 12px}.journey-viz-container--has-floating .journey-viz-timeline{padding-bottom:3rem}.route-skeleton-container{border-radius:12px}.btn-icon{width:38px;height:38px;font-size:1rem}.btn-icon-miui{width:32px;height:32px;border-radius:8px}.btn-icon-miui svg{width:15px;height:15px}.journey-route-summary-route{font-size:.875rem}.landing-plan-mode-btn{padding:.5rem .6rem;font-size:.8rem}.landing-result-card h2{font-size:.95rem}.landing-result-stations{font-size:.825rem}.journey-map-modal{max-height:80vh}.journey-map-container{height:55vh}}.guides-hero{text-align:center;padding:2rem 1rem 1.5rem}.guides-hero-title{font-size:1.6rem;font-weight:700;color:var(--text);margin:0 0 .4rem}.guides-hero-subtitle{font-size:.95rem;color:var(--text-muted);margin:0;max-width:480px;margin-inline:auto}.guides-grid{display:flex;flex-direction:column;gap:.75rem;max-width:680px;margin:0 auto;padding:0 1rem 1.5rem}.guide-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s}.guide-card:hover{box-shadow:0 2px 12px #0000000f}[data-theme=dark] .guide-card:hover{box-shadow:0 2px 12px #00000040}.guide-card--open{border-color:var(--accent);box-shadow:0 2px 16px var(--accent-dim)}.guide-card-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;text-align:left;color:var(--text)}.guide-card-icon{font-size:1.5rem;flex-shrink:0;width:36px;text-align:center}.guide-card-title{flex:1;font-size:1rem;font-weight:600;margin:0;color:var(--text)}.guide-card-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .25s ease}.guide-card-chevron--open{transform:rotate(180deg)}.guide-card-body{padding:0 1.25rem 1.25rem;animation:guide-slide-in .25s ease}@keyframes guide-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.guide-section{margin-bottom:1.25rem}.guide-section:last-child{margin-bottom:0}.guide-section-heading{font-size:.9rem;font-weight:700;color:var(--primary);margin:0 0 .5rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.guide-section-content{font-size:.875rem;line-height:1.7;color:var(--text-secondary)}.guide-section-content ul,.guide-section-content ol{margin:.4rem 0;padding-left:1.4rem}.guide-section-content li{margin-bottom:.3rem}.guide-section-content strong{color:var(--text)}.guide-section-content table{width:100%;border-collapse:collapse;margin:.6rem 0;font-size:.85rem}.guide-section-content th,.guide-section-content td{padding:.5rem .75rem;border:1px solid var(--border);text-align:left}.guide-section-content th{background:var(--bg);font-weight:600;color:var(--text)}.guide-section-content td{color:var(--text-secondary)}.guides-cta{text-align:center;padding:1.5rem 1rem 3rem}.guides-cta-text{font-size:1rem;color:var(--text-muted);margin:0 0 1rem}.landing-guides-link{text-align:center;padding:1.5rem 0 2rem}.landing-guides-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.landing-guides-btn:hover{background:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:0 3px 12px var(--accent-glow)}.landing-guides-btn:active{transform:scale(.97)}@media (max-width: 480px){.guides-hero-title{font-size:1.3rem}.guides-hero-subtitle{font-size:.85rem}.guide-card-header{padding:.85rem 1rem}.guide-card-body{padding:0 1rem 1rem}.guide-card-icon{font-size:1.25rem;width:30px}.guide-card-title{font-size:.9rem}}.route-page-title{font-size:clamp(1rem,3.5vw,1.35rem);font-weight:700;color:var(--text);margin:.25rem 0 0;letter-spacing:-.01em;text-align:center}.route-page-error{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.route-page-error p{font-size:1.1rem;margin-bottom:1rem}.news-page{max-width:960px;margin:0 auto;padding:1.75rem 1.5rem 3rem;overflow:hidden}.news-header{margin-bottom:2rem}.news-header-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.news-header-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);padding:.25rem .65rem;border-radius:999px;background:var(--accent-dim);border:1px solid rgba(107,159,255,.2)}.news-live-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e;animation:news-pulse 2s ease-in-out infinite}@keyframes news-pulse{0%,to{opacity:1;box-shadow:0 0 6px #22c55e}50%{opacity:.5;box-shadow:0 0 2px #22c55e}}.news-last-updated{font-size:.75rem;color:var(--text-muted);font-weight:500}.news-page-title{font-size:1.75rem;font-weight:800;color:var(--text);margin:0 0 .35rem;line-height:1.25;letter-spacing:-.02em}.news-page-subtitle{font-size:.92rem;color:var(--text-muted);margin:0;line-height:1.5}.news-section-title{font-size:.8rem;font-weight:700;color:var(--text-muted);margin:0 0 1rem;display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.08em;line-height:1}.news-section-title--alert{color:var(--accent)}.news-alert-count{display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;min-width:20px;height:20px;border-radius:999px;background:var(--accent);color:#fff;padding:0;line-height:1;text-align:center}.news-alerts-section{margin-bottom:2rem}.news-alerts-list{display:flex;flex-direction:column;gap:.5rem}.news-alert-card{display:flex;align-items:center;gap:.85rem;padding:.8rem 1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-decoration:none;color:var(--text);transition:all .2s ease;overflow:hidden;min-width:0}.news-alert-card:hover{border-color:var(--accent);box-shadow:0 2px 12px var(--accent-glow);transform:translate(2px)}.news-alert-indicator{width:3px;align-self:stretch;border-radius:3px;background:var(--accent);flex-shrink:0}.news-alert-body{flex:1;min-width:0}.news-alert-source{font-size:.68rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;display:block}.news-alert-title{font-size:.9rem;font-weight:600;color:var(--text);margin:0 0 .3rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.news-alert-meta{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--text-muted)}.news-alert-card .news-card-arrow{opacity:.3;flex-shrink:0;transition:all .2s;color:var(--text-muted)}.news-alert-card:hover .news-card-arrow{opacity:1;color:var(--accent);transform:translate(2px,-2px)}.news-layout{display:flex;flex-direction:column;gap:1rem}.news-feed-section{margin-bottom:2rem}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.news-card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-decoration:none;color:var(--text);transition:all .25s ease;cursor:pointer;overflow:hidden;min-width:0}.news-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #00000014,0 2px 8px var(--accent-glow);transform:translateY(-3px)}.news-card-accent{height:3px;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));opacity:.7;transition:opacity .2s}.news-card:hover .news-card-accent{opacity:1}.news-card-inner{display:flex;flex-direction:column;gap:.45rem;padding:.85rem 1rem .75rem;flex:1}.news-card-source{display:flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.news-card-source span{overflow:hidden;text-overflow:ellipsis}.news-card-title{font-size:.92rem;font-weight:650;color:var(--text);margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;overflow-wrap:anywhere}.news-card-desc{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;overflow-wrap:anywhere}.news-card-desc:empty{display:none}.news-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.35rem}.news-card-time{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--text-muted)}.news-card-arrow{opacity:.25;color:var(--text-muted);transition:all .25s;flex-shrink:0}.news-card:hover .news-card-arrow{opacity:1;color:var(--accent);transform:translate(2px,-2px)}.news-card--featured{border:1px solid rgba(107,159,255,.25);background:linear-gradient(135deg,var(--accent-dim) 0%,transparent 60%),var(--surface)}.news-card--featured .news-card-accent{height:4px;opacity:1}.news-card--featured .news-card-inner{padding:1.1rem 1.25rem 1rem;gap:.55rem}.news-card--featured .news-card-title{font-size:1.15rem;font-weight:700;-webkit-line-clamp:4;letter-spacing:-.01em}.news-card--featured .news-card-source{font-size:.72rem}.news-card--featured .news-card-desc{font-size:.85rem;-webkit-line-clamp:3}.news-card--skeleton{pointer-events:none}.news-card--skeleton .news-card-accent{background:var(--border)}.skeleton-line{border-radius:6px;background:linear-gradient(90deg,var(--surface-hover) 25%,var(--border) 50%,var(--surface-hover) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-line--short{width:40%}.skeleton-line--med{width:75%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.news-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;text-align:center;color:var(--text-muted)}.news-error-icon{color:var(--text-muted);opacity:.4;margin-bottom:.25rem}.news-error p{margin:0;font-size:.9rem}.news-error .btn{max-width:160px}.news-empty{text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.9rem}@media (max-width: 768px){.news-page{padding:1.25rem 1rem 2rem}.news-page-title{font-size:1.4rem}.news-grid{grid-template-columns:1fr;gap:.7rem}.news-card--featured .news-card-inner{padding:.9rem 1rem .8rem}.news-card--featured .news-card-title{font-size:1.05rem}}@media (max-width: 480px){.news-page{padding:1rem .75rem 1.5rem}.news-page-title{font-size:1.25rem}.news-page-subtitle{font-size:.85rem}.news-card-title{font-size:.88rem}.news-alert-title{font-size:.85rem}.news-card--featured .news-card-title{font-size:.95rem}.news-header-top{flex-wrap:wrap}}.app-footer{margin-top:3rem;position:relative;overflow:visible;background:radial-gradient(ellipse 80% 60% at 50% 110%,var(--accent-dim) 0%,transparent 70%),var(--surface);padding:0 clamp(1rem,4vw,2rem) 1.75rem}.footer-metro-line{display:flex;align-items:center;justify-content:center;gap:0;padding:1.5rem 0 1.75rem}.metro-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);flex-shrink:0}.metro-track{height:3px;flex:1;max-width:120px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--border))}.footer-inner{max-width:760px;margin:0 auto;width:100%}.footer-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.footer-brand{display:flex;align-items:center;gap:.85rem}.footer-logo{width:42px;height:42px;border-radius:12px;object-fit:contain;padding:5px;border:var(--logo-border-sm);background:var(--logo-bg-sm);box-shadow:var(--logo-shadow-sm);transition:transform .25s,background .3s,box-shadow .3s,border .3s}.footer-logo:hover{transform:scale(1.08)}.footer-brand-name{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:800;color:var(--text);margin:0;letter-spacing:-.01em}.footer-brand-tagline{font-size:clamp(.7rem,2vw,.78rem);color:var(--text-muted);margin:.15rem 0 0;letter-spacing:.02em}.footer-social-row{display:flex;align-items:center;gap:.5rem}.footer-social-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-muted);text-decoration:none;transition:all .2s ease}.footer-social-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:translateY(-2px);box-shadow:0 4px 14px var(--accent-glow)}.footer-columns{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:2rem;margin-bottom:2rem}.footer-col-title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 .75rem;position:relative;padding-bottom:.5rem}.footer-col-title:after{content:"";position:absolute;bottom:0;left:0;width:24px;height:2px;border-radius:2px;background:var(--accent);opacity:.5}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.15rem}.footer-links a,.footer-links button{display:inline-flex;align-items:center;gap:.35rem;font-size:clamp(.8rem,2vw,.85rem);color:var(--text-muted);text-decoration:none;background:none;border:none;padding:.2rem 0;min-height:28px;cursor:pointer;transition:color .2s,transform .2s;word-break:break-word;overflow-wrap:anywhere}.footer-links a:hover,.footer-links button:hover{color:var(--accent);transform:translate(3px)}.footer-contact-row{display:flex;gap:.5rem}.footer-contact-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-muted);text-decoration:none;transition:all .2s ease;margin-top:.25rem}.footer-contact-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:translateY(-2px);box-shadow:0 4px 14px var(--accent-glow)}.footer-link-arrow{display:inline-block;font-size:.9rem;font-weight:700;color:var(--accent);opacity:0;transform:translate(-6px);transition:opacity .2s,transform .2s;line-height:1}.footer-links a:hover .footer-link-arrow,.footer-links button:hover .footer-link-arrow{opacity:1;transform:translate(0)}.footer-about-text{font-size:.82rem;line-height:1.7;color:var(--text-muted);margin:0}.footer-bottom{border-top:1px solid var(--border);padding-top:1.25rem;text-align:center}.footer-copyright{font-size:.78rem;color:var(--text-muted);margin:0 0 .3rem;font-weight:500}.footer-disclaimer{font-size:.7rem;color:var(--text-muted);margin:0;opacity:.6}@media (max-width: 1024px){.footer-inner{max-width:680px}.footer-columns{gap:1.5rem}}@media (max-width: 768px){.app-footer{margin-top:2rem}.footer-columns{grid-template-columns:1fr 1fr;gap:1.75rem 1.5rem}.footer-col--about{grid-column:1 / -1}.footer-top-row{margin-bottom:1.5rem}.metro-track{max-width:90px}}@media (max-width: 640px){.footer-columns{grid-template-columns:1fr;gap:1.5rem}.footer-col--about{grid-column:auto}.footer-top-row{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.footer-metro-line{padding:1.25rem 0 1.5rem}.metro-track{max-width:70px}.metro-dot{width:8px;height:8px}.footer-logo{width:36px;height:36px;border-radius:10px}.footer-social-btn{width:42px;height:42px}.footer-about-text{font-size:.8rem}.footer-bottom{padding-top:1rem}}@media (max-width: 380px){.app-footer{padding:0 .75rem 1rem}.footer-brand{gap:.6rem}.footer-col-title{font-size:.65rem}.footer-copyright{font-size:.72rem}.footer-disclaimer{font-size:.65rem}.metro-track{max-width:50px}}