:root{--primary-color: #22c55e;--primary-dark: #16a34a;--secondary-color: #3b82f6;--accent-color: #f59e0b;--danger-color: #ef4444;--warning-color: #fbbf24;--success-color: #10b981;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-mono: "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-appbar: 1100;--z-drawer: 1200;--z-modal-backdrop: 1300;--z-modal: 1350;--z-popover: 1400;--z-tooltip: 1500;--z-toast: 1600;--z-bottom-nav: 15000;--z-timepicker: 1450;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: dark){:root{--bg-primary: var(--gray-900);--bg-secondary: var(--gray-800);--text-primary: var(--gray-100);--text-secondary: var(--gray-400)}}.itinerary-top-bar{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-main);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:var(--z-appbar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.itinerary-top-bar .app-back-btn{height:36px;padding:0 14px;border-radius:10px;font-size:.875rem;background:transparent;border:none;color:var(--primary);font-weight:600;transition:all .2s ease}.itinerary-top-bar .app-back-btn:hover{background:#22c55e1a;transform:translate(-2px)}.itinerary-top-bar .app-back-btn svg{width:16px;height:16px}.itinerary-top-bar h2{font-size:1.125rem;font-weight:700;margin:0;color:var(--text-primary);letter-spacing:-.02em}#itinerary-edit-panel{background:var(--bg-main);border-bottom:1px solid var(--border);flex-shrink:0;padding:1.25rem;position:relative;z-index:var(--z-sticky)}.route-input-container{display:flex;align-items:stretch;gap:.625rem;position:relative}.route-visual-indicators,.indicator-dot,.indicator-dot.origin,.indicator-dot.destination,.indicator-line{display:none}.route-inputs-stack{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0;width:100%}.route-input-wrapper{position:relative;width:100%}.route-input{width:100%;padding:1rem 3rem 1rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;font-size:.9375rem;color:var(--text-primary);min-height:56px;box-sizing:border-box;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:400}.route-input::placeholder{color:var(--text-tertiary);font-weight:400}.route-input:hover{background:var(--bg-light);border-color:#22c55e33}.route-input:focus{background:var(--bg-main);border-color:var(--primary);box-shadow:0 0 0 4px #22c55e1a,0 4px 12px #22c55e26;outline:none;transform:translateY(-1px)}.btn-geolocate-minimal{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:10px;background:transparent;color:var(--primary);border:none;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-geolocate-minimal:hover:not(:disabled){background:var(--primary);color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #22c55e4d}.btn-geolocate-minimal:disabled{opacity:.3;cursor:not-allowed}.btn-swap-minimal{align-self:center;width:40px;height:40px;border-radius:12px;background:transparent;border:1px solid var(--border);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:none}.btn-swap-minimal:hover{background:var(--bg-secondary);transform:rotate(180deg) scale(1.05);box-shadow:none}.route-actions{display:flex;gap:.5rem;margin-top:.625rem;position:relative;z-index:var(--z-sticky)}.btn-time-picker{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:10px;font-size:.875rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;z-index:var(--z-timepicker);pointer-events:auto}.btn-time-picker svg{color:var(--primary);flex-shrink:0;width:16px;height:16px}.btn-time-picker .chevron{color:var(--text-tertiary);margin-left:.125rem;width:14px;height:14px}.btn-time-picker:hover{border-color:var(--primary);background:#22c55e14;transform:translateY(-1px);box-shadow:0 2px 8px #22c55e26}.btn-search-route{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:700;border-radius:12px;min-height:50px;background:linear-gradient(135deg,var(--primary) 0%,#16a34a 100%);border:none;color:#fff;box-shadow:0 4px 16px #22c55e4d;transition:all .25s cubic-bezier(.4,0,.2,1);letter-spacing:.02em}.btn-search-route:hover{transform:translateY(-2px);box-shadow:0 6px 24px #22c55e66}.btn-search-route:active{transform:translateY(0)}body.dark-theme .route-input{background:#ffffff0f}body.dark-theme .route-input:hover{background:#ffffff14;border-color:#ffffff1f}body.dark-theme .route-input:focus{background:#ffffff1a;border-color:var(--primary)}body.dark-theme .btn-swap-minimal,body.dark-theme .btn-time-picker{background:#ffffff14}body.dark-theme .btn-swap-minimal:hover{background:var(--primary)}body.dark-theme .btn-time-picker:hover{background:#ffffff1a;border-color:#ffffff26}body.dark-theme .indicator-dot.origin,body.dark-theme .indicator-dot.destination{border-color:var(--bg-main)}@media (max-width: 768px){body.itinerary-view-active #itinerary-results-container{position:static;top:auto;bottom:auto;height:auto;min-height:100vh}body.itinerary-view-active{overflow-y:visible!important;position:relative!important;width:100%!important;height:auto!important;top:auto!important;left:auto!important}#itinerary-results-container{background:radial-gradient(circle at 20% 20%,rgba(34,197,94,.12),transparent 28%),radial-gradient(circle at 80% 0%,rgba(0,200,255,.16),transparent 30%),var(--pm-navy, #0b1220);color:#e8f3ff;min-height:100vh;height:auto;position:static;top:auto;left:auto;right:auto;bottom:auto;width:100%;z-index:auto;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}#results-side-panel{background:linear-gradient(160deg,#111b2beb,#0b1220eb);border:1px solid rgba(255,255,255,.06);box-shadow:0 22px 60px #00000059;border-radius:18px 18px 0 0;height:auto;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-bottom:200px;overflow-y:visible}.itinerary-top-bar{background:transparent;border:none;padding:1.1rem 1.25rem .75rem}.itinerary-top-bar h2{color:#f8fbff;font-weight:800;letter-spacing:-.01em}.itinerary-top-bar .app-back-btn{background:#ffffff0f;color:#dfffea;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000040}#itinerary-edit-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;margin:0 1rem .75rem;padding:1.15rem;box-shadow:0 18px 44px #00000059}.route-input-container{flex-direction:column;align-items:stretch;gap:0}.route-inputs-stack{display:contents}.route-input-wrapper{width:100%;order:1}.route-input-wrapper:last-of-type{order:3}.btn-swap-minimal{order:2;align-self:center;margin:.625rem 0}.route-visual-indicators .indicator-dot.origin{box-shadow:0 0 0 2px #22c55e59}.route-visual-indicators .indicator-dot.destination{box-shadow:0 0 0 2px #ef444459}.route-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#f8fbff;box-shadow:inset 0 1px #ffffff08}.route-input::placeholder{color:#f8fbffb3}.route-input:hover{background:#ffffff17;border-color:#ffffff1f}.route-input:focus{background:#ffffff1f;border-color:var(--pm-cyan, #00c8ff);box-shadow:0 0 0 4px #00c8ff29,0 14px 30px #00000040}.btn-geolocate-minimal{color:#dfffea;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.btn-geolocate-minimal:hover:not(:disabled){background:linear-gradient(135deg,var(--primary) 0%,#16a34a 100%);color:#fff;box-shadow:0 10px 24px #00c8ff52}.btn-swap-minimal{background:transparent;border:1px solid var(--border);color:var(--text-primary);box-shadow:none}.btn-swap-minimal:hover{transform:rotate(180deg) scale(1.08)}.route-actions{flex-direction:column}.btn-time-picker{width:100%;background:#ffffff0f;color:#e8f3ff;border:1px solid rgba(255,255,255,.08);justify-content:space-between;padding:.85rem 1rem}.btn-time-picker:hover{background:#ffffff1a;border-color:#ffffff24;box-shadow:0 10px 24px #00000040}.btn-search-route{width:100%;background:linear-gradient(135deg,var(--primary) 0%,#16a34a 100%);box-shadow:0 18px 36px #22c55e59;letter-spacing:.03em}.results-list-wrapper{display:block;padding:.75rem 1rem 1.25rem}.results-list{background:transparent;border:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;overflow:visible;width:100%;box-sizing:border-box;padding:0}.recent-journeys-section{background:transparent;border:none;border-radius:0;padding:0;margin-top:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.recent-journeys-section h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-4) 0}#recent-journeys-container{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-4);width:100%;box-sizing:border-box}#recent-journeys-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.recent-journey-card,.recent-journey-item{padding:.9rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;box-shadow:var(--elevation-0)}.recent-journey-card:hover,.recent-journey-item:hover{border-color:var(--primary);box-shadow:0 12px 32px #00000047,0 4px 14px #22c55e26;transform:translateY(-3px)}.recent-journeys-empty{padding:var(--spacing-4);background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;text-align:center}.recent-journeys-empty p{font-size:.9rem;color:var(--text-secondary);margin:0}#itinerary-results-container .btn-swap-minimal,.itinerary-view-active .btn-swap-minimal{background:transparent!important;border:1px solid var(--border)!important;color:var(--text-primary)!important;box-shadow:none!important}#itinerary-results-container .btn-swap-minimal:hover,.itinerary-view-active .btn-swap-minimal:hover{background:#ffffff14!important;box-shadow:none!important}.btn-time-picker{z-index:var(--z-timepicker);position:relative}#results-planner-options-popover{overflow:visible;z-index:20000;position:absolute}#results-planner-options-popover .popover-content,#results-planner-options-popover .options-content{max-height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.timepicker-dropdown,.combobox-dropdown,.autocomplete-dropdown{position:absolute;z-index:var(--z-dropdown);inset:auto 0 0 0}[role=combobox]{position:relative}[role=listbox]{position:absolute;left:0;right:0;z-index:var(--z-dropdown)}.timepicker-input{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:10px;padding:.5rem .75rem}.timepicker-list{background:var(--bg-main);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 28px #00000040}.timepicker-list [role=option]{padding:.5rem .75rem;cursor:pointer}.timepicker-list [role=option][aria-selected=true],.timepicker-list [role=option]:hover{background:#22c55e1a}body.dark-theme .timepicker-input{background:#ffffff0f;border-color:#ffffff1f;color:#f8fbff}body.dark-theme .timepicker-list{background:#111b2beb;border-color:#ffffff14}}