:root{font-synthesis:none;color:#1b2934;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff;--surface:#fff;--ink:#1b2934;--muted:#52616d;--border:#cbd4dc;--green:#126447;--soft:#edf5f1;--warning:#74420b;--warning-bg:#fff5e1;background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,summary,label.file-button{-webkit-tap-highlight-color:transparent}a{color:#145e49;text-underline-offset:3px}button,.file-button{border:1px solid var(--border);color:var(--ink);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:9px 12px;font-size:14px;font-weight:550;line-height:1.3;display:inline-flex}button:hover,.file-button:hover{background:#f0f4f6;border-color:#8c9ca9}button:disabled{color:#586673;opacity:1;cursor:not-allowed;background:#e8edf1;border-color:#cbd4dc}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #0b72c6}input,textarea,select{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:7px;min-width:0}input:not([type=checkbox],[type=file]){width:100%;min-height:44px;padding:11px}input[aria-invalid=true]{outline:2px solid #a72d22}textarea{resize:vertical;width:100%;min-height:88px;margin:6px 0 10px;padding:10px;line-height:1.5;display:block}header{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:18px;height:56px;padding:0 16px;display:flex}header>a:last-child{font-size:14px}.brand{letter-spacing:-1px;color:#1b2934;font-size:22px;font-weight:750;text-decoration:none}.brand span{color:#126447;font-weight:450}.language-control{margin-left:auto}.language-control select{min-height:38px;padding:8px;font-size:13px}main{flex-direction:column;display:flex}.map-container{border-bottom:1px solid var(--border);isolation:isolate;order:-1;height:34dvh;min-height:230px;max-height:360px;position:relative}#map{background:#e3ecea;width:100%;height:100%}aside{background:#fff;min-width:0;padding:16px}.section-line{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-line>span{color:var(--muted);font-size:12px}h1{letter-spacing:-.5px;margin:0;font-size:21px;font-weight:650;line-height:1.25}h2{margin:0;font-size:14px;font-weight:650}.page-heading{margin-bottom:12px}.page-heading button{min-height:36px;padding:8px 10px;font-size:12px}summary{cursor:pointer;min-height:44px;font-size:13px;font-weight:550;line-height:44px}#points{scrollbar-width:thin;max-height:280px;margin:8px 0;padding:0;list-style:none;position:relative;overflow-y:auto}#points li{border:1px solid var(--border);background:#fff;border-radius:7px;align-items:center;gap:8px;min-height:52px;margin:6px 0;padding:5px 7px;display:flex}#points li.selected{background:#f8fcfa;border:2px solid #126447;padding:4px 6px}.point-number{color:#126447;background:#edf5f1;border:0;flex-shrink:0;width:32px;height:36px;min-height:36px;padding:0;font-weight:700}.selected .point-number{color:#fff;background:#126447}.point-fields{flex:1;min-width:0}.point-fields input{background:0 0;border:0;border-radius:0;width:100%;font-size:13px;min-height:30px!important;padding:5px 0!important}.point-fields input:last-child{color:#465968;font-variant-numeric:tabular-nums;font-size:12px}.point-fields input:placeholder-shown{color:#465968}#points li:not(.selected) .point-fields input:last-child{display:none}.point-actions{gap:0;display:flex}.point-actions button{color:#374b58;background:0 0;border:0;width:30px;min-height:40px;padding:3px;font-size:16px}.point-actions button:disabled{color:#87949d;cursor:not-allowed;background:0 0}.inline-actions{gap:6px;margin:8px 0 18px;display:flex}.inline-actions button{flex:1;padding:8px 6px;font-size:12px}label[for]{margin:10px 0 7px;font-size:13px;font-weight:550;display:block}.check{cursor:pointer;align-items:center;gap:9px;min-height:44px;margin:12px 0;font-size:13px;display:flex}.check input{accent-color:#126447;width:18px;height:18px;margin:0}.stats{align-items:baseline;gap:24px;display:flex}.stats strong{letter-spacing:-.6px;font-size:25px;font-weight:650}.hint{color:var(--muted);margin:5px 0 10px;font-size:12px;line-height:1.5}.chips{flex-wrap:wrap;gap:5px;display:flex}.chips span{background:#edf5f1;border:1px solid #c5dbce;border-radius:5px;padding:4px 8px;font-size:12px}.chips:empty{display:none}.warning{color:#74420b;background:#fff5e1;border-left:3px solid #be812b;border-radius:3px;margin:10px 0;padding:8px 10px;font-size:12px;line-height:1.5}#server-notice p{margin:0}.notice-actions{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.road-list{border-bottom:1px solid #e2e7eb}.road-list ul{max-height:220px;padding-left:18px;font-size:12px;line-height:1.8;overflow:auto}.local-road{color:#74420b}#status{color:#465968;min-height:18px;margin:12px 0;font-size:12px;line-height:1.5}.error{color:#a72d22!important}.export-actions{gap:7px;display:flex}.primary{color:#fff;background:#126447;border-color:#126447;flex:1;font-weight:650}.primary:hover{color:#fff;background:#0c5139}.secondary-actions{border-top:1px solid #e2e7eb;align-items:flex-start;gap:20px;margin-top:12px;padding-top:4px;display:flex}.file-button{color:#145e49;white-space:nowrap;border:0;border-radius:0;padding:0;font-size:13px;font-weight:500;position:relative}.file-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-button:focus-within{outline:3px solid #0b72c6}.settings{flex:1;min-width:0}.settings input{margin-bottom:6px}.settings[open]{padding-bottom:10px}.settings[open]~*{display:none}.settings summary{color:#145e49}.json-settings{margin-top:8px}.json-settings button{margin:3px 0;font-size:12px}footer{color:#52616d;border-top:1px solid #e2e7eb;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;font-size:11px;display:flex}footer a{font-size:12px}.map-note{z-index:450;color:#20362d;pointer-events:none;background:#fffffff5;border:1px solid #d1dbd4;border-radius:6px;max-width:calc(100% - 24px);padding:9px 12px;font-size:12px;position:absolute;top:12px;left:12px;box-shadow:0 1px 6px #18382a25}.fit-button{z-index:450;min-height:40px;font-size:12px;position:absolute;bottom:25px;left:12px;box-shadow:0 1px 6px #18382a25}.route-marker{background:0 0;border:0}.route-marker span{color:#fff;background:#126447;border:3px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;display:flex;transform:rotate(-45deg);box-shadow:0 2px 5px #0005}.route-marker b{font-weight:700;display:block;transform:rotate(45deg)}.route-marker.active span{background:#164e8a}.leaflet-container{font-family:inherit}.planner .map-credits{z-index:800;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));width:fit-content;height:44px;position:absolute}.planner .map-credits-toggle{width:44px;height:44px;box-shadow:none;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.map-credits-toggle:before{content:"";border:1px solid var(--border);background:#fff;border-radius:50%;position:absolute;inset:4px;box-shadow:0 1px 4px #0003}.map-credits-toggle .button-icon{position:relative}@media (width<=759px){.planner .map-credits{bottom:calc(var(--route-handle-height,48px) + 10px + env(safe-area-inset-bottom,0px))}.planner:not(.panel-closed):not(.map-fullscreen) .map-credits{visibility:hidden}.planner.map-fullscreen .map-credits{bottom:calc(10px + env(safe-area-inset-bottom,0px))}}.map-credits-dialog{width:min(360px, calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border:1px solid var(--border);background:var(--paper);color:var(--ink);border-radius:12px;padding:20px;font-size:14px;line-height:1.4;overflow:auto;box-shadow:0 4px 20px #18382a33}.map-credits-dialog[open]{flex-direction:column;animation:.18s ease-out credits-open;display:flex}.map-credits-dialog h2{flex:none;margin:0 0 12px;font-size:18px}.map-credits-dialog ul{overscroll-behavior:contain;flex:auto;min-height:0;margin:0 0 12px;padding:0;list-style:none;overflow-y:auto}.map-credits-dialog li+li{margin-top:4px}.planner .map-credits-dialog a{color:#125d48;overflow-wrap:anywhere;align-items:center;min-height:44px;padding:8px 4px;display:flex}.map-credits-dialog form{flex:none;justify-content:flex-end;display:flex}.map-credits-dialog::backdrop{background:#18382a33}@keyframes credits-open{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.map-credits-dialog[open]{animation:none}}.leaflet-control-zoom a{color:#1b2934!important;background:#fff!important}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width>=760px){header{padding:0 24px}main{grid-template-columns:360px 1fr;height:calc(100dvh - 56px);display:grid}aside{scrollbar-width:thin;border-right:1px solid var(--border);padding:20px;overflow-y:auto}.map-container{border:0;order:0;height:100%;max-height:none}#points{max-height:360px}}@media (width>=1200px){main{grid-template-columns:380px 1fr}}.help-page main{max-width:760px;height:auto;margin:0 auto;padding:24px 20px;display:block}.help-page h1{margin:12px 0 22px;font-size:26px}.help-page h2{margin:24px 0 8px;font-size:18px}.help-page p,.help-page li{color:#334754;line-height:1.7}.help-page pre{white-space:pre-wrap;border:1px solid var(--border);background:#f0f4f6;border-radius:7px;padding:14px;line-height:1.6}.help-page [hidden]{display:none!important}.secondary-actions:has(.settings[open]){display:block}.settings[open]{margin-top:8px}#points li{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:8px;padding:10px;display:grid}#points li.selected{padding:9px}.point-number{width:32px;min-height:44px;margin-top:22px}.point-fields{grid-column:2}.point-fields label{margin:0 0 6px;font-size:13px;font-weight:650;line-height:18px}.point-location-form{gap:5px;display:flex}.point-fields .point-location-form input{background:#fff;border:1px solid #b4c2cb;border-radius:6px;flex:1;width:0;font-size:13px;min-height:44px!important;padding:10px!important;display:block!important}.point-actions{grid-column:2;justify-content:flex-end;gap:5px}.point-actions button{border:1px solid var(--border);border-radius:5px;width:32px;min-height:36px;font-size:14px}.point-actions button:first-child{color:#145e49;width:auto;margin-right:auto;padding:6px 10px;font-size:12px}#points li:not(.selected) .point-actions{display:none}#points{max-height:360px}.route-action{gap:8px;margin-top:12px;display:flex}.route-action button{min-height:46px}.point-results{gap:5px;display:grid}.point-results>button{text-align:left;justify-content:flex-start;margin-top:5px;font-size:12px;line-height:1.5}@media (width>=760px){#points{max-height:440px}}.route-options{justify-content:space-between;align-items:center;gap:12px;display:flex}.unit-control select{min-height:40px;padding:8px;font-size:13px}.speed-options{margin-bottom:12px}.speed-options summary{color:#145e49;min-height:36px;font-size:13px;line-height:36px}.speed-field{align-items:center;gap:8px;max-width:260px;padding-bottom:10px;display:flex}.speed-field input{flex:1;width:0}.speed-field span{white-space:nowrap;font-size:13px}.speed-field button{min-width:44px;font-size:20px}.speed-toggle{align-items:center;gap:8px;min-height:32px;margin:5px 0 12px;font-size:13px;display:flex}.speed-toggle input{accent-color:#126447;width:18px;height:18px}.speed-field{gap:8px;max-width:none}.speed-field input[type=range]{--range-thumb:#126447;--range-rail:#bdccc4;appearance:none;background:linear-gradient(var(--range-rail), var(--range-rail)) center / calc(100% - 20px) 6px no-repeat;cursor:pointer;border:0;border-radius:0;flex:1;min-width:80px;height:44px;min-height:44px;margin:0;padding:0}.speed-field input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;height:6px}.speed-field input[type=range]::-webkit-slider-thumb{appearance:none;box-sizing:border-box;background:var(--range-thumb);width:20px;height:20px;box-shadow:0 0 0 1px var(--range-thumb);border:2px solid #fff;border-radius:50%;margin-top:-7px}.speed-field input[type=range]::-moz-range-track{background:0 0;border:0;height:6px}.speed-field input[type=range]::-moz-range-thumb{box-sizing:border-box;background:var(--range-thumb);width:20px;height:20px;box-shadow:0 0 0 1px var(--range-thumb);border:2px solid #fff;border-radius:50%}.speed-field input[type=range]:disabled{--range-thumb:#87978e;--range-rail:#d6dfda;cursor:not-allowed}.speed-field output{font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;width:3ch;min-width:3ch;font-weight:650}:is(.speed-field:has(input:disabled) output,.speed-field:has(input:disabled) span){color:#64727c}.brand{white-space:nowrap;align-items:center;gap:0;display:inline-flex}.brand-icon{border-radius:6px;flex-shrink:0;margin-right:7px;display:block}@media (width<=420px){header{gap:12px}.brand{font-size:20px}.brand-icon{width:25px;height:25px;margin-right:5px}.language-control select{padding:7px;font-size:12px}}.gpx-name{margin:12px 0}.gpx-name label{margin-top:0}.save-name{gap:6px;display:flex}.save-name input{flex:1;width:0!important}.save-name button{max-width:120px;font-size:12px}.saved-routes{border-bottom:1px solid var(--border);margin:0 0 16px}.saved-routes>summary{color:#145e49}.saved-routes #saved-count{margin-left:4px;font-weight:400}.saved-route{border:1px solid var(--border);border-radius:7px;margin:8px 0;padding:10px}.saved-route strong{overflow-wrap:anywhere;font-size:13px;display:block}.saved-route small{color:var(--muted);margin:5px 0;font-size:11px;display:block}.saved-route>div{flex-wrap:wrap;gap:5px;display:flex}.saved-route button{min-height:40px;padding:8px 10px;font-size:12px}.library-actions{align-items:center;gap:12px;padding:8px 0 14px;display:flex}.library-actions button,.library-actions .file-button{font-size:12px}.planner{height:100dvh;overflow:hidden}.planner header{z-index:600;top:env(safe-area-inset-top,0px);left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);border:1px solid var(--border);border-radius:0 0 8px;width:max-content;max-width:100%;position:fixed}.planner main{height:100%;display:block}.planner .map-container{border:0;height:100%;min-height:0;max-height:none;position:absolute;inset:0}.planner aside{z-index:550;overscroll-behavior:contain;height:48dvh;padding:16px max(12px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border-top:1px solid var(--border);position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -3px 16px #18382a25}.planner [hidden]{display:none!important}#panel-toggle{z-index:560;border-radius:12px 12px 0 0;flex-direction:column;min-width:140px;position:absolute;bottom:48dvh;left:50%;transform:translate(-50%)}.sheet-handle{background:var(--muted);border-radius:4px;width:36px;height:4px}.panel-closed #panel-toggle{bottom:env(safe-area-inset-bottom,0px)}.planner .map-note{top:calc(65px + env(safe-area-inset-top,0px))}.map-tools{z-index:450;left:max(12px, env(safe-area-inset-left));top:calc(105px + env(safe-area-inset-top,0px));gap:8px;display:grid;position:absolute}.location-card{z-index:580;top:calc(62px + env(safe-area-inset-top,0px));border:1px solid var(--border);background:var(--paper);border-radius:8px;max-width:360px;max-height:calc(100dvh - 90px);padding:14px;position:absolute;left:12px;right:12px;overflow:auto;box-shadow:0 2px 14px #18382a40}.location-card p{line-height:1.5}.planner .fit-button{min-height:44px;bottom:calc(48dvh + 60px)}.planner .leaflet-bottom{bottom:calc(48dvh + 5px)}.panel-closed .fit-button{bottom:calc(60px + env(safe-area-inset-bottom))}.panel-closed .leaflet-bottom{bottom:calc(48px + env(safe-area-inset-bottom))}.leaflet-control-zoom a{min-width:44px;min-height:44px;line-height:44px!important}.point-actions button,.point-number{min-width:44px;min-height:44px}#points li{grid-template-columns:44px minmax(0,1fr)}@media (width>=760px){.planner aside{top:calc(56px + env(safe-area-inset-top,0px));border-top:0;width:360px;height:auto;right:auto}.planner .map-container{width:calc(100% - 360px);left:360px}.planner.panel-closed .map-container{width:100%;left:0}#panel-toggle,.panel-closed #panel-toggle{border-radius:7px;top:12px;bottom:auto;left:372px;transform:none}.panel-closed #panel-toggle{left:auto;right:12px}.sheet-handle{display:none}.planner .map-note{top:65px}.map-tools{left:auto;right:max(12px, env(safe-area-inset-right));top:12px}.panel-closed .map-tools{top:65px}.planner .fit-button{bottom:25px}.planner .leaflet-bottom{bottom:0}}.planner.map-fullscreen .map-container{z-index:1000;width:100%;height:100dvh;position:fixed;inset:0}.map-fullscreen .map-tools{top:max(12px, env(safe-area-inset-top))}.map-fullscreen .fit-button{bottom:30px}.map-fullscreen .leaflet-bottom{bottom:env(safe-area-inset-bottom)}.planner button{min-width:44px;min-height:44px}.planner .language-control select{min-height:44px}.planner .leaflet-right{right:env(safe-area-inset-right,0px)}.point-menu{z-index:590;background:var(--paper);border:1px solid var(--border);border-radius:8px;gap:4px;max-width:calc(100% - 16px);padding:6px;display:grid;position:absolute;box-shadow:0 2px 14px #18382a40}#map{touch-action:none}.suggestions{max-height:240px;overflow-y:auto}.suggestions [aria-selected=true]{outline-offset:-3px;background:var(--soft);outline:3px solid #0b72c6}.export-actions{flex-wrap:wrap}.layer-control{z-index:480;top:calc(105px + env(safe-area-inset-top,0px));right:max(12px, env(safe-area-inset-right));position:absolute}#layers-menu{border:1px solid var(--border);background:var(--paper);border-radius:8px;gap:4px;width:min(210px,100vw - 24px);max-height:min(156px,52dvh - 222px);padding:8px;display:grid;position:absolute;top:52px;right:0;overflow-y:auto;box-shadow:0 2px 14px #18382a40}#layers-menu [aria-checked=true]{background:var(--soft);outline:2px solid var(--green);outline-offset:-3px}#label-option{margin:4px}[data-map-layer=satellite] .route-line{stroke:#b61f64}[data-map-layer=satellite] .route-casing{stroke:#fff}[data-map-layer=topographic] .route-line{stroke:#174cbd}[data-map-layer=satellite] .route-marker span{background:#164e8a;border-color:#fff}@media (width>=760px){.layer-control{top:120px;right:max(12px, env(safe-area-inset-right))}#layers-menu{max-height:min(340px,100dvh - 260px)}.panel-closed .layer-control{top:173px}}.map-fullscreen .layer-control{top:calc(105px + env(safe-area-inset-top))}@media (width>=760px){.map-fullscreen .layer-control{top:calc(120px + env(safe-area-inset-top))}}.button-icon{pointer-events:none;flex:0 0 20px}.icon-control{justify-content:center;align-items:center;gap:6px;display:inline-flex}.icon-only{width:44px;height:44px;padding:0}.icon-only .button-label{display:none}.map-action-control{gap:6px;width:145px;display:grid}.planner .map-action-control>button,.planner .map-action-control .layer-control>button{width:100%;min-height:44px}.planner .map-action-control .fit-button,.planner .map-action-control .layer-control{box-shadow:none;font-size:14px;position:relative;inset:auto}.planner .map-action-control .layer-control{z-index:auto}.planner .leaflet-top{top:calc(56px + env(safe-area-inset-top))}.planner.map-fullscreen .leaflet-top{top:env(safe-area-inset-top)}.map-action-control #layers-menu{width:210px;max-height:min(340px,100dvh - 160px);top:0;right:calc(100% + 8px)}.map-action-control button[aria-expanded=true],.map-action-control button[aria-pressed=true]{background:var(--soft);border:2px solid var(--green)}#fullscreen[aria-pressed=false] .icon-minimize,#fullscreen[aria-pressed=true] .icon-maximize{display:none}.point-controls{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.point-location-form{flex:140px;min-width:0;position:relative}.point-controls .point-actions{flex:none;gap:0;margin-left:auto}.point-controls .point-actions button,.point-controls .point-actions button:first-child{width:44px;height:44px;margin:0;padding:0}@media (width<=759px){.planner{--route-sheet-height:min(48dvh, max(100px, calc(100dvh - 400px - env(safe-area-inset-top))))}.planner aside{height:var(--route-sheet-height);padding-top:10px}#panel-toggle{bottom:var(--route-sheet-height)}.panel-closed #panel-toggle{bottom:env(safe-area-inset-bottom)}.planner header{gap:6px;height:44px;padding:0 6px}.planner .brand{letter-spacing:-.6px;font-size:18px}.planner .brand-icon{width:22px;height:22px}.planner .language-control select{min-height:44px;padding:4px;font-size:12px}.planner header .icon-control{width:44px;height:44px}.planner header .button-label,.map-action-control .button-label{display:none}.planner .map-note{clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.planner .leaflet-top{top:calc(44px + env(safe-area-inset-top))}.planner.map-fullscreen .leaflet-top{top:env(safe-area-inset-top)}.map-action-control{width:44px}.planner .map-action-control>button,.planner .map-action-control .layer-control>button{width:44px;height:44px;padding:0}.planner .leaflet-top .leaflet-control-zoom{margin-top:6px}.map-action-control #layers-menu{width:min(210px,100vw - 76px);max-height:calc(100dvh - var(--route-sheet-height) - 168px)}.panel-closed .map-action-control #layers-menu,.map-fullscreen .map-action-control #layers-menu{max-height:min(340px,100dvh - 180px)}#points li,#points li.selected{gap:4px;margin:4px 0;padding:6px}.point-number{margin-top:16px}.point-fields label{margin-bottom:2px;font-size:12px;line-height:16px}.point-controls .point-actions button{border:0}.page-heading{margin-bottom:6px}.page-heading h1{font-size:18px}.saved-routes{margin-bottom:4px}.saved-routes>summary{min-height:44px;line-height:44px}}.point-menu{z-index:1100}.location-card{z-index:1200}@media (width<=759px){.planner .brand{min-height:44px}}@media (height<=500px){.planner .leaflet-top{top:calc(44px + env(safe-area-inset-top))}.map-action-control{grid-template-columns:repeat(5,44px);gap:4px;width:fit-content}.map-action-control .button-label{display:none}.planner .map-action-control>button,.planner .map-action-control .layer-control>button{width:44px;height:44px;padding:0}.planner .leaflet-top .leaflet-control-zoom{margin-top:4px}}#weather-section{border-block:1px solid var(--border);min-width:0;margin:12px 0;padding-block:12px}#weather-section input[type=datetime-local]{max-width:100%}.leaflet-marker-icon.weather-marker{color:#526b82;pointer-events:none}.weather-marker-content{flex-direction:column;align-items:center;width:60px;height:52px;line-height:1;display:flex}.weather-marker-symbol{pointer-events:auto;background:#fff;border:2px solid #64748b;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 1px 4px #0005}.weather-marker:focus-visible .weather-marker-symbol{outline-offset:2px;outline:3px solid #0b72c6}.weather-marker .weather-cloud-shape{fill:#e4edf5;stroke:#526b82}.weather-marker .icon-weather-sun,.weather-marker .weather-sun-rays{color:#a45a06;stroke:#a45a06}.weather-marker .weather-sun-shape{fill:#ffd45a;stroke:#a45a06}.weather-marker .weather-precipitation{stroke:#1976b5}.weather-marker circle.weather-precipitation{fill:#1976b5}.weather-marker .weather-lightning{fill:#ffd45a;stroke:#a45a06}.weather-marker-wind{color:#536170;pointer-events:auto;background:#f3f5f7;border:1px solid #95a4b2;border-radius:9px;flex:0 0 18px;justify-content:center;align-items:center;gap:2px;width:56px;height:18px;margin-top:-2px;padding:1px 3px;display:inline-flex;box-shadow:0 1px 3px #0004}.weather-marker-wind[data-relation=Tailwind]{color:#206f55;background:#eaf6f1;border-color:#8bb6a5}.weather-marker-wind[data-relation=Crosswind]{color:#856013;background:#fff5d9;border-color:#d0b46b}.weather-marker-wind[data-relation=Headwind]{color:#9a2227;background:#fff0f0;border-color:#d49a9d}.weather-marker-wind-value{min-width:0;font-size:10px;font-weight:700}.weather-marker-wind-unit{font-size:7px}#weather-section,#weather-result{overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%}#weather-section>input{min-width:0;max-width:100%;font-size:16px;display:block}.planner .leaflet-bottom.leaflet-left:has(.radar-control:not([hidden])){bottom:var(--radar-bottom,10px);z-index:490}.radar-control{border:1px solid var(--border);width:min(310px,100vw - 86px);max-width:calc(100vw - 86px);color:var(--ink);overflow-wrap:anywhere;overscroll-behavior:contain;touch-action:pan-y;background:#fff;border-radius:8px;padding:6px;overflow-y:auto;box-shadow:0 2px 8px #0003}.radar-toolbar{align-items:center;gap:2px;display:flex}.radar-toolbar button{flex:0 0 44px;width:44px;padding:0}#radar-time{text-align:center;flex:1;min-width:0;font-size:11px}.radar-control input[type=range]{width:100%;min-width:0;min-height:32px;accent-color:var(--green);border:0;margin:0;padding:0}.radar-control .hint{margin:4px 0;font-size:11px;line-height:1.4}.radar-control label{font-size:12px}.radar-control .check{margin-block:4px}.radar-legend{flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.radar-legend span{align-items:center;gap:3px;display:flex}.radar-legend i{border:1px solid #465968;width:12px;height:12px}#radar-options>summary{font-size:12px}#weather-status:empty{display:none}#weather-section>label[for=departure]{margin:4px 0}#weather-section>#departure{box-sizing:border-box;appearance:none;text-align:center;width:min(100%,250px);min-width:0;max-width:100%;height:44px;min-height:44px;padding:6px 8px;line-height:30px;overflow:hidden}#weather-details{overflow-wrap:anywhere;margin:8px 0;padding:0;list-style:none}.weather-card{text-align:left;cursor:pointer;--weather-card-border:#8b9ba6;--weather-card-background:#f5f7f9;--weather-card-badge:#455964;border:1px solid var(--weather-card-border);background:var(--weather-card-background);color:#1b2934;border-left-width:4px;border-radius:7px;width:100%;margin:8px 0;padding:10px;font-family:inherit;font-size:12px;line-height:1.5;display:block}.weather-card[data-severity="1"]{--weather-card-border:#a17b14;--weather-card-background:#fff8dd;--weather-card-badge:#775900}.weather-card[data-severity="2"]{--weather-card-border:#bb641c;--weather-card-background:#fff0df;--weather-card-badge:#8c460d}.weather-card[data-severity="3"]{--weather-card-border:#be3b40;--weather-card-background:#fff0f0;--weather-card-badge:#9a2227}.weather-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.weather-card-header strong{min-width:0;font-weight:650}.weather-card-severity{background:var(--weather-card-badge);color:#fff;border-radius:4px;flex-shrink:0;padding:2px 7px;font-weight:650}.weather-card-conditions,.weather-card-wind,.weather-card-risks{align-items:center;gap:5px;margin:6px 0 0;display:flex}.weather-card-risks{font-weight:550}@media (width<=759px){#weather-section>#departure{width:calc(100% - 4px);max-width:calc(100% - 4px)}}#departure::-webkit-date-and-time-value{text-align:center;min-width:0;min-height:30px;line-height:30px}#departure::-webkit-datetime-edit{text-align:center;min-width:0;max-width:100%;padding:0;line-height:30px}.weather-card[aria-current=true]{outline-offset:2px;outline:3px solid #0b72c6}.location-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.location-card-header #close-location{float:none;flex:0 0 44px;width:44px;height:44px;padding:0}.location-action-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.location-action-buttons button{white-space:normal;width:100%;min-height:48px;padding:10px}@media (width<=359px){.location-action-buttons{grid-template-columns:1fr}}.weather-card:hover{background:var(--weather-card-background);border-color:var(--weather-card-border)}.weather-card-conditions .button-icon,.weather-card-wind .button-icon,.weather-card-risks .button-icon{flex:0 0 16px;width:16px;height:16px}.weather-marker-symbol .button-icon{width:24px;height:24px}.weather-marker-wind .button-icon{flex:0 0 12px;width:12px;height:12px}.external-link{align-items:center;gap:4px;display:inline-flex}.external-link .button-icon{flex:0 0 14px;width:14px;height:14px}@media (width<=759px),(pointer:coarse){.planner input:not([type=checkbox],[type=radio],[type=range],[type=file]),.planner textarea,.planner select,.planner #language,.planner .point-fields .point-location-form input{font-size:16px}}