*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{display:flex;height:100vh}.sidebar-container{--sheet-peek: 52px;flex-shrink:0;display:flex;flex-direction:column}.sheet-handle{display:none}.sidebar{width:360px;background:#f8f9fa;color:#333;overflow-y:auto;padding:16px;border-right:1px solid #ddd;flex:1;min-height:0}.sidebar-footer{flex-shrink:0;width:360px;padding:8px 16px;font-size:11px;line-height:1.4;color:#888;background:#f8f9fa;border-right:1px solid #ddd;border-top:1px solid #e2e8f0}@media(max-width:768px){.app{flex-direction:column}.sidebar-container{position:fixed;bottom:0;left:0;right:0;z-index:1000;transform:translateY(100%);transition:transform .3s ease;max-height:70vh;overflow:hidden;background:#f8f9fa;border-top:2px solid #ddd;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026}.sidebar-container.open{transform:translateY(0)}.sidebar-container.open.minimized{transform:translateY(calc(100% - var(--sheet-peek)))}.sidebar,.sidebar-footer{width:100%;border-right:none}.map-container{height:100vh!important}}.sidebar h1{font-size:18px;margin-bottom:8px;color:#111}.sidebar h2{font-size:15px;margin:12px 0 6px;color:#333}.sidebar p{font-size:13px;color:#666;margin-bottom:12px}.map-container{flex:1;height:100%}@keyframes route-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-24}}.route-wave{animation:route-flow 1s linear infinite}.relief-tiles{filter:grayscale(100%) brightness(1.1)}.satellite-toggle{position:absolute;top:10px;right:10px;z-index:1000;width:36px;height:36px;border:2px solid rgba(0,0,0,.2);border-radius:4px;background:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 5px #0003}.satellite-toggle:hover{background:#f0f0f0}.lang-switcher{position:absolute;top:10px;left:10px;z-index:1000;display:flex;gap:2px;padding:2px;background:#ffffffeb;border-radius:6px;box-shadow:0 1px 5px #00000040}.lang-btn{border:none;background:transparent;color:#333;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;cursor:pointer}.lang-btn:hover{background:#eef2f7}.lang-btn.active{background:#3730a3;color:#fff}.style-switcher{position:absolute;top:10px;right:10px;z-index:1000;display:flex;flex-direction:column;gap:4px;padding:4px;background:#ffffffeb;border-radius:6px;box-shadow:0 1px 5px #00000040;max-height:calc(100vh - 20px);overflow-y:auto}.style-switcher-btn{display:flex;align-items:center;gap:6px;width:104px;padding:5px 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:#333;font-size:12px;cursor:pointer;text-align:left}.style-switcher-btn:hover{background:#eef2f7}.style-switcher-btn.active{background:#3730a3;color:#fff;border-color:#3730a3}.style-switcher-swatch{display:inline-flex;gap:2px;flex-shrink:0}.style-switcher-swatch span{width:9px;height:9px;border-radius:50%;display:inline-block}.style-switcher-label{flex:1}.minor-toggle{display:flex;gap:4px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid #e2e8f0}.minor-toggle button{flex:1;padding:4px 6px;font-size:11px;border:1px solid transparent;border-radius:4px;background:transparent;color:#333;cursor:pointer}.minor-toggle button:hover{background:#eef2f7}.minor-toggle button.active{background:#3730a3;color:#fff;border-color:#3730a3}.station-symbol{background:transparent;border:none}.transfer-section-heading{font-size:14px;color:#666;margin:18px 0 8px;padding-top:12px;border-top:1px solid #e2e8f0;font-weight:500}.transfer-list{list-style:none;padding:0;margin:0}.transfer-option{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;margin-bottom:8px;cursor:pointer;transition:background .12s,border-color .12s}.transfer-option:hover{background:#eef2ff;border-color:#3730a3}.transfer-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.transfer-via{font-size:14px;color:#3730a3}.transfer-total{font-size:13px;color:#3730a3;font-weight:600}.transfer-legs{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#555}.transfer-leg{font-weight:500}.transfer-layover{color:#999;font-size:11px;padding-left:4px}.transfer-detail{display:flex;flex-direction:column;gap:8px;margin:10px 0;padding:12px;border-left:3px solid #3730a3;background:#f8fafc;border-radius:0 8px 8px 0}.transfer-detail-row{display:flex;gap:12px;align-items:baseline}.transfer-detail-time{font-size:15px;font-weight:600;color:#3730a3;min-width:50px}.transfer-detail-info{flex:1}.transfer-detail-station{font-size:14px;color:#111;font-weight:500}.transfer-detail-train{font-size:12px;color:#666}.transfer-layover-row{font-size:13px;color:#d97706;margin:2px 0 2px 62px;padding:4px 8px;background:#fef3c7;border-radius:4px;width:fit-content}.transfer-total-row{margin-top:10px;padding:8px 12px;background:#eef2ff;border-radius:6px;color:#3730a3;font-size:14px}@keyframes pulse-ring{0%{box-shadow:0 0 #3730a380}70%{box-shadow:0 0 0 20px #3730a300}to{box-shadow:0 0 #3730a300}}.pulse-marker-wrapper{position:absolute;pointer-events:none;transform:translate(-50%,-50%)}.map-chip-container{background:none!important;border:none!important}.map-station-chip{background:#3730a3;border-radius:16px;box-shadow:0 2px 8px #0003;display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.map-station-chip.transfer{background:#d97706}.map-chip-close{background:none;border:none;color:#fff;font-size:12px;cursor:pointer;padding:0 2px;opacity:.8;line-height:1}.map-chip-close:hover{opacity:1}.departure-chip{display:inline-flex;align-items:center;gap:8px;background:#3730a3;color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:8px}.chip-close{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:0 2px;opacity:.8;line-height:1}.chip-close:hover{opacity:1}.pulse-dot{width:10px;height:10px;border-radius:50%;background:transparent;animation:pulse-ring 1.8s ease-out infinite}.train-direction-icon{background:none!important;border:none!important}.train-list{list-style:none}.train-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;margin-bottom:8px;cursor:pointer;transition:background .12s,border-color .12s}.train-item:hover{background:#eef2ff;border-color:#3730a3}.route-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.train-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.train-total{font-size:13px;color:#3730a3;font-weight:600;white-space:nowrap}.train-times{font-size:13px;color:#333;font-weight:600;margin-top:4px}.train-number{font-weight:700;color:#312e81;font-size:14px;display:flex;align-items:center;gap:6px}.train-pill{font-size:9px;font-weight:600;padding:1px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.train-pill.operator{background:#6b7280;color:#fff}.train-pill.speed{background:#3730a3;color:#fff}.train-pill.suburban{background:#22c55e;color:#fff}.train-restaurant{font-size:12px;cursor:default}.train-route{font-size:12px;color:#555;margin-top:2px}.time-day-offset{color:#f59e0b;font-weight:600;font-size:12px;margin-left:2px}.stop-list{list-style:none;margin:8px 0}.stop-item{display:flex;gap:8px;font-size:12px;border-left:2px solid #3730a3;padding:4px 0 4px 10px;margin-left:4px}.stop-item .stop-time{color:#312e81;min-width:40px;font-weight:600}.stop-item .stop-name{color:#333}.stop-item-full{display:flex;gap:8px;font-size:12px;border-left:3px solid #3730a3;padding:5px 0 5px 10px;margin-left:4px;align-items:flex-start}.stop-item-full.out-segment{border-left-color:#e0e0e0;opacity:.5}.stop-item-full.in-segment{border-left-color:#3730a3;opacity:1}.stop-item-full .stop-times{min-width:65px;display:flex;flex-direction:column;gap:1px}.stop-item-full .stop-arr{color:#888;font-size:11px}.stop-item-full .stop-dep{color:#312e81;font-weight:600;font-size:12px}.stop-item-full .stop-wait{color:#f59e0b;font-size:10px}.stop-item-full .stop-name{color:#333;padding-top:2px}.border-divider{text-align:center;font-size:11px;color:#888;padding:4px 0;margin:2px 0 2px 4px;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;letter-spacing:1px}.day-divider{text-align:center;font-size:10px;font-weight:700;color:#999;background:#f5f5f5;padding:3px 0;margin:4px 0 4px 4px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.back-btn{background:none;border:1px solid #3730a3;color:#3730a3;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px;margin-bottom:8px}.routes-found-banner{display:flex;align-items:center;gap:8px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:8px 12px;margin-bottom:12px;font-size:13px;font-weight:600;color:#16a34a}.routes-found-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#16a34a;color:#fff;font-size:12px;flex-shrink:0}.routes-found-close{margin-left:auto;background:none;border:none;font-size:16px;color:#999;cursor:pointer;padding:0 4px}.routes-found-close:hover{color:#333}.route-header{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#111;margin-bottom:12px}.reverse-btn{background:none;border:1px solid #ddd;border-radius:4px;font-size:16px;cursor:pointer;padding:2px 6px;margin-left:8px;color:#666}.reverse-btn:hover{background:#f0f0f0;color:#333}.dest-sort{display:flex;gap:4px;margin-bottom:8px}.dest-sort button{padding:4px 10px;border:1px solid #ddd;border-radius:12px;background:#fff;font-size:11px;cursor:pointer;color:#666}.dest-sort button.active{background:#3730a3;color:#fff;border-color:#3730a3}.dest-list{list-style:none;padding:0}.dest-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #eee;cursor:pointer;border-radius:6px;transition:background .15s}.dest-item:hover{background:#eef2ff}.dest-name{font-weight:500;font-size:13px;color:#333}.dest-meta{display:flex;gap:10px;font-size:11px;color:#888;white-space:nowrap}.dest-trains{color:#3730a3;font-weight:500}.dest-time{color:#999}.route-arrow{color:#999;font-weight:400}@media(max-width:768px){.sheet-handle{display:flex;align-items:center;justify-content:center;height:var(--sheet-peek);flex-shrink:0;touch-action:none;cursor:grab}.sheet-handle-bar{width:40px;height:4px;background:#ccc;border-radius:2px}}.back-btn:hover{background:#3730a311}.freq-chips{display:flex;gap:3px;margin-top:6px;align-items:center}.freq-chip{display:inline-flex;align-items:center;justify-content:center;width:26px;height:20px;font-size:10px;font-weight:600;border-radius:3px;background:#f0f0f0;color:#bbb;border:1px solid #e0e0e0}.freq-chip.active{background:#3730a3;color:#fff;border-color:#3730a3}.freq-seasonal-label{font-size:10px;color:#f59e0b;font-weight:600;margin-bottom:2px}.freq-chip.maybe{background:#c7d2fe;color:#312e81;border-color:#818cf8}.freq-label{font-size:11px;color:#888}.timetable-calendar{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px;margin-top:8px}.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-month{font-weight:600;font-size:14px;color:#333}.cal-nav{background:none;border:1px solid #ddd;border-radius:4px;width:28px;height:28px;cursor:pointer;font-size:14px;color:#666}.cal-nav:hover{background:#f5f5f5}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-day-header{text-align:center;font-size:10px;font-weight:600;color:#999;padding:4px 0;text-transform:uppercase}.cal-cell{text-align:center;font-size:12px;padding:6px 2px;border-radius:4px;position:relative;cursor:default}.cal-cell.empty{background:none}.cal-cell.active{background:#3730a3;color:#fff;font-weight:600;cursor:pointer}.cal-cell.active:hover{background:#312e81}.cal-cell.maybe{background:#c7d2fe;color:#312e81;font-weight:500;cursor:pointer}.cal-cell.maybe:hover{background:#818cf8}.cal-cell.past{color:#d0d0d0;background:#f5f5f5;text-decoration:line-through}.cal-cell.inactive{color:#ccc;background:#fafafa}.cal-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1e1b4b;color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;white-space:nowrap;z-index:100;pointer-events:none}.cal-cell.active:hover .cal-tooltip,.cal-cell.maybe:hover .cal-tooltip{display:block}.cal-tooltip-time{font-weight:700;font-size:12px}.cal-tooltip-route{color:#aaa;font-size:10px;margin-top:2px}.cal-note{margin-top:8px;font-size:11px;line-height:1.4;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:6px 8px}.booking-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px}.booking-modal{background:#fff;border-radius:12px;width:100%;max-width:340px;max-height:80vh;overflow-y:auto;padding:16px;box-shadow:0 10px 40px #0000004d}.booking-modal-header{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700;color:#111}.booking-modal-close{background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:0 4px;line-height:1}.booking-modal-close:hover{color:#333}.booking-modal-sub{font-size:12px;color:#666;margin:4px 0 12px}.booking-leg-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.booking-leg-btn{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;text-decoration:none;color:inherit;cursor:pointer;transition:background .12s,border-color .12s}.booking-leg-btn:hover{background:#eef2ff;border-color:#3730a3}.booking-leg-btn.disabled{opacity:.6;cursor:default;background:#f5f5f5}.booking-leg-main{font-size:14px;font-weight:700;color:#3730a3}.booking-leg-route{font-size:12px;color:#555}.welcome-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:16px}.welcome-dialog{background:#fff;border-radius:14px;width:100%;max-width:420px;max-height:88vh;overflow-y:auto;padding:24px;box-shadow:0 15px 50px #00000059}.welcome-flags{display:flex;gap:6px;margin-bottom:12px}.welcome-flags img{width:26px;height:18px;border-radius:3px;box-shadow:0 1px 3px #0003}.welcome-title{font-size:22px;font-weight:800;color:#3730a3;margin-bottom:8px}.welcome-dialog p{font-size:14px;color:#444;line-height:1.5;margin-bottom:14px}.welcome-steps{margin:0 0 14px;padding-left:20px;display:flex;flex-direction:column;gap:8px}.welcome-steps li{font-size:14px;color:#333;line-height:1.4}.welcome-disclaimer{font-size:11px!important;color:#999!important;border-top:1px solid #e5e7eb;padding-top:12px}.welcome-btn{width:100%;padding:12px;border:none;border-radius:8px;background:#3730a3;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.welcome-btn:hover{background:#312e81}.booking-leg-site{font-size:11px;color:#818cf8}.booking-leg-site.warn{color:#b45309}