*{box-sizing:border-box}body{margin:0;color:#163b35;font:15px system-ui;background:#f6f5ef}header{height:86px;display:flex;align-items:center;gap:12px;padding:18px 28px;border-bottom:1px solid #dce3dc}header div{flex:1}header b{font-size:27px;letter-spacing:1px}header span{font-size:16px;font-weight:400;letter-spacing:0}small{display:block;color:#657770;font-size:12px;margin-top:5px}button,input,select{font:inherit;border:1px solid #cad7cf;border-radius:10px;padding:11px;background:white;color:#163b35}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}#deploy,#send{background:#164e43;color:white}main{display:grid;grid-template-columns:380px 1fr;height:calc(100dvh - 86px)}aside{padding:26px;overflow:auto}h1{font-size:34px;margin:8px 0 22px}h2{font-size:21px}.label{font-size:11px;letter-spacing:2px;color:#77877a}input{width:100%}.tabs{display:flex;gap:8px;margin:12px 0}#status{font-size:12px;color:#6c7061}.route{display:block;width:100%;text-align:left;margin:7px 0;border-left:5px solid var(--color,#267e69)}section{background:white;border:1px solid #dae1d7;border-radius:15px;padding:18px;margin-top:22px}.times{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.time{background:#e8f0e8;padding:8px;border-radius:7px;font-variant-numeric:tabular-nums}footer{font-size:12px;line-height:1.8;margin:24px 0;color:#69776a}a{color:#217867}dialog{max-width:540px;border:0;border-radius:18px;padding:28px}dialog::backdrop{background:#102c3980}dialog button{margin:5px}#map{background:#dce5df}@media(max-width:750px){header{height:auto;padding:12px;flex-wrap:wrap}header b{font-size:21px}header small{display:none}main{height:auto;display:flex;flex-direction:column-reverse}#map{height:52dvh}aside{padding:20px}h1{font-size:27px}}
#routes{max-height:31vh;overflow:auto;padding-right:4px}#details{scroll-margin-top:12px}.tabs{flex-wrap:wrap}#gpsStatus{line-height:1.6}.leaflet-container{touch-action:none}#map{min-height:480px}@media(max-width:750px){#map{min-height:320px}#routes{max-height:220px}}
.street-name{font-size:11px;text-align:center;white-space:nowrap;color:#39403c;text-shadow:1px 1px 1px white,-1px -1px 1px white}.house-number{font-size:10px;background:none;border:0;box-shadow:none;color:#414037;padding:0}.house-number:before{display:none}#journey{margin:0 0 20px;padding:15px}#journey h2{margin-top:0}#plan{background:#164e43;color:white}.address-result{display:block;width:100%;text-align:left;margin:6px 0;font-size:12px}#tripResult ol{padding-left:20px;font-size:13px}#tripResult li{margin:10px 0}#planStatus{line-height:1.6}.town-name{text-align:center;white-space:nowrap;color:#4b5b50;font-size:11px;text-shadow:1px 1px white,-1px -1px white}.town-name.city{font-size:14px;font-weight:600}#map{background:#eef0e4}#offlineStatus{line-height:1.5}#navigation{border-top:1px solid #ddd;margin-top:16px;font-size:13px}#navigation label{display:block;margin:8px 0}#navStatus{padding:10px;background:#edf3eb;border-radius:8px}.arrival{background:#ffe4a9!important;font-weight:700}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:44px;height:44px;padding:10px;flex-shrink:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.icon-button svg{width:21px;height:21px;flex-shrink:0}.icon-button.with-label{width:auto;min-width:112px;padding:10px 14px}.button-tip{position:fixed;z-index:4000;max-width:240px;background:#123b35;color:#fff;padding:9px 12px;font-size:12px;border-radius:9px;box-shadow:0 4px 20px #0003;pointer-events:none}.mobile-sheet-header{display:none}#exitAlert{text-align:center;width:min(380px,calc(100vw - 28px));padding:26px;border:3px solid #f3bc53}#exitAlert h2{font-size:28px;line-height:1.15}#exitStop{font-size:20px;font-weight:650}.exit-sign{font-size:38px;background:#f6bf56;width:70px;height:70px;border-radius:50%;margin:auto}#exitDone{background:#164e43;color:white}#exitAlert .tabs{justify-content:center}input,select{min-width:0}#journey .tabs{gap:7px;margin:8px 0 14px}#plan{flex:1}#tripResult li{line-height:1.5}
@media(max-width:750px){
 body{height:100dvh;overflow:hidden}header{position:fixed;top:0;left:0;right:0;z-index:1000;height:calc(60px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 14px 8px;flex-wrap:nowrap;background:#f6f5eff2;backdrop-filter:blur(12px)}header b{font-size:21px}header span{font-size:13px}header small{display:none}header .icon-button{width:40px;height:40px}main{display:block;height:auto}#map{position:fixed;top:calc(60px + env(safe-area-inset-top));bottom:0;left:0;right:0;height:auto;min-height:0;width:100%}aside{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:10px;right:10px;padding:0;max-height:calc(100dvh - 86px - env(safe-area-inset-top));z-index:800;background:#fff;border:1px solid #dbe4dc;border-radius:20px;box-shadow:0 8px 36px #102c352a;overflow:hidden}aside>.label,aside>h1{display:none}.mobile-sheet-header{display:flex;align-items:center;gap:6px;height:58px;padding:7px 10px;border-bottom:1px solid #e1e7df}.sheet-handle{flex:1}.mobile-sheet-header #toggleSheet{font-weight:600;min-width:115px;border:0;background:#eaf0e8}.mobile-sheet-header #closeSheet{transform:rotate(180deg);border:0}.mobile-sheet-header #mapOptionsButton{border:0}aside:not(.sheet-open)>#journey,aside:not(.sheet-open)>#mapOptions{display:none}aside[data-mode=plan]>#mapOptions{display:none}aside[data-mode=options]>#journey{display:none}#journey,#mapOptions{border:0;border-radius:0;margin:0;padding:14px 16px;max-height:58dvh;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#journey h2{display:none}#journey label{font-size:12px;color:#5b7066}#journey input{font-size:16px;margin-top:4px;height:44px;padding:10px 12px}#journey .tabs{margin:7px 0 12px}#journey select{font-size:14px;padding:8px}#planStatus{font-size:11px}#tripResult{font-size:13px}#mapOptions #routes{max-height:26dvh}#details{margin-top:16px}#navigation h3{font-size:15px}#navigation .tabs{gap:6px}#navigation .icon-button.with-label{min-width:98px}#navigation label{font-size:12px}dialog{max-height:82dvh;overflow:auto;padding:20px;width:calc(100vw - 24px)}.leaflet-top{top:10px}.leaflet-control-attribution{font-size:9px!important}.street-name{font-size:10px}.town-name.city{font-size:12px}
}
@media(max-width:750px) and (max-height:560px){#journey,#mapOptions{max-height:52dvh}aside{max-width:390px;right:auto;width:calc(100vw - 20px)}}
html [hidden]{display:none!important}
.water-label{color:#247cb0;background:#eaf6fdcc;border:0;box-shadow:none;font-style:italic;font-size:11px}.water-label:before{display:none}
.transport-pin{background:#fff;border:1px solid #8aa4ae;border-radius:9px;padding:4px;color:#255b75;box-shadow:0 2px 5px #183d4322}.transport-pin svg{width:22px;height:22px}.transport-pin.airport{color:#147778;border-color:#147778}.transport-pin.ferry{color:#238cc0}
#costs{margin-top:16px;padding:14px;font-size:13px;line-height:1.5}summary{cursor:pointer;min-height:36px;padding:8px 0;font-weight:600}#taxiFields{display:grid;grid-template-columns:1fr 1fr;gap:8px}#taxiFields label{display:block;font-size:12px}#taxiFields input{width:100%;font-size:16px}#taxiResult{padding:10px;background:#edf3eb;border-radius:10px}#taxiProviders details{border-top:1px solid #e0e6dc;margin-top:8px}.fare-card select{width:100%;margin:6px 0}#costs p{overflow-wrap:anywhere}