:root{--color-paper: #FAFAF8;--color-paper-warm: #F7F6F3;--color-ink: #3D5A73;--color-ink-muted: #5A7A94;--color-text: #2C3E50;--color-text-muted: #8896A4;--color-accent: #E67E22;--weather-sun: #F7DC6F;--weather-sun-glow: #FCF3CF;--weather-cloud: #D5DBDB;--weather-rain: #85C1E9;--weather-rain-dark: #5DADE2;--weather-snow: #F4F6F6;--weather-snow-accent: #AED6F1;--weather-storm: #7F8C8D;--weather-ice: #D4E6F1;--weather-wind: #AEB6BF;--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-soft: 0 1px 4px rgba(61, 90, 115, .06);--shadow-medium: 0 2px 12px rgba(61, 90, 115, .08);--shadow-strong: 0 4px 24px rgba(61, 90, 115, .12);--shadow-label: 0 1px 6px rgba(61, 90, 115, .15);--shadow-pearl: 0 2px 8px rgba(61, 90, 115, .18);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-weight:var(--font-weight-regular);color:var(--color-text);background-color:var(--color-paper);line-height:1.6;min-height:100vh;overflow-x:hidden}.screen{position:fixed;inset:0;opacity:0;visibility:hidden;transition:opacity var(--transition-slow),visibility var(--transition-slow)}.screen.active{opacity:1;visibility:visible}#landing{display:flex;align-items:center;justify-content:center;background:var(--color-paper);padding:var(--space-xl);overflow-x:hidden;overflow-y:visible}.landing-content{position:relative;z-index:10;width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--space-sm)}@media(max-width:640px){.landing-content{gap:var(--space-md)}}.landing-header{text-align:center;margin-top:0;margin-bottom:var(--space-xs)}.logo-crop-container{height:clamp(60px,15vw,100px);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:-10px;margin-bottom:-15px}@media(max-width:640px){.logo-crop-container{margin-bottom:-10px}}.header-logo{width:clamp(240px,65vw,360px);height:auto;object-fit:contain}.landing-header h1{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:var(--font-weight-semibold);color:var(--color-ink);letter-spacing:-.01em;margin-bottom:var(--space-sm)}.tagline{font-size:1rem;color:var(--color-text-muted);font-weight:var(--font-weight-light)}.tagline em{font-style:normal;color:var(--color-ink-muted);font-weight:var(--font-weight-medium)}.route-form{background:#fff;border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-medium);border:1px solid rgba(61,90,115,.06)}.input-group{position:relative;margin-bottom:var(--space-md)}.input-group label{display:block;font-size:.7rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.input-group input{width:100%;padding:var(--space-md);font-family:var(--font-family);font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-paper);border:1px solid rgba(61,90,115,.1);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.input-group input::placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.input-group input:focus{border-color:var(--color-ink-muted);background:#fff}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-strong);list-style:none;max-height:180px;overflow-y:auto;z-index:100;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--transition-fast);border:1px solid rgba(61,90,115,.08)}.suggestions-list.active{opacity:1;visibility:visible;transform:translateY(2px)}.suggestions-list li{padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color var(--transition-fast);font-size:.9rem;border-bottom:1px solid rgba(61,90,115,.04)}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li:hover{background:var(--color-paper)}.suggestions-list li .suggestion-region{font-size:.75rem;color:var(--color-text-muted);margin-left:var(--space-xs)}.swap-locations-btn{display:flex;justify-content:center;align-items:center;margin:var(--space-xs) auto;padding:var(--space-xs);background:transparent;border:1px solid rgba(61,90,115,.15);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.swap-locations-btn:hover{background:#3d5a730d;border-color:#3d5a7340;color:var(--color-ink)}.swap-locations-btn:active{transform:scale(.95)}.swap-locations-btn svg{width:18px;height:18px}.datetime-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-md)}.datetime-group input{font-size:.9rem;padding:var(--space-sm) var(--space-md)}.info-tooltip{position:relative;display:inline-flex;align-items:center;margin-left:4px;cursor:help;color:var(--color-text-muted);vertical-align:middle}.info-tooltip svg{width:14px;height:14px;opacity:.6;transition:opacity var(--transition-fast)}.info-tooltip:hover svg,.info-tooltip:focus svg{opacity:1}.tooltip-text{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-ink);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.7rem;font-weight:var(--font-weight-regular);text-transform:none;letter-spacing:0;white-space:normal;width:200px;text-align:center;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:100;box-shadow:var(--shadow-strong);pointer-events:none}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-ink)}.info-tooltip:hover .tooltip-text,.info-tooltip:focus .tooltip-text{opacity:1;visibility:visible}.submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);font-family:var(--font-family);font-size:1rem;font-weight:var(--font-weight-semibold);color:#fff;background:var(--color-ink);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast)}.submit-btn:hover{background:var(--color-ink-muted)}.submit-btn:active{transform:scale(.98)}.submit-btn .btn-icon{transition:transform var(--transition-fast)}.submit-btn:hover .btn-icon{transform:translate(3px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.landing-decoration{display:none}.landing-footer{margin-top:var(--space-xl);text-align:center;opacity:.4;transition:opacity var(--transition-normal)}.landing-footer:hover{opacity:.8}.landing-footer p{font-size:.65rem;color:var(--color-text-muted);font-weight:var(--font-weight-light);letter-spacing:.02em}.landing-footer a{color:var(--color-ink-muted);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.landing-footer a:hover{border-bottom-color:currentColor}.language-switcher{display:none;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.lang-btn{padding:4px 8px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:1rem;cursor:pointer;opacity:.5;transition:opacity var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.lang-btn:hover{opacity:.8;transform:scale(1.1)}.lang-btn.active{opacity:1;border-color:var(--color-ink-muted);background:#3d5a730d}.saved-routes{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid rgba(61,90,115,.08)}.saved-routes.hidden{display:none}.saved-routes-title{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.saved-routes-list{display:flex;flex-direction:column;gap:var(--space-sm)}.saved-route-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:#fff;border:1px solid rgba(61,90,115,.08);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.saved-route-card:hover{background:var(--color-paper);transform:translate(2px)}.saved-route-info{display:flex;flex-direction:column;gap:2px}.saved-route-name{font-size:.85rem;font-weight:var(--font-weight-medium);color:var(--color-ink)}.saved-route-date{font-size:.7rem;color:var(--color-text-muted)}.saved-route-arrow{color:var(--color-text-muted);opacity:.5}.saved-route-delete{padding:4px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;opacity:.5;transition:opacity var(--transition-fast),color var(--transition-fast)}.saved-route-delete:hover{opacity:1;color:#e74c3c}.weather-warning{position:absolute;top:var(--space-lg);left:50%;transform:translate(-50%);z-index:1100;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border-radius:var(--radius-md);box-shadow:0 4px 20px #ee5a2466;max-width:calc(100% - 120px);animation:warning-slide-in .4s ease-out}.weather-warning.hidden{display:none}@keyframes warning-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.warning-icon{font-size:1.2rem}.warning-content{display:flex;flex-direction:column;gap:2px}.warning-title{font-size:.75rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.warning-text{font-size:.8rem;font-weight:var(--font-weight-medium)}.warning-close{padding:4px;background:#fff3;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:background-color var(--transition-fast)}.warning-close:hover{background:#ffffff4d}#map-screen{background:var(--color-paper)}#map{width:100%;height:100%}.leaflet-container{background:var(--color-paper)!important;font-family:var(--font-family)!important}.leaflet-tile-pane{filter:saturate(5%) brightness(1) contrast(.95);opacity:.55}.leaflet-control-zoom{border:none!important;box-shadow:var(--shadow-medium)!important;border-radius:var(--radius-sm)!important;overflow:hidden;margin-bottom:90px!important;margin-right:var(--space-lg)!important}.leaflet-control-zoom a{background:#fff!important;color:var(--color-ink)!important;border:none!important;font-weight:var(--font-weight-medium)!important;width:36px!important;height:36px!important;line-height:36px!important;font-size:16px!important}.leaflet-control-zoom a:hover{background:var(--color-paper)!important}.leaflet-control-attribution{display:none!important}.leaflet-control-attribution a{color:var(--color-text-muted)!important}.back-btn{position:absolute;top:var(--space-lg);left:var(--space-lg);z-index:1000;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-medium);cursor:pointer;color:var(--color-ink);transition:transform var(--transition-fast)}.back-btn svg{width:20px;height:20px}.back-btn:hover{transform:scale(1.05)}.route-summary{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);z-index:1000;background:#fff;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-strong);transition:opacity var(--transition-normal),transform var(--transition-normal);border:1px solid rgba(61,90,115,.06)}.route-summary.hidden{opacity:0;transform:translate(-50%) translateY(10px);pointer-events:none}.weather-timeline-details{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(61,90,115,.08)}.weather-timeline-details.hidden{display:none}.timeline-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);cursor:pointer;font-size:.65rem;color:var(--color-text-muted);list-style:none;-webkit-user-select:none;user-select:none}.timeline-toggle::-webkit-details-marker{display:none}.weather-timeline-details .chevron{transition:transform var(--transition-fast)}.weather-timeline-details[open] .chevron{transform:rotate(180deg)}.timeline-track{display:flex;gap:var(--space-sm);overflow-x:auto;padding:var(--space-xs) 0;scrollbar-width:none}.timeline-track::-webkit-scrollbar{display:none}.timeline-point{display:flex;flex-direction:column;align-items:center;min-width:52px;padding:var(--space-xs)}.timeline-time{font-size:.6rem;color:var(--color-text-muted);margin-bottom:4px}.timeline-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-paper);margin-bottom:4px}.timeline-icon svg{width:18px;height:18px}.timeline-temp{font-size:.7rem;font-weight:var(--font-weight-semibold);color:var(--color-ink)}.timeline-city{font-size:.55rem;color:var(--color-text-muted);max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.summary-content{text-align:center}.summary-route{font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--color-ink);margin-bottom:2px}.summary-arrow{margin:0 var(--space-sm);color:var(--color-text-muted);font-weight:var(--font-weight-light)}.summary-details{font-size:.8rem;color:var(--color-text-muted)}.summary-divider{margin:0 var(--space-sm);opacity:.5}.route-legend{margin-top:var(--space-sm);border-top:1px solid rgba(61,90,115,.08);padding-top:var(--space-sm)}.legend-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);cursor:pointer;font-size:.65rem;color:var(--color-text-muted);list-style:none;-webkit-user-select:none;user-select:none}.legend-toggle::-webkit-details-marker{display:none}.legend-toggle .chevron{transition:transform var(--transition-fast)}.route-legend[open] .chevron{transform:rotate(180deg)}.legend-content{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-sm)}.legend-item{display:flex;align-items:center;gap:var(--space-xs)}.legend-line{width:20px;height:4px;border-radius:var(--radius-full)}.legend-day{background:#5a7a94}.legend-twilight{background:#3d4f6f}.legend-night{background:#1a1a2e}.legend-text{font-size:.6rem;color:var(--color-text-muted)}.loading-overlay{position:absolute;inset:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-paper);transition:opacity var(--transition-normal);padding:var(--space-xl)}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-logo{width:clamp(80px,20vw,100px);height:auto;margin-bottom:var(--space-md);margin-top:-20px;animation:logo-pulse 2s ease-in-out infinite}@keyframes logo-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.loading-track{width:140px;height:3px;background:var(--color-paper-warm);border-radius:var(--radius-full);margin-bottom:var(--space-sm);position:relative;overflow:hidden}.loading-bar{position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-ink);border-radius:var(--radius-full);animation:loading-advance 1.5s infinite ease-in-out}@keyframes loading-advance{0%{left:-100%}50%{left:0%}to{left:100%}}.loading-text{font-size:.8rem;color:var(--color-text-muted);font-weight:var(--font-weight-regular);margin:0;letter-spacing:.03em;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}.weather-pearl-marker{background:transparent!important;border:none!important}.weather-pearl{position:relative;cursor:pointer;transition:transform var(--transition-normal)}.weather-pearl:hover{transform:scale(1.12);z-index:100!important}.pearl-container{position:relative;width:52px;height:52px}.pearl-circle{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;border:4px solid white;box-sizing:border-box;box-shadow:0 0 0 2px #3d5a7314,0 4px 16px #3d5a7333,0 8px 32px #3d5a731a}.pearl-sun-badge{position:absolute;bottom:-4px;left:-4px;width:22px;height:22px;border-radius:50%;border:2px solid white;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;box-shadow:0 2px 6px #0003;z-index:10;pointer-events:auto}.pearl-sunny{background:linear-gradient(145deg,#FEF9E7 0%,var(--weather-sun) 100%)}.pearl-cloudy{background:linear-gradient(145deg,#F8F9F9 0%,var(--weather-cloud) 100%)}.pearl-rainy{background:linear-gradient(145deg,#EBF5FB 0%,var(--weather-rain) 100%)}.pearl-snowy{background:linear-gradient(145deg,white 0%,var(--weather-snow-accent) 100%)}.pearl-stormy{background:linear-gradient(145deg,#BDC3C7 0%,var(--weather-storm) 100%)}.pearl-icy{background:linear-gradient(145deg,#EAF2F8 0%,var(--weather-ice) 100%)}.pearl-windy{background:linear-gradient(145deg,#F2F4F4 0%,var(--weather-wind) 100%)}.pearl-partly-cloudy{background:linear-gradient(145deg,var(--weather-sun-glow) 0%,var(--weather-cloud) 100%)}.pearl-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;white-space:nowrap;text-align:center;background:#fff;padding:4px 8px;border-radius:4px;box-shadow:var(--shadow-label)}.pearl-city{display:block;font-size:.7rem;font-weight:var(--font-weight-bold);color:var(--color-ink);letter-spacing:.02em}.pearl-time{display:inline;font-size:.65rem;color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.pearl-temp{font-size:.65rem;color:var(--color-ink-muted);font-weight:var(--font-weight-semibold)}.pearl-separator{color:var(--color-text-muted);opacity:.4;margin:0 2px}@keyframes pearl-pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.pearl-animate{animation:pearl-pop .4s cubic-bezier(.34,1.56,.64,1) forwards}.weather-icon{width:100%;height:100%;overflow:visible}.weather-icon-sun .sun-core{transform-origin:center;animation:sun-pulse 4s ease-in-out infinite}.weather-icon-sun .sun-rays{transform-origin:center;animation:sun-spin 12s linear infinite}.weather-icon-sun .sun-glow{transform-origin:center;animation:sun-glow-pulse 4s ease-in-out infinite alternate}@keyframes sun-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes sun-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sun-glow-pulse{0%{opacity:.4;transform:scale(1)}to{opacity:.7;transform:scale(1.2)}}n .weather-icon-partly-cloudy .sun-bg circle{transform-origin:44px 24px;animation:sun-pulse 4s ease-in-out infinite}.weather-icon-partly-cloudy .cloud-front{animation:cloud-float 6s ease-in-out infinite}.weather-icon-cloudy .cloud-back{animation:cloud-float-reverse 8s ease-in-out infinite}.weather-icon-cloudy .cloud-mid{animation:cloud-float 7s ease-in-out infinite}.weather-icon-cloudy .cloud-front{animation:cloud-float 6s ease-in-out infinite}@keyframes cloud-float{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@keyframes cloud-float-reverse{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.weather-icon-rain .cloud-body{animation:cloud-bob 4s ease-in-out infinite}.weather-icon-rain .rain-drop{animation:rain-fall 1s linear infinite;transform-origin:bottom}.weather-icon-rain .rain-drop:nth-child(2n){animation-duration:.8s}.weather-icon-rain .rain-drop:nth-child(3n){animation-duration:1.2s}.weather-icon-rain .rain-drop:nth-child(4n){animation-duration:.9s}@keyframes cloud-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes rain-fall{0%{transform:translateY(0);opacity:1}to{transform:translateY(12px);opacity:0}}.weather-icon-storm .cloud-dark{animation:cloud-shake .5s linear infinite;transform-origin:center}.weather-icon-storm .cloud-dark{animation:storm-breathe 4s ease-in-out infinite}.weather-icon-storm .lightning-bolt{animation:lightning-flash 5s infinite;opacity:0;transform-origin:top center}.weather-icon-storm .rain-heavy{animation:rain-fall-heavy .6s linear infinite}@keyframes storm-breathe{0%,to{fill:#7f8c8d;transform:scale(1)}50%{fill:#5d6d7e;transform:scale(1.02)}}@keyframes lightning-flash{0%,90%{opacity:0;transform:scale(.8)}92%{opacity:1;transform:scale(1.2)}94%{opacity:0;transform:scale(1)}95%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}@keyframes rain-fall-heavy{0%{transform:translateY(0) rotate(10deg);opacity:1}to{transform:translateY(15px) rotate(10deg);opacity:0}}.weather-icon-snow .snowflake{transform-origin:center;animation:snow-fall 3s ease-in-out infinite}.weather-icon-snow .snowflake:nth-child(2n){animation-duration:4s;animation-delay:.5s}.weather-icon-snow .snowflake:nth-child(3n){animation-duration:5s;animation-delay:1s}@keyframes snow-fall{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}50%{transform:translateY(5px) translate(2px) rotate(180deg);opacity:.8}to{transform:translateY(10px) translate(-1px) rotate(360deg);opacity:0}}.weather-icon-wind .wind-gust{stroke-dasharray:20;stroke-dashoffset:20;animation:wind-dash 2s linear infinite}.weather-icon-wind .wind-gust:nth-child(2){animation-delay:.5s}.weather-icon-wind .wind-gust:nth-child(3){animation-delay:1s}@keyframes wind-dash{0%{stroke-dashoffset:20;opacity:0}20%{opacity:1}80%{opacity:1}to{stroke-dashoffset:-20;opacity:0}}.weather-icon-ice .ice-crystal{transform-origin:center;animation:ice-sparkle 3s ease-in-out infinite}.weather-icon-ice .ice-glint{animation:ice-shine 4s ease-in-out infinite}@keyframes ice-sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(5deg)}}@keyframes ice-shine{0%,to{opacity:0;transform:translate(-10px) rotate(45deg)}50%{opacity:.8;transform:translate(0) rotate(45deg)}to{opacity:0;transform:translate(10px) rotate(45deg)}}.leaflet-popup-content-wrapper{background:#fff!important;color:var(--color-ink)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-medium)!important;padding:0!important}.leaflet-popup-content{margin:0!important;font-family:var(--font-family)!important}.leaflet-popup-tip{box-shadow:none!important}.popup-content{padding:var(--space-sm) var(--space-md);min-width:140px}.popup-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.popup-header strong{font-size:.85rem;font-weight:var(--font-weight-semibold);color:var(--color-ink)}.popup-label{font-size:.65rem;color:var(--color-text-muted)}.popup-time{font-size:.7rem;color:var(--color-text-muted);margin-bottom:4px}.popup-weather{display:flex;justify-content:space-between;align-items:center}.popup-weather-desc{font-size:.75rem;color:var(--color-text)}.popup-temp{font-size:.85rem;font-weight:var(--font-weight-semibold);color:var(--color-ink)}.popup-wind{font-size:.7rem;color:var(--color-text-muted);margin-top:4px}@media(max-width:640px){#landing{padding:var(--space-md);align-items:flex-start;padding-top:10vh}.landing-header{margin-bottom:var(--space-lg)}.landing-header h1{font-size:1.5rem}.tagline{font-size:.85rem}.route-form{padding:var(--space-md)}.input-group input{padding:var(--space-sm) var(--space-md);font-size:16px}.datetime-group{grid-template-columns:1fr 1fr;gap:var(--space-sm)}.datetime-group input{font-size:16px}.info-tooltip:focus .tooltip-text,.info-tooltip:active .tooltip-text{display:block;opacity:1;visibility:visible}.back-btn{top:var(--space-md);left:var(--space-md);width:44px;height:44px}.action-buttons{top:var(--space-md);right:var(--space-md)}.action-btn{width:44px;height:44px}.weather-legend{display:none}.route-summary{left:var(--space-xs);right:var(--space-xs);bottom:var(--space-sm);transform:none;width:auto;padding:var(--space-xs) var(--space-sm)}.route-summary.hidden{transform:translateY(20px)}.summary-route{font-size:.95rem}.summary-details{font-size:.75rem}.summary-arrival{font-size:.7rem;margin-bottom:0}.route-summary .route-legend,.route-summary .weather-timeline-details{display:none}.pearl-container{width:44px;height:44px}.pearl-circle{border-width:3px}.pearl-label{padding:3px 6px;margin-top:4px}.pearl-city{font-size:.6rem}.pearl-time,.pearl-temp{font-size:.55rem}.weather-icon{width:24px;height:24px}.leaflet-control-zoom{margin-bottom:100px!important}.break-settings-content{padding:var(--space-xs) var(--space-sm) var(--space-sm)}.break-row{flex-direction:row;gap:var(--space-sm)}.break-row .input-group{flex:1}.break-row select{font-size:14px;padding:var(--space-xs) var(--space-sm)}}@media(max-width:380px){.datetime-group{grid-template-columns:1fr}}.break-settings{margin-top:var(--space-md);border:1px solid rgba(61,90,115,.08);border-radius:var(--radius-sm);background:var(--color-paper)}.break-settings-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);cursor:pointer;font-size:.85rem;font-weight:var(--font-weight-medium);color:var(--color-ink-muted);list-style:none;-webkit-user-select:none;user-select:none}.break-settings-toggle::-webkit-details-marker{display:none}.break-settings-toggle .chevron{transition:transform var(--transition-fast)}.break-settings[open] .chevron{transform:rotate(180deg)}.break-settings-content{padding:var(--space-sm) var(--space-md) var(--space-md);border-top:1px solid rgba(61,90,115,.06)}.break-row{display:flex;gap:var(--space-md)}.break-row .input-group{flex:1;margin-bottom:0}.break-row select{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:.85rem;font-weight:var(--font-weight-medium);color:var(--color-text);background:#fff;border:1px solid rgba(61,90,115,.1);border-radius:var(--radius-sm);cursor:pointer;outline:none}.break-row select:focus{border-color:var(--color-ink-muted)}.slider-group{padding-top:var(--space-xs)}.slider-group label{display:flex;justify-content:space-between;align-items:baseline}.slider-group label span{font-weight:var(--font-weight-semibold);color:var(--color-ink)}.slider-input{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(to right,var(--color-ink-muted) 0%,var(--color-ink-muted) var(--slider-progress, 30%),#e0e0e0 var(--slider-progress, 30%),#e0e0e0 100%);border-radius:var(--radius-full);outline:none;margin:var(--space-sm) 0 var(--space-xs);cursor:pointer}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-ink);cursor:pointer;box-shadow:0 2px 6px #3d5a734d;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 10px #3d5a7366}.slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-ink);cursor:pointer;border:none;box-shadow:0 2px 6px #3d5a734d}.slider-labels{display:flex;justify-content:space-between;font-size:.65rem;color:var(--color-text-muted);margin-top:0}.toggle-wrapper{display:flex;align-items:center;gap:var(--space-xs)}.toggle-checkbox{width:16px;height:16px;accent-color:var(--color-ink);cursor:pointer}.toggle-label-text{cursor:pointer;-webkit-user-select:none;user-select:none}.action-buttons{position:absolute;top:var(--space-lg);right:var(--space-lg);z-index:1000;display:flex;gap:var(--space-sm)}.action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-medium);cursor:pointer;color:var(--color-ink);transition:transform var(--transition-fast),background-color var(--transition-fast)}.action-btn:hover{transform:scale(1.05);background:var(--color-paper)}.action-btn.active{background:var(--color-ink);color:#fff}.weather-legend{position:absolute;top:var(--space-lg);left:50%;transform:translate(-50%);z-index:1000;display:flex;gap:var(--space-lg);background:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);box-shadow:var(--shadow-medium);font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--color-text);transition:opacity var(--transition-normal)}.weather-legend.hidden{opacity:0;pointer-events:none}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:14px;height:14px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #00000026}.legend-dot.sunny{background:var(--weather-sun)}.legend-dot.cloudy{background:var(--weather-cloud)}.legend-dot.rainy{background:var(--weather-rain)}.legend-dot.snowy{background:var(--weather-snow-accent)}.summary-arrival{font-size:.75rem;color:var(--color-ink-muted);margin-top:4px;font-weight:var(--font-weight-medium)}@keyframes draw-route{0%{stroke-dashoffset:var(--route-length)}to{stroke-dashoffset:0}}.route-line-animated{animation:draw-route 2s ease-out forwards}.rest-stop-marker{background:transparent!important;border:none!important}.rest-stop{position:relative;display:flex;flex-direction:column;align-items:center}.rest-stop-icon{width:28px;height:28px;background:#fff;border:2px solid var(--color-ink-muted);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:var(--shadow-soft)}.rest-stop-label{margin-top:4px;background:#fff;padding:2px 6px;border-radius:3px;font-size:.6rem;font-weight:var(--font-weight-medium);color:var(--color-ink-muted);box-shadow:var(--shadow-label);white-space:nowrap}.share-modal{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.share-modal.active{opacity:1;visibility:visible}.share-modal-content{background:#fff;padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);max-width:400px;width:90%;text-align:center}.share-modal h3{font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--color-ink);margin-bottom:var(--space-md)}.share-options{display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-lg)}.share-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-paper);border:1px solid rgba(61,90,115,.1);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);font-size:.8rem;color:var(--color-text)}.share-option:hover{background:var(--color-paper-warm)}.share-option svg{width:24px;height:24px;color:var(--color-ink)}.share-close{padding:var(--space-sm) var(--space-lg);background:none;border:1px solid rgba(61,90,115,.2);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:.85rem;color:var(--color-text-muted);cursor:pointer}.share-close:hover{background:var(--color-paper)}.toast{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%) translateY(20px);z-index:4000;background:var(--color-ink);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:.85rem;font-weight:var(--font-weight-medium);box-shadow:var(--shadow-strong);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.toast.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.sun-marker-container{background:transparent!important;border:none!important}.sun-marker-minimal{display:flex;flex-direction:column;align-items:center;animation:sun-marker-appear .4s ease-out forwards}@keyframes sun-marker-appear{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.sun-marker-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #fff,0 2px 8px #0003}.sun-marker-icon{font-size:14px;line-height:1}.sun-marker-time{margin-top:4px;background:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:var(--font-weight-semibold);color:var(--color-ink);box-shadow:0 1px 4px #00000026;white-space:nowrap}.sun-marker-label{font-size:.55rem;font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.route-day{color:#5a7a94}.route-twilight{color:#3d4f6f}.route-night{color:#1a1a2e}