*{margin:0;padding:0;box-sizing:border-box}html{overflow:hidden;max-width:100vw}body{font-family:sans-serif;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;max-width:100vw}#toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#1e293b;color:#f1f5f9;z-index:2500;position:relative}#tb-inputs,#tb-nav,#tb-extras{display:contents}#toolbar h1{font-size:1rem;font-weight:600;margin-right:auto}.autocomplete-wrap{position:relative;width:240px}.autocomplete-wrap input{width:100%;padding:6px 10px;border-radius:6px;border:none;font-size:.9rem}.autocomplete-wrap input.selected{background:#dbeafe}.dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border-radius:6px;box-shadow:0 4px 16px #0003;max-height:260px;overflow-y:auto;z-index:2000}.dropdown.open{display:block}.dropdown-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f1f5f9;color:#1e293b}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover,.dropdown-item.active{background:#eff6ff}.dropdown-item .place-name{font-weight:600;font-size:.9rem}.dropdown-item .place-sub{font-size:.75rem;color:#64748b;margin-top:1px}#toolbar button{padding:6px 14px;border-radius:6px;border:none;background:#3b82f6;color:#fff;cursor:pointer;font-size:.9rem;white-space:nowrap}#toolbar button:hover{background:#2563eb}#toolbar button:disabled{background:#64748b;cursor:not-allowed}#via-btn{background:#334155;font-size:.85rem;padding:6px 10px;white-space:nowrap}#via-btn:hover{background:#475569}#geo-btn,#swap-btn{background:#334155;font-size:.95rem;padding:6px 9px}#geo-btn:hover,#swap-btn:hover{background:#475569}#avoid-motorways{background:#334155;font-size:.9rem;padding:6px 9px}#avoid-motorways:hover{background:#475569}#avoid-motorways.active{background:#b45309;box-shadow:0 0 0 2px #fbbf24}#share-btn{background:#334155;font-size:.9rem;padding:6px 9px}#share-btn:hover{background:#475569}#departure-date,#departure-time{padding:6px 8px;border-radius:6px;border:none;font-size:.85rem;background:#334155;color:#f1f5f9}#departure-date{width:140px}#departure-time{width:90px}#departure-date::-webkit-calendar-picker-indicator,#departure-time::-webkit-calendar-picker-indicator{filter:invert(1)}#waypoints-container{display:contents}.waypoint-wrap{position:relative;display:flex;align-items:center;gap:4px;width:220px}.waypoint-wrap input{flex:1;min-width:0}.wp-remove-btn{flex:0 0 auto;background:#334155!important;color:#94a3b8!important;border:none;border-radius:4px;padding:4px 7px!important;font-size:.8rem!important;cursor:pointer;line-height:1}.wp-remove-btn:hover{background:#ef4444!important;color:#fff!important}#status{font-size:.8rem;color:#94a3b8;white-space:nowrap}#route-bar{display:none;align-items:center;background:#141414bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid rgba(42,42,42,.6);z-index:2400;flex-shrink:0}#route-bar.visible{display:flex}#route-info{flex:1;color:#00ff87;font-family:Courier New,monospace;font-size:12px;padding:5px 16px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#alert-indicator{display:none;background:none;border:none;font-size:1.1rem;padding:4px 12px;cursor:pointer;flex-shrink:0;line-height:1}#alert-indicator.visible{display:block}#route-alternatives{display:none;gap:6px;padding:6px 12px;background:#141414d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid rgba(42,42,42,.6);z-index:2300;flex-shrink:0;overflow-x:auto}#route-alternatives.visible{display:flex}.alt-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 12px;border-radius:6px;border:1px solid #334155;background:#1e293b;color:#94a3b8;cursor:pointer;font-family:Courier New,monospace;font-size:12px;white-space:nowrap;flex-shrink:0}.alt-card:hover{border-color:#475569;color:#e2e8f0}.alt-card.selected{border-color:#3b82f6;background:#1e3a5f;color:#93c5fd}.alt-label{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.alt-meta{color:#00ff87;font-size:11px}.alt-card.selected .alt-meta{color:#93c5fd}#map{flex:1;min-height:0}#map-context-menu{display:none;position:fixed;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;z-index:9999;min-width:210px;overflow:hidden}#map-context-menu.open{display:block}.ctx-item{padding:10px 14px;cursor:pointer;font-size:.9rem;color:#1e293b;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid #f1f5f9}.ctx-item:last-child{border-bottom:none}.ctx-item:hover{background:#eff6ff}.ctx-item span{font-size:.72rem;color:#94a3b8}.leaflet-popup-content-wrapper{background:#141414!important;border:1px solid #2a2a2a!important;border-radius:0!important;box-shadow:0 4px 16px #00000080!important;padding:0!important;color:#e0e0e0!important;font-family:Courier New,monospace!important;font-size:13px!important}.leaflet-popup-tip{background:#141414!important}.leaflet-popup-content{margin:0!important}.wx-popup-dark{font-family:Courier New,monospace;font-size:13px;color:#e0e0e0;padding:14px 16px;position:relative;min-width:300px;line-height:1.8}.wx-popup-corner{position:absolute;top:10px;right:12px;font-size:1.4rem;line-height:1}.wx-popup-name{color:#00ff87;font-size:15px;font-weight:700;margin-bottom:4px}.wx-popup-meta{color:#888;font-size:12px;margin-bottom:8px}.wx-popup-weather div{border-top:1px solid #2a2a2a;padding-top:4px;margin-top:4px}.wx-popup-weather div:first-child{border-top:none;margin-top:0}.wx-full-link{display:inline-block;margin-top:8px;font-size:.78rem;color:#3b82f6;cursor:pointer;text-decoration:underline;font-family:Courier New,monospace}#route-alert-panel{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:9997;align-items:center;justify-content:center}#route-alert-panel.open{display:flex}#route-alert-inner{background:#141414;color:#e0e0e0;font-family:Courier New,monospace;font-size:13px;border:1px solid #2a2a2a;width:100%;max-width:600px;margin:0 16px}#route-alert-handle{display:none;width:40px;height:4px;background:#444;border-radius:2px;margin:0 auto 10px}#route-alert-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid #2a2a2a}#route-alert-title{color:#f44;font-weight:700;font-size:14px}#route-alert-close{background:none;border:none;color:#888;font-size:1.1rem;cursor:pointer;padding:2px 6px}#route-alert-close:hover{color:#e0e0e0}#route-alert-list{padding:12px 16px;line-height:1.9}.route-alert-item{border-bottom:1px solid #2a2a2a;padding:4px 0}.route-alert-item:last-child{border-bottom:none}#wx-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9998;align-items:center;justify-content:center}#wx-overlay.open{display:flex}#wx-detail{background:#141414;color:#e0e0e0;font-family:Courier New,Courier,monospace;font-size:14px;border:1px solid #2a2a2a;padding:14px 16px;line-height:1.8;width:100%;max-width:860px;margin:0 16px}#wx-detail-name{color:#00ff87;font-size:15px;font-weight:700;margin-bottom:4px}#wx-detail-meta{color:#888;font-size:12px;margin-bottom:8px}#wx-detail-weather{color:#e0e0e0;font-size:13px;border-top:1px solid #2a2a2a;padding-top:8px;line-height:1.9}#wx-detail-weather div+div{border-top:1px solid #2a2a2a;padding-top:4px;margin-top:4px}.wx-section-label{color:#888;font-family:Courier New,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-top:12px;margin-bottom:6px;border-top:1px solid #2a2a2a;padding-top:10px}.wx-tiles-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.wx-tiles-row::-webkit-scrollbar{height:4px}.wx-tiles-row::-webkit-scrollbar-track{background:#141414}.wx-tiles-row::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}.wx-tile{flex:0 0 90px;scroll-snap-align:start;background:#0d0d0d;border:1px solid #2a2a2a;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;font-family:Courier New,monospace}.wx-tile-top{font-size:10px;color:#888;white-space:nowrap}.wx-tile-icon{font-size:1.4rem;line-height:1.2}.wx-tile-value{font-size:12px;color:#00ff87;font-weight:700}.wx-tile-sub{font-size:10px;color:#888;white-space:nowrap}.wx-tile{cursor:pointer;transition:border-color .15s}.wx-tile:hover{border-color:#444}.wx-tile.active{border-color:#00ff87;background:#1a2e22}.weather-alert{color:#f44;border-top:1px solid #2a2a2a;padding-top:4px;margin-top:4px}.weather-alert:first-child{border-top:none;margin-top:0}#wx-panel-handle{display:none;justify-content:center;align-items:center;padding:10px 16px 6px;position:relative;flex-shrink:0}#wx-handle-bar{width:40px;height:4px;background:#444;border-radius:2px}#wx-panel-close{position:absolute;right:12px;background:none;border:none;color:#666;font-size:1.3rem;cursor:pointer;padding:4px 8px;line-height:1}#wx-panel-close:hover{color:#e0e0e0}#wotr-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);background:#1e293b;color:#f1f5f9;padding:8px 20px;border-radius:20px;font-size:.9rem;z-index:99999;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}#wotr-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:768px){#toolbar{flex-direction:column;align-items:stretch;gap:6px;padding:8px;flex-shrink:0;width:100%}#toolbar h1{display:none}#tb-inputs{display:flex;gap:6px;align-items:center}#tb-inputs .autocomplete-wrap{flex:1;min-width:0;width:auto}#geo-btn{flex:0 0 auto}#tb-nav{display:flex;gap:6px}#go-btn{flex:1;padding:8px 12px;font-size:.85rem;min-width:0}#via-btn{flex:0 0 auto;padding:8px 12px;font-size:.85rem}#tb-extras{display:flex;gap:6px;align-items:center}#departure-date{flex:1;min-width:0;width:auto;font-size:.8rem;padding:6px 5px}#departure-time{width:78px;max-width:78px;font-size:.8rem;padding:6px 5px}#avoid-motorways{font-size:.85rem;padding:6px 7px}#route-alternatives{padding:5px 8px;gap:5px}.alt-card{padding:5px 10px}.waypoint-wrap{width:100%;min-width:0}#status{font-size:.75rem;text-align:center}#map-context-menu{left:0!important;top:auto!important;bottom:0;width:100%;border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #0006;padding-bottom:max(env(safe-area-inset-bottom),8px)}#map-context-menu:before{content:"";display:block;width:40px;height:4px;background:#ddd;border-radius:2px;margin:10px auto 4px}.ctx-item{padding:16px 20px;font-size:1.05rem}.ctx-item:last-child{border-bottom:none}.wx-popup-dark{min-width:min(300px,88vw);font-size:12px;padding:12px}.wx-full-link{font-size:.9rem;padding:4px 0;display:block}#wx-overlay{align-items:flex-end}#wx-panel-handle{display:flex}#wx-detail{max-width:100%;margin:0;max-height:88dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;border-radius:20px 20px 0 0;border:none;border-top:1px solid #2a2a2a;padding-bottom:max(env(safe-area-inset-bottom),16px)}#route-alert-panel{align-items:center}#route-alert-inner{max-width:calc(100% - 32px);margin:0 16px;max-height:80dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:12px;border:1px solid #2a2a2a}#route-alert-header{justify-content:space-between;align-items:center}#route-alert-close{padding:6px 10px;font-size:1.3rem}.wx-tile{flex:0 0 78px;padding:8px 4px}.dropdown{max-height:180px}}