:root{color-scheme:light;--ink:#182b21;--muted:#52675a;--leaf:#246b49;--dark:#174b33;--paper:#fbfcf8;--line:#d5e1d5;--mint:#e4efe1;--sheet-visible:420px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#active-actions button{min-width:0;padding:8px;font-size:13px;line-height:1.15}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#edf2e8;color:var(--ink)}#app,#map{position:fixed;inset:0;width:100%;height:100%;height:100dvh}button,input,select,textarea{font:inherit}button{min-width:44px;min-height:48px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:10px 13px;font-weight:650;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #a57825;outline-offset:3px}.primary{background:var(--leaf);color:#fff;border-color:var(--leaf);font-weight:750;width:100%}.primary:hover{background:var(--dark)}.hidden{display:none!important}h1{font-family:Georgia,serif;font-size:30px;font-weight:500;line-height:1.1;margin:5px 0 4px}h2{font-size:20px;margin:12px 0}p{line-height:1.45}small,.hint{font-size:12px;color:var(--muted)}.hint{margin:7px 0 12px}.intro{color:var(--muted);margin:6px 0 15px}
.brand{position:fixed;z-index:3;left:max(14px,env(safe-area-inset-left));top:calc(12px + env(safe-area-inset-top));display:flex;align-items:center;gap:10px;background:rgba(251,252,248,.96);border:1px solid #fff;border-radius:15px;padding:8px 13px 8px 8px;box-shadow:0 5px 25px #1834231c;pointer-events:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#fff;background:var(--leaf);font:23px Georgia,serif}.brand strong{display:block;font:20px Georgia,serif}.brand small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.sheet{position:fixed;z-index:5;bottom:0;left:0;right:0;width:100%;height:var(--sheet-size,55dvh);max-height:calc(100dvh - 76px - env(safe-area-inset-top));display:flex;flex-direction:column;background:var(--paper);border:1px solid #e4ebe1;border-radius:23px 23px 0 0;box-shadow:0 -8px 35px #1f402222;transition:height .22s ease;padding-bottom:env(safe-area-inset-bottom)}.sheet.dragging{transition:none}.sheet-top{display:flex;flex-shrink:0;align-items:center;padding:0 8px 0 14px;border-bottom:1px solid #e7ece3;min-height:48px}.sheet-handle{border:0;background:transparent;flex:1;text-align:left;position:relative;min-height:48px;touch-action:none;padding:15px 0 8px}.sheet-handle span{position:absolute;top:5px;left:50%;width:32px;height:4px;background:#b4c4b3;border-radius:9px}.sheet-handle b{font-size:14px}.sheet-levels{display:flex}.sheet-levels button{border:0;background:transparent;min-width:44px;width:44px;padding:5px;font-size:20px}.sheet-levels button[aria-pressed=true]{color:var(--leaf);background:var(--mint)}.sheet-content{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y;min-height:0;flex:1;padding:12px 18px 16px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.sheet-footer{flex-shrink:0;border-top:1px solid var(--line);background:var(--paper);padding:9px 16px 10px}.sheet-footer button{width:100%}.sheet-footer p{font-size:12px;margin:7px 0 0}.sheet-footer #cancel-route{margin-top:7px}
.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:9px 0;border-radius:15px;background:#eaf0e5}.segmented button{border:0;background:transparent;padding:8px;line-height:1.1}.segmented button[aria-pressed=true]{background:#fff;color:var(--dark);box-shadow:0 2px 6px #18342318}.location-button{width:100%;background:var(--mint);border-color:#baccb7;margin:10px 0}.point-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.point-buttons button{text-align:left;overflow:hidden}.point-buttons small,.point-buttons span{display:block}.point-buttons span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.point-buttons:has(button.hidden){grid-template-columns:1fr}.coordinate-editor{margin:8px 0 14px}label{display:block;font-size:14px;font-weight:600;margin:10px 0}input:not([type=range]):not([type=checkbox]),select,textarea{width:100%;min-height:48px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:10px;font-size:16px;margin-top:5px}textarea{resize:vertical}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two-columns select{font-size:14px;padding-left:7px}.preferences{border:0;margin:15px 0 5px;padding:0}.preferences legend{font:20px Georgia,serif}.preferences label{margin:6px 0;font-size:15px}.preferences output{float:right;color:var(--leaf);font-variant-numeric:tabular-nums}.preferences input{display:block;width:100%;height:44px;margin:0;accent-color:var(--leaf);touch-action:pan-x}.preferences input::-webkit-slider-thumb{min-width:28px;min-height:28px}.preferences input::-moz-range-thumb{width:28px;height:28px}.check-row{display:flex;gap:10px;align-items:center;min-height:48px}.check-row input{width:25px;height:25px;accent-color:var(--leaf);flex-shrink:0}
.result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:9px}.result-summary div{padding:8px 3px;background:#eaf1e5;border-radius:10px;text-align:center}.result-summary strong{display:block;font:22px Georgia,serif;white-space:nowrap}.result-summary small{display:block;font-size:10px;margin-top:3px;text-transform:uppercase}.profile-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:10px}.profile-chips span{font-size:11px;color:var(--muted);background:#f0f4ec;border-radius:8px;padding:5px;text-align:center}.profile-chips b{display:block;font-size:17px;color:var(--dark)}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0}.button-row button{flex:1;min-width:100px}.button-row .primary{width:auto}.route-alternatives{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,80%);overflow-x:auto;gap:8px;padding:5px 0 12px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.route-alternatives button{scroll-snap-align:start;text-align:left;min-height:78px;font-size:14px}.route-alternatives button strong,.route-alternatives button span{display:block}.route-alternatives button span{font-size:12px;font-weight:400;margin-top:5px}.route-alternatives button[aria-pressed=true]{border:2px solid var(--leaf);background:#e6f0e0}details{font-size:13px;color:var(--muted);line-height:1.5;margin:12px 0}summary{min-height:44px;display:list-item;cursor:pointer;padding:11px 0;color:var(--ink);font-weight:650}.notice,.error{font-size:13px;padding:11px 12px;border-radius:11px;background:#edf2e6;border:1px solid #cddcc8;margin:10px 0;overflow-wrap:anywhere}.error{background:#fae9e6;border-color:#e7b8b0;color:#8a2e26}
.navigation-header{position:fixed;z-index:4;top:calc(8px + env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));display:flex;gap:14px;align-items:center;background:#194d34;color:#fff;padding:14px 16px;border-radius:17px;box-shadow:0 5px 25px #153b2933;pointer-events:none}.navigation-header>span{font-size:48px;width:52px;flex-shrink:0;text-align:center}.navigation-header strong{display:block;font-size:25px;line-height:1.1}.navigation-header div>span{display:block;font-size:17px;line-height:1.25;margin:5px 0;max-height:44px;overflow:hidden}.navigation-header small{font-size:14px;color:#e7f3e1}.map-status{position:fixed;z-index:4;top:calc(77px + env(safe-area-inset-top));left:12px;right:70px;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.map-status span{font-size:12px;font-weight:650;padding:7px 9px;background:#fff2cb;color:#594411;border-radius:8px;box-shadow:0 3px 12px #1834231c}#simulation-status{background:#f2dcee;color:#572d54}#app[data-state=NAVIGATING] .brand,#app[data-state=OFF_ROUTE] .brand,#app[data-state=REROUTING] .brand,#app[data-state=PAUSED] .brand{display:none}#app[data-state=NAVIGATING] .map-status,#app[data-state=OFF_ROUTE] .map-status,#app[data-state=REROUTING] .map-status,#app[data-state=PAUSED] .map-status{top:calc(142px + env(safe-area-inset-top))}.trip-clock{font-size:14px;font-variant-numeric:tabular-nums}.map-action-stack{position:fixed;z-index:4;right:max(12px,env(safe-area-inset-right));bottom:calc(var(--sheet-visible) + 14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px}.map-action-stack>.map-button{position:static;flex:none;width:48px;height:48px;margin:0;background:#fff;box-shadow:0 3px 12px #18342325}.recenter{font-size:28px;padding:3px}.recenter.manual{background:var(--leaf);color:#fff;border:2px solid #fff}.maplibregl-ctrl-top-right{top:calc(78px + env(safe-area-inset-top));right:2px}.maplibregl-ctrl-group button{width:44px!important;height:44px!important;min-height:44px!important;border-radius:0;padding:0}.maplibregl-ctrl-attrib{font-size:10px!important;max-width:calc(100vw - 24px)}.maplibregl-ctrl-bottom-right{bottom:calc(var(--sheet-visible) + 2px)}#app[data-state=NAVIGATING] .maplibregl-ctrl-top-right,#app[data-state=OFF_ROUTE] .maplibregl-ctrl-top-right,#app[data-state=REROUTING] .maplibregl-ctrl-top-right,#app[data-state=PAUSED] .maplibregl-ctrl-top-right{top:calc(180px + env(safe-area-inset-top))}
.point-marker{width:36px;height:36px;display:grid;place-items:center;border-radius:50% 50% 50% 6px;border:3px solid white;background:var(--leaf);color:#fff;font-weight:800;box-shadow:0 2px 7px #0005}.point-marker.destination{background:#a85135}.location-dot{width:20px;height:20px;border:3px solid white;border-radius:50%;background:#276bb7;box-shadow:0 1px 8px #173d6555}.crosshair{position:fixed;z-index:3;left:50%;top:45%;transform:translate(-50%,-50%);font-size:50px;line-height:1;color:#174b33;text-shadow:0 0 3px white;pointer-events:none}.point-confirm{position:fixed;z-index:7;bottom:calc(env(safe-area-inset-bottom) + 15px);left:12px;right:12px;background:var(--paper);padding:12px;border-radius:16px;box-shadow:0 4px 25px #0003}.point-confirm p{font-size:14px;margin:0 0 8px}.point-confirm>div{display:flex;gap:8px}.point-confirm .primary{flex:1}.ratings{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.debug-box{margin:10px 0;padding:10px;background:#edf0ed;border:1px solid #cad1c9;border-radius:10px;font-size:11px}.debug-box pre,pre.debug-box{white-space:pre-wrap;overflow-wrap:anywhere}#active-actions{margin:0}#active-actions button{min-width:0}#app[data-state=ARRIVED] #sheet-title{color:var(--leaf)}
@media(min-width:900px){.sheet{top:18px;right:18px;bottom:auto;left:auto;width:390px;height:calc(100dvh - 36px);max-height:950px;border-radius:22px;padding-bottom:0}.sheet-top{padding-left:16px}.sheet-handle{touch-action:auto;cursor:default}.sheet-handle span,.sheet-levels{display:none}.sheet-content{padding:15px 20px}.brand{left:20px;top:20px}.map-action-stack{bottom:30px}.maplibregl-ctrl-top-right{top:88px;right:426px}.maplibregl-ctrl-bottom-right{bottom:0;right:425px}.navigation-header{right:438px;max-width:620px}.map-status{right:440px}.point-confirm{max-width:520px;right:auto;left:20px}.crosshair{left:calc((100% - 430px)/2);top:50%}#app[data-state=NAVIGATING] .maplibregl-ctrl-top-right,#app[data-state=OFF_ROUTE] .maplibregl-ctrl-top-right,#app[data-state=REROUTING] .maplibregl-ctrl-top-right,#app[data-state=PAUSED] .maplibregl-ctrl-top-right{top:180px}}
@media(max-height:540px) and (max-width:899px){.brand{top:5px;padding:5px}.brand-mark{height:28px;width:28px}.brand small{display:none}.sheet{max-height:calc(100dvh - 55px)}.navigation-header{top:5px;padding:8px;right:65px}.navigation-header strong{font-size:20px}.navigation-header div>span{font-size:14px;margin:2px 0}.navigation-header>span{font-size:34px}.map-status{top:55px}.maplibregl-ctrl-top-right{top:5px}#app[data-state=NAVIGATING] .maplibregl-ctrl-top-right,#app[data-state=PAUSED] .maplibregl-ctrl-top-right{top:5px}#app[data-state=NAVIGATING] .map-status,#app[data-state=PAUSED] .map-status{top:100px}.map-action-stack{right:10px}.sheet-content{padding-top:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Contract02.6: two-state sheet, address-first planning, direct alternatives. */
.route-fact-strip{height:38px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-items:center;text-align:center;font-size:11px;line-height:1.2;margin:0 0 4px;color:#46614c}.route-fact-strip button{padding:3px;min-height:32px;font-size:11px;border:0;background:#e8efdf;text-decoration:underline;text-underline-offset:3px}.profile-chips span{display:flex;gap:3px;justify-content:center;align-items:baseline}.profile-chips b{display:inline!important;font-size:12px!important}.poi-accessible-list{display:grid;gap:6px}.poi-accessible-list button{text-align:left;font-size:13px;font-weight:500;min-height:44px}.poi-card{position:fixed;z-index:15;left:12px;right:12px;bottom:calc(var(--sheet-visible) + var(--keyboard-inset,0px) + 10px);max-height:calc(var(--visual-height,100dvh) - var(--sheet-visible) - 94px);min-height:130px;overflow:auto;overscroll-behavior:contain;background:#fffdf7;border:1px solid #d9dccf;border-radius:18px;box-shadow:0 8px 30px #18342336;padding:16px 18px;scrollbar-width:thin}.poi-card h2{font-family:Georgia,serif;font-size:22px;font-weight:500;margin:4px 42px 10px 0}.poi-category{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#80613d}.poi-close{position:absolute;right:7px;top:7px;border:0;background:transparent;font-size:28px;width:44px;height:44px;min-height:44px;padding:0}.poi-detail-body{font-size:13px;line-height:1.5}.poi-detail-body p{margin:7px 0}.poi-card figure{margin:5px 0 10px}.poi-card img{display:block;width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:9px;background:#edece2}.poi-card figcaption{font-size:10px;line-height:1.35;color:#64705f;margin-top:5px;overflow-wrap:anywhere}.poi-card figcaption span{display:block}.poi-card a{color:#386449}.poi-more{display:inline-flex;align-items:center;min-height:44px;margin-right:15px;font-weight:650}.poi-data-credit{display:block;font-size:10px;margin-top:7px}.poi-distance{color:#61715d}
.derived-route-activity{display:inline-flex;align-items:center;width:max-content;margin:8px 0 5px;padding:4px 9px;border-radius:999px;background:#e8f2e6;color:#225e42;font-size:12px;font-weight:750}.hiking-facts{margin:10px 0;padding:10px 12px;border-radius:12px;background:#f3f6ef;border:1px solid #d9e3d2}.hiking-facts h3{margin:0 0 8px;font-size:15px}.hiking-facts dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}.hiking-facts dl div{background:#fff;border-radius:8px;padding:6px 8px}.hiking-facts dt{font-size:10px;text-transform:uppercase;color:var(--muted)}.hiking-facts dd{margin:2px 0 0;font-weight:700}.hiking-facts svg{display:block;width:100%;height:92px;margin-top:9px;background:#fff;border-radius:8px}.elevation-area{fill:#dcebd6}.elevation-line{fill:none;stroke:#246b49;stroke-width:3;vector-effect:non-scaling-stroke}
@media(min-width:900px){.poi-card{left:20px;right:auto;bottom:24px;width:350px;max-height:70dvh}.route-fact-strip{font-size:11px}}
@media(max-height:540px) and (max-width:899px){.poi-card{left:10px;right:auto;top:8px;bottom:auto;width:55vw;max-height:calc(100dvh - 16px);min-height:0}.route-fact-strip{height:28px;margin:0}.route-fact-strip button{min-height:28px}}
/* 02.7: viewport-owned geometry; inner content cannot resize the sheet or map. */
.sheet{bottom:var(--keyboard-inset,0px);max-height:calc(var(--visual-height,100dvh) - 48px - env(safe-area-inset-top))}.sheet-content{overflow-anchor:none;scrollbar-gutter:stable}.search-results{height:180px;max-height:180px;overscroll-behavior:contain;touch-action:pan-y}.route-alternatives button{border-width:2px}.sheet-footer{position:relative;z-index:2}.sheet.dragging .sheet-content{pointer-events:none}
@media(min-width:900px){.sheet{bottom:auto;max-height:950px}.sheet-content{scrollbar-gutter:stable}.route-alternatives{grid-auto-columns:minmax(170px,75%)}}
@media(max-height:540px) and (max-width:899px){.maplibregl-ctrl-top-right{right:68px}.navigation-header{right:132px}}
.sheet[data-navigating=true][data-sheet-state=COLLAPSED] .sheet-content{padding-top:6px;padding-bottom:6px}.navigation-header #remaining{display:none}
/* 03: input-owned actions; desktop map and attached panel do not overlap. */
.search-input-row{position:relative}.search-input-row input{padding-right:55px!important}.field-action{position:absolute;right:2px;top:5px;width:44px;min-height:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;font-size:26px;color:var(--leaf)}.field-action:hover{background:var(--mint)}
.account-dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 50px #1234;width:min(460px,calc(100vw - 24px));max-height:85dvh;padding:22px;overflow:auto}.account-dialog::backdrop{background:#132d2455}.account-dialog>button{margin-top:12px}.account-dialog h2{font-family:Georgia,serif;font-weight:500;font-size:27px}.account-dialog p{font-size:14px}
.account-entry{position:fixed;z-index:6;top:calc(15px + env(safe-area-inset-top));right:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;max-width:190px;overflow:hidden;white-space:nowrap;font-size:13px}.account-entry-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.account-entry-pro{flex:none;padding:2px 7px;border:1px solid #9fc5a6;border-radius:999px;background:#e4f2e7;color:#135c3a;font:italic 750 12px/1.25 Georgia,serif;letter-spacing:.03em;box-shadow:0 2px 7px #1d5d3820}.account-close{float:right;border:0;background:none;font-size:28px;padding:0;width:44px;min-height:44px}.account-dialog h3{font:21px Georgia,serif;margin:20px 0 7px}.account-menu-item{display:block;width:100%;text-align:left;margin:7px 0}.account-notice:empty{display:none}.account-notice{color:var(--leaf);overflow-wrap:anywhere}.account-item{border-top:1px solid var(--line);padding:6px 0 12px}.ready-actions{display:flex;gap:8px}.sheet-footer .ready-actions .primary{flex:1;width:auto}.sheet-footer #save-route{width:auto;font-size:13px;padding:8px}.account-dialog form .primary{margin-top:12px}
.discovery-toast{position:fixed;z-index:14;left:12px;right:72px;bottom:calc(var(--sheet-visible) + 16px);padding:12px 15px;background:#e4efe1;color:#174b33;border:1px solid #92b18b;border-radius:12px;pointer-events:none;font-size:14px;box-shadow:0 4px 18px #1232}.discovery-mini-map{height:180px;width:100%;border-radius:12px;overflow:hidden;margin-top:18px}.discovery-filters{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.discovery-filters label{font-size:11px}.discovery-total{font:30px Georgia,serif!important;color:var(--leaf)}.poi-visit{color:var(--leaf);font-weight:650}.discovery-mini-map .maplibregl-ctrl-bottom-right{right:0;bottom:0}
@media(min-width:900px){.discovery-toast{left:20px;right:auto;bottom:24px;max-width:480px}}
#app[data-state=NAVIGATING] .account-entry,#app[data-state=OFF_ROUTE] .account-entry,#app[data-state=REROUTING] .account-entry,#app[data-state=PAUSED] .account-entry{display:none}
@media(min-width:900px){.account-entry{top:2px;right:14px;border:0;background:transparent;max-width:190px}.sheet-handle{padding-right:190px!important}}
@media(min-width:900px){:root{--planner-width:clamp(360px,27vw,440px)}#map{width:100%;right:0}#planner.sheet{top:0;right:0;bottom:0;left:auto;width:var(--planner-width);height:100dvh;max-height:100dvh;border-radius:0;border-width:0 0 0 1px;box-shadow:-2px 0 12px #1834230a}#planner .sheet-content{padding:12px 18px}.sheet .segmented{margin:7px 0}.sheet .segmented button{min-height:42px}.sheet .preferences{margin-top:12px}.sheet .preferences input{height:32px}.sheet .preferences label{margin:5px 0}.sheet .preferences legend{font-size:18px}.maplibregl-ctrl-top-right{right:calc(var(--planner-width) + 2px)}.maplibregl-ctrl-bottom-right{right:var(--planner-width)}.map-action-stack{right:calc(var(--planner-width) + 16px)}.navigation-header{right:calc(var(--planner-width) + 16px)}.map-status{right:calc(var(--planner-width) + 70px)}.crosshair{left:calc((100% - var(--planner-width))/2)}}
.sheet-top{padding:0 16px}.sheet-handle{padding-right:35px}.sheet-handle::after{content:'⌃';position:absolute;right:4px;top:10px;font-size:24px;line-height:28px}.sheet[data-sheet-state=EXPANDED] .sheet-handle::after{content:'⌄'}
.location-search{position:relative;margin:0 0 9px}.location-search label{margin:0;font-size:12px;color:var(--muted)}.location-search input{margin-top:3px!important;padding:10px 12px!important;font-weight:500}.location-search input[aria-busy=true]{background:linear-gradient(90deg,#fff,#eef3e9)}
.search-results{border:1px solid var(--line);border-radius:12px;background:white;margin-top:5px;overflow:auto;max-height:220px;scrollbar-width:thin}.search-results button{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid #edf1e8;border-radius:0;padding:10px 12px;font-size:14px}.search-results strong,.search-results span{display:block}.search-results span{font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}.search-results [aria-selected=true]{background:#e6f0e0}.search-results p{padding:0 10px}
.text-action{border:0;background:none;min-height:44px;padding:7px 3px;font-size:13px;font-weight:500;color:var(--muted)}.fit-route{padding:0;font-size:26px}
.result-summary{margin-bottom:7px}.result-summary div{padding:6px 3px}.profile-chips{margin-bottom:5px}.profile-chips span{padding:3px}.profile-chips b{font-size:15px}.route-alternatives{padding:4px 0 6px;grid-auto-columns:minmax(195px,78%)}.route-alternatives button{min-height:78px;padding:8px 10px}.route-alternatives button strong{font-size:13px}.route-alternatives button span{font-size:12px;margin-top:4px}.route-alternatives button small{display:block;font-size:10px;margin-top:4px;font-weight:400;white-space:nowrap}
.nav-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:center;min-height:40px;text-align:center}.nav-compact strong{font-size:18px;font-variant-numeric:tabular-nums}.sheet[data-sheet-state=COLLAPSED] #navigation-controls>:not(.nav-compact){display:none}.sheet[data-sheet-state=COLLAPSED] #navigation-controls #reroute-notice:not(.hidden){display:block;padding:4px;font-size:11px;margin:0}
@media(min-width:900px){.sheet-handle::after{display:none}.sheet[data-sheet-state=COLLAPSED] #navigation-controls>:not(.nav-compact){display:revert}.sheet[data-sheet-state=COLLAPSED] #navigation-controls>.hidden{display:none!important}}
@media(max-height:540px) and (max-width:899px){.sheet[data-ready=true] .profile-chips{display:none}.result-summary strong{font-size:18px}.result-summary div{padding:3px}.result-summary small{display:none}.sheet-top{min-height:44px}.sheet-handle{min-height:44px}}
:root .coverage-notice{margin:8px 0;padding:10px 12px;background:#f2f6f1;border:1px solid #d3dfd2;border-radius:10px;font-size:.85rem;line-height:1.4}
:root .coverage-notice p{margin:5px 0 8px}
.location-dot{background:#1769e0;width:22px;height:22px;border:3px solid #fff;box-shadow:0 1px 8px #123b6955}.heading-indicator{position:absolute;left:50%;top:50%;width:44px;height:56px;transform:translate(-50%,-50%) rotate(var(--heading-angle,0deg));pointer-events:none}.heading-indicator::before{content:'';position:absolute;top:-5px;left:14px;width:16px;height:20px;background:#1769e0;clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%)}.location-dot[data-heading-source=none] .heading-indicator,.location-dot:not([data-heading-source]) .heading-indicator{display:none}.location-dot[data-heading-source=device] .heading-indicator::before{top:-15px;left:0;width:44px;height:38px;background:linear-gradient(#1769e055,#1769e0);clip-path:polygon(0 0,100% 0,50% 100%)}.heading-settings{margin-top:12px}.heading-settings .check-row{margin-top:12px}
.search-overlay{position:fixed;z-index:30;margin:0;box-shadow:0 8px 28px #153b2940;overscroll-behavior:contain;overflow:auto;scroll-padding:6px;max-width:calc(100vw - 16px)}.search-overlay button{min-height:52px}.search-overlay [aria-selected=true]{outline:2px solid var(--leaf);outline-offset:-2px}
.search-overlay button{display:grid;grid-template-columns:24px minmax(0,1fr) auto;column-gap:8px;row-gap:2px;padding:9px 10px}.search-overlay .search-name{grid-column:2;min-width:0;overflow-wrap:anywhere;line-height:1.25}.search-overlay .search-detail{grid-column:2 / -1;margin:0;line-height:1.3}.search-overlay .search-distance{grid-column:3;grid-row:1;margin:0;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}.search-overlay .search-icon{grid-column:1;grid-row:1 / 3;align-self:center;margin:0;text-align:center;color:var(--leaf);font-size:13px}
.saved-route-card{display:flex;position:relative;flex-direction:column;gap:9px;width:100%;min-height:142px;margin:12px 0;padding:19px 38px 17px 18px;text-align:left;background:#f8faf5;border:1px solid #d7e1d1;border-radius:16px}.saved-route-card strong{font:24px Georgia,serif;color:var(--ink)}.saved-route-card small{font-size:11px;color:var(--muted);font-weight:400}.saved-endpoints{font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.saved-chevron{position:absolute;right:16px;top:calc(50% - 18px);font-size:32px;color:var(--leaf)}.saved-route-card:hover,.saved-route-card:focus-visible{background:#edf4e8;border-color:var(--leaf)}
.crosshair{position:fixed!important;pointer-events:none;z-index:8;transform:translate(-50%,-50%)}.point-confirm{bottom:calc(var(--keyboard-inset,0px) + 12px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}
.password-control{display:block;position:relative}.password-control input{padding-right:54px!important}.password-eye{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:44px;height:44px;min-height:44px;padding:10px;border:0;background:transparent;color:var(--leaf)}.password-eye svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-eye:focus-visible{outline:2px solid var(--leaf);outline-offset:1px}.pending-address{display:block;overflow-wrap:anywhere;margin:14px 0}.auth-success{color:var(--leaf);font-weight:650}

/* 03.3: the map owns the screen; navigation has only compact/menu states. */
.point-marker{border-radius:50%;transition:opacity .2s}
.sheet[data-navigating=true]{border-radius:18px 18px 0 0;border:0;height:var(--sheet-size);}
.sheet[data-navigating=true] .nav-compact{order:3;flex-shrink:0;display:grid;grid-template-columns:48px repeat(4,minmax(0,1fr));gap:2px;height:72px;min-height:72px;padding:8px max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left));position:relative;background:var(--paper);border-top:1px solid var(--line);text-align:center}
.nav-compact>div{min-width:0}.nav-compact strong{display:block;font-size:19px;line-height:1.35;font-weight:750;white-space:nowrap;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.nav-compact small{display:block;font-size:11px;font-weight:600;line-height:1.4;color:#43594b}
#navigation-menu{width:48px;height:48px;min-height:48px;padding:10px;background:var(--mint);border:0;color:var(--dark)}
.sheet[data-navigating=true][data-sheet-state=COLLAPSED]>:not(.nav-compact){display:none}
.sheet[data-navigating=true][data-sheet-state=EXPANDED] .sheet-content{padding:12px 16px;scrollbar-gutter:auto}
.sheet[data-navigating=true][data-sheet-state=EXPANDED] .sheet-top{padding:0 16px}
.sheet[data-navigating=true] .sheet-handle::after{content:'×';font-size:26px}
.sheet[data-navigating=true] #active-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sheet[data-navigating=true] #active-actions button{min-height:48px;font-size:15px}
#blocked-button{grid-column:1/-1;background:var(--mint);border-color:#b7cbb9}
#stop-navigation{color:#813d2b}
.sheet[data-navigating=true] #navigation-controls .button-row{flex-wrap:wrap}
.sheet[data-navigating=true] #navigation-controls button{min-height:48px}
#nav-paused{position:absolute;left:64px;right:8px;top:0;height:71px;display:grid;place-items:center;background:var(--paper);font-size:21px;font-weight:750;color:var(--dark)}
@media(max-width:375px){.nav-compact strong{font-size:17px}.nav-compact small{font-size:10px}.sheet[data-navigating=true] .nav-compact{gap:0;padding-left:5px;padding-right:5px;grid-template-columns:46px repeat(4,minmax(0,1fr))}#navigation-menu{width:44px;padding:8px}}
@media(min-width:900px){
 #app:has(.sheet[data-navigating=true]) #map{width:100%;right:0}
 .sheet[data-navigating=true]{top:auto;bottom:var(--keyboard-inset,0px);left:50%;right:auto;transform:translateX(-50%);width:460px;max-height:calc(var(--visual-height,100dvh)*.65);padding-bottom:env(safe-area-inset-bottom)}
 #app:has(.sheet[data-navigating=true]) .map-action-stack{right:20px;bottom:24px}
 #app:has(.sheet[data-navigating=true]) .maplibregl-ctrl-top-right{right:8px}
 #app:has(.sheet[data-navigating=true]) .maplibregl-ctrl-bottom-right{right:0;bottom:0}
 #app:has(.sheet[data-navigating=true]) .navigation-header{right:auto;width:min(620px,calc(100vw - 90px))}
 .sheet[data-navigating=true] .sheet-handle{cursor:pointer;touch-action:none}
}

/* POI field cards: readable content with one reference image. */
.poi-card{height:clamp(280px,calc(var(--visual-height,100dvh)*.5),580px);max-height:calc(var(--visual-height,100dvh) - var(--sheet-visible) - 100px);padding:20px;scrollbar-gutter:stable}.poi-card h2{font-size:27px;line-height:1.15;margin-bottom:12px}.poi-detail-body{font-size:15px;line-height:1.55}.poi-category{font-size:12px;font-weight:650}.poi-close{background:#fffdf7e8;border:1px solid var(--line);z-index:1}.poi-card figure{margin:0 0 14px}.poi-card img{width:100%;height:auto;aspect-ratio:16/9;max-height:270px;object-fit:contain;background:#edf0e9}.poi-card figcaption{font-size:12px;line-height:1.45;color:#344c3c}.poi-card figcaption details{margin:0;font-size:12px}.poi-card figcaption summary{min-height:32px;padding:5px 0}.poi-card .poi-data-credit{font-size:12px;min-height:28px}.poi-visit{font-weight:750;color:#246b49;border-top:1px solid var(--line);padding-top:12px}.poi-category-visual{height:120px;display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,#f0dcb4,transparent 70%),#e5edde;border-radius:12px;font:64px Georgia,serif;color:#516b4b;margin-bottom:16px}
@media(min-width:900px){.poi-card{width:430px;max-height:70dvh;height:560px;left:20px;bottom:24px}}
@media(max-height:540px) and (max-width:899px){.poi-card{width:54vw;height:calc(var(--visual-height,100dvh) - 20px);max-height:calc(var(--visual-height,100dvh) - 20px);top:10px;bottom:auto}.poi-card img{max-height:140px}.poi-category-visual{height:80px}}
.navigation-end-dialog{width:min(380px,calc(100vw - 32px));padding:24px;border:0;border-radius:20px;color:#142f28;background:#fff;box-shadow:0 12px 50px #0005}
.navigation-end-dialog::backdrop{background:#12292180}
.navigation-end-dialog h2{margin:0 0 12px;font-size:24px}
.navigation-end-dialog p{line-height:1.5}
.navigation-end-dialog .button-row{display:flex;gap:8px;margin-top:20px}
.navigation-end-dialog button{min-height:48px;flex:1}
.preference-row{position:relative;margin:8px 14px 8px 0;font-size:15px;font-weight:600;line-height:22px}
.preference-row output{float:right;font-variant-numeric:tabular-nums;font-weight:750}
.preferences input[hidden]{display:none!important}
.preference-slider{position:relative;display:block;height:44px;touch-action:pan-y pinch-zoom;user-select:none;cursor:ew-resize;margin:0 14px;outline-offset:2px}
.preference-slider::before{content:'';position:absolute;left:0;right:0;top:19px;height:6px;border-radius:4px;background:linear-gradient(to right,var(--leaf) var(--slider-value),#d5e1d5 var(--slider-value))}
.preference-thumb{position:absolute;left:var(--slider-value);top:9px;transform:translateX(-50%);width:26px;height:26px;border-radius:50%;background:var(--leaf);border:3px solid #fff;box-shadow:0 1px 4px #18342355;pointer-events:none}
.preference-slider:focus-visible{outline:3px solid #a57825;border-radius:8px}
.planning-points{position:relative}.swap-points{position:absolute;right:0;top:50%;transform:translateY(-50%);width:44px;min-height:44px;height:44px;padding:0;font-size:25px;color:var(--leaf);background:var(--mint)}
.planning-points .location-search{margin-right:52px}.planning-points[data-round=true] .location-search{margin-right:0}
.swap-status{display:block;font-size:12px;line-height:1.3;margin-top:4px;color:var(--muted)}
@media(max-width:899px){
 :root{--safe-area-top:env(safe-area-inset-top,0px)}
 #planner[data-navigating=false]{max-height:calc(var(--visual-height,100dvh) - 12px - env(safe-area-inset-top));}
 #planner[data-navigating=false] .sheet-top{min-height:48px;padding:0 16px;z-index:3;background:var(--paper)}
 #planner[data-navigating=false] .sheet-handle{min-height:48px;padding:10px 38px 10px 0}
 #planner[data-navigating=false] .sheet-handle>span{display:none}
 #planner[data-navigating=false] .sheet-content{padding:8px 14px 12px;scroll-padding-bottom:16px;scrollbar-gutter:stable}
 #planner[data-navigating=false] .sheet-footer{padding:9px 14px 10px}
 #planner[data-navigating=false] .location-search{margin-bottom:7px}
 #planner[data-navigating=false] .location-search label{font-size:12px;line-height:16px;margin:0 0 2px}
 #planner[data-navigating=false] .search-input-row input{height:44px;min-height:44px;margin:0;font-size:16px;padding-top:8px;padding-bottom:8px}
 #planner[data-navigating=false] .field-action{top:0}
 #planner[data-navigating=false][data-planner-view=COMPACT] #planning-controls>:not(.planning-points){display:none!important}
 #planner[data-navigating=false][data-planner-view=COMPACT] .sheet-content>.debug-box{display:none!important}
 #app:has(#planner[data-navigating=false][data-planner-view=FULL])>.brand,
 #app:has(#planner[data-navigating=false][data-planner-view=FULL])>#account-entry{visibility:hidden}
}
.poi-card{position:fixed;left:var(--poi-left,8px);top:var(--poi-top,6dvh);right:auto;bottom:auto;width:var(--poi-width,calc(100vw - 16px));height:var(--poi-height,88dvh);max-height:none;max-width:none;padding:0;display:flex;flex-direction:column;overflow:hidden;scrollbar-gutter:auto;z-index:32;border-radius:18px;background:var(--paper)}
.poi-header{position:relative;flex:none;display:grid;grid-template-columns:minmax(0,1fr) 48px;column-gap:10px;padding:14px 14px 12px;background:var(--paper);border-bottom:1px solid var(--line);z-index:1}
.poi-header .poi-category{grid-column:1;line-height:18px;font-weight:700;color:#43594b}
.poi-header h2{grid-column:1;margin:5px 0 0;font-size:clamp(20px,5.5vw,28px);line-height:1.17;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
.poi-header .poi-close{position:static;grid-column:2;grid-row:1/3;align-self:start;width:48px;height:48px;min-height:48px;min-width:48px;margin:0;padding:0;font-size:30px;color:#193c2a;background:#fff;border:1px solid #9ba99d;border-radius:12px}
.poi-detail-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;padding:0 16px 20px;font-size:16px;line-height:1.55;scroll-padding:12px}
.poi-description{margin:16px 0}.poi-card .poi-media{margin:0 -16px 16px}.poi-card .poi-media img{display:block;width:100%;height:auto;max-height:55dvh;aspect-ratio:auto;object-fit:contain;background:transparent;border-radius:0}
.poi-card .poi-media figcaption{padding:8px 16px 0;font-size:13px;line-height:1.5}.poi-image-loading{margin:12px 0;font-size:13px;color:#43594b}
.poi-facts{font-size:14px;line-height:1.45}.poi-distance{padding:10px 0}.poi-distance-info{margin:2px 0}.poi-distance-info summary{font-size:12px;min-height:32px;padding:6px 0}.poi-distance-info p{margin:4px 0}
.poi-visit{padding:12px;border:1px solid var(--line);border-radius:10px;color:#344b3c;background:#f1f4ee}
.poi-visit[data-discovered=true]{color:#155e33;background:#e0f4e5;border-color:#95bda1}
.poi-sources{margin-top:20px;padding-top:12px;border-top:1px solid var(--line);font-size:12px}.poi-sources strong{display:block}.poi-sources a{display:block}.poi-more{display:block;margin:8px 0;min-height:36px;padding:6px 0;font-weight:650}
.discovery-toast{pointer-events:auto}.discovery-toast button{min-height:48px;margin:0;border:0;background:transparent;color:inherit;font-weight:700;padding:0;text-align:left}
@media(max-width:899px){#planner[data-navigating=false] .location-search{margin-bottom:4px}#planner[data-navigating=false] .sheet-content{padding-top:4px;padding-bottom:6px}}

@media(max-width:899px){#planner[data-navigating=false] .search-input-row input{margin-top:0!important} .poi-card{min-height:0}}
:root{--poi-safe-top:env(safe-area-inset-top,0px);--poi-safe-bottom:env(safe-area-inset-bottom,0px);--poi-safe-left:env(safe-area-inset-left,0px);--poi-safe-right:env(safe-area-inset-right,0px)}

/* Separate point selection from route settings. Navigation styles remain above. */
.planning-top{position:fixed;z-index:5;top:calc(10px + env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));padding:10px 12px 12px;background:var(--paper);border:1px solid #fff;border-radius:20px;box-shadow:0 4px 24px #18342326}
.planning-top-title{display:flex;align-items:center;height:30px;padding:1px 130px 2px 4px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.15;margin:0;color:#244833;white-space:normal;overflow:hidden}
.planner-seo-intro{margin:0 0 11px;padding:9px 10px;border-radius:10px;background:#f0f4ed;color:var(--muted);font-size:12px;line-height:1.45;font-weight:400}
.planning-top .location-search{position:relative;margin:0 52px 4px 0}.planning-top .location-search:last-of-type{margin-bottom:0}
.planning-top .point-field{width:100%;height:48px;min-height:48px;display:flex;align-items:center;gap:10px;margin:0;padding:6px 45px 6px 10px;text-align:left;background:#f0f4ed;border:1px solid #d8e2d5;border-radius:10px}
.planning-top .point-field small{font-size:11px;min-width:28px;color:#385240;font-weight:600}.planning-top .point-field span{font-size:15px;line-height:1.3;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.planning-top .field-action{position:absolute;right:2px;top:2px;width:44px;height:44px;min-height:44px;margin:0;padding:0;font-size:22px;border:0;background:transparent;color:var(--leaf)}
.planning-top .swap-points{right:12px;top:calc(50% + 15px)}.planning-top .swap-status{margin:5px 0 0;font-size:12px}.planning-top[data-round=true] .location-search{margin-right:0}
#app:has(>.planning-top:not(.hidden))>.brand{display:none}
#app:has(>.planning-top:not(.hidden))>.account-entry{z-index:6;top:calc(14px + env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));max-width:130px;height:32px;min-height:32px;font-size:12px;padding:4px 10px}
@media(max-width:899px){
 #app:has(>.planning-top:not(.hidden)) .maplibregl-ctrl-top-right{top:calc(182px + env(safe-area-inset-top))}
 #app:has(>.planning-top:not(.hidden))>.map-status{top:calc(174px + env(safe-area-inset-top))}
 #app:has(#planner[data-navigating=false][data-planner-view=FULL])>.planning-top{visibility:hidden}
 #planner[data-navigating=false][data-ready=false][data-planner-view=COMPACT] .sheet-content{padding:0;flex:1;overflow:hidden}
 #planner[data-navigating=false][data-ready=false][data-planner-view=COMPACT] .sheet-content>*{display:none!important}
}
@media(min-width:900px){.planning-top{left:18px;right:auto;width:min(440px,calc(100vw - 460px));top:18px}#app:has(>.planning-top:not(.hidden))>.account-entry{top:22px;left:min(310px,calc(100vw - 590px));right:auto}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.place-picker{position:fixed;inset:auto;left:var(--place-left,0px);top:var(--place-top,0px);width:var(--place-width,100vw);height:var(--place-height,100dvh);max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--paper);color:var(--ink);overflow:hidden}
.place-picker[open]{display:flex;flex-direction:column}.place-picker::backdrop{background:#18342366}
.place-picker-header{flex:none;background:var(--paper);padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));border-bottom:1px solid var(--line)}
.place-picker-header>div{display:flex;align-items:center;gap:8px}.place-picker-header h2{font-size:17px;line-height:1.3;margin:0}.place-picker-header button{width:48px;min-height:44px;height:44px;border:0;background:transparent;padding:0;font-size:26px}
.place-picker-header input{width:100%;margin:4px 0 0;min-height:48px;height:48px;font-size:17px;background:#edf2e9;border:1px solid #a2b89e;border-radius:24px;padding:10px 16px}
.place-picker-body{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:10px 12px max(20px,env(safe-area-inset-bottom));scroll-padding:12px}
.place-picker-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}.place-picker-quick:empty{display:none}.place-picker-quick button{min-width:0;min-height:48px;font-size:12px;line-height:1.25;padding:7px 5px;background:#f0f4ed;border-color:#d2dfcf}
.place-picker .search-overlay{position:static!important;height:auto;max-width:none;max-height:none;width:100%;margin:0;box-shadow:none;border:0;overflow:visible;background:transparent}
.place-picker .search-result-row{display:flex;gap:4px;align-items:stretch;border-bottom:1px solid var(--line)}.place-picker .search-result-row>button:first-child{flex:1;min-width:0;text-align:left;border:0;border-radius:0;background:transparent;min-height:68px}
.place-picker .search-result-row .save-place-action{display:grid;grid-template-columns:1fr;place-items:center;flex:none;width:44px;min-height:48px;padding:0;font-size:25px;border:0;background:transparent}
.place-picker .search-name{font-size:16px}.place-picker .search-detail{font-size:13px;color:#52614f}.place-picker .search-icon{align-self:center}
.place-extra h2{font-size:18px;margin:8px 0 14px}.place-extra>button{width:100%;min-height:48px;margin:5px 0}.place-extra label{display:block;margin:12px 0}.place-extra input,.place-extra select{font-size:16px;width:100%;min-height:48px}.place-extra form>.primary{width:100%;min-height:48px}
.place-selected{padding:14px 4px}.place-selected strong,.place-selected small{display:block;margin:5px 0}.saved-place-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:5px 0}.saved-place-select{flex:1;min-width:0;min-height:64px;text-align:left;border:0;background:transparent;padding:10px 4px}.saved-place-select strong,.saved-place-select small{display:block;overflow-wrap:anywhere}.saved-place-select small{margin-top:4px;font-size:13px;color:#52614f}.saved-place-remove{flex:none;min-height:44px;font-size:12px;padding:8px;border:0;background:transparent}.saved-place-empty{background:#f0f4ed;text-align:left}
.point-field:focus-visible,.place-picker button:focus-visible,.place-picker input:focus-visible,.place-picker select:focus-visible{outline:3px solid #246b49;outline-offset:2px}
@media(min-width:900px){.place-picker{left:calc(var(--place-left,0px) + (var(--place-width,100vw) - 700px)/2);top:calc(var(--place-top,0px) + 12px);width:700px;height:calc(var(--place-height,100dvh) - 24px);border-radius:20px}}
@media(min-width:560px) and (max-width:899px) and (max-height:540px){
 .planning-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:0 8px;padding:6px 10px 8px}
 .planning-top-title{grid-column:1/-1;height:30px}.planning-top .location-search{margin:0}.planning-top .swap-points{position:static;transform:none;margin:0;align-self:center}
 .planning-top .swap-status{grid-column:1/-1}.planning-top[data-round=true] .location-search{grid-column:1/-1}
 #app:has(>.planning-top:not(.hidden)) .maplibregl-ctrl-top-right{top:calc(118px + env(safe-area-inset-top))}
 #app:has(>.planning-top:not(.hidden))>.map-status{top:calc(110px + env(safe-area-inset-top))}
}

/* Route-ready preview: choices and facts above the map, details on demand. */
.route-preview{position:fixed;z-index:5;top:calc(8px + env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));padding:8px 10px;background:var(--paper);border:1px solid #d5e1d5;border-radius:17px;box-shadow:0 4px 20px #18342326}
.route-preview-choices{display:flex;align-items:center;gap:6px;min-width:0}
.route-preview-choices>#preview-edit{flex:none;width:44px;min-height:44px;padding:5px;border:0;background:transparent;font-size:24px}
.route-preview .route-alternatives{display:flex;flex:1;min-width:0;gap:5px;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;touch-action:pan-x}
.route-preview .route-alternatives::-webkit-scrollbar{display:none}
.route-preview .route-alternatives button{flex:1 0 auto;width:auto;min-height:44px;min-width:74px;margin:0;padding:8px 11px;font-size:13px;white-space:nowrap;text-align:center;border:1px solid #bccdb9;border-radius:10px;scroll-snap-align:start;background:#f7f9f3}
.route-preview .route-alternatives button[aria-pressed=true]{background:var(--leaf);border-color:var(--leaf);color:#fff}
.route-preview .preview-details{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:4px;padding:6px 4px;border:0;border-radius:8px;background:transparent;text-align:left;font-variant-numeric:tabular-nums}
.preview-details strong{font-size:18px;line-height:1.2;white-space:nowrap}.preview-details #preview-extra{margin-left:auto;font-size:12px;line-height:1.25;color:#46614c}.preview-details>span:last-child{font-size:20px;color:var(--leaf)}
#app:has(>.route-preview:not(.hidden))>.brand,#app:has(>.route-preview:not(.hidden))>.account-entry{display:none}
@media(max-width:899px){
 #planner[data-navigating=false][data-planner-view=COMPACT] .sheet-content{display:none;padding:0;min-height:0;flex:0}
 #planner[data-navigating=false] .sheet-footer{padding:9px 14px 18px}
 #planner[data-navigating=false] .sheet-footer .primary{min-height:52px;font-size:16px}
 #planner[data-navigating=false] .ready-actions{align-items:stretch;min-width:0}
 #planner[data-navigating=false] .ready-actions button{min-width:0;min-height:52px}
 #app:has(>.route-preview:not(.hidden)) .maplibregl-ctrl-top-right{top:calc(128px + env(safe-area-inset-top))}
 #app:has(>.route-preview:not(.hidden))>.map-status{top:calc(126px + env(safe-area-inset-top))}
 #app:has(#planner[data-navigating=false][data-planner-view=FULL])>.route-preview{visibility:hidden}
}
@media(min-width:900px){.route-preview{left:18px;right:auto;width:min(440px,calc(100vw - 460px));top:18px}}
@media(max-width:375px){.preview-details strong{font-size:17px}.route-preview .route-alternatives button{padding:8px;font-size:12px}}
.route-preview .route-alternatives .desktop-route-facts{display:none}
.route-preview .route-alternatives button[aria-pressed=true]{background:var(--route-active);border-color:var(--route-active)}
@media(min-width:900px){
 #desktop-route-slot .route-preview{position:static;width:100%;padding:0;margin:10px 0 14px;border:0;border-radius:0;background:transparent;box-shadow:none}
 #desktop-route-slot .route-preview-choices{display:block}
 #desktop-route-slot #preview-edit,#desktop-route-slot #preview-details{display:none}
 #desktop-route-slot .route-alternatives{display:grid;grid-template-columns:1fr;grid-auto-flow:row;gap:7px;overflow:visible;touch-action:pan-y}
 #desktop-route-slot .route-alternatives button{text-align:left;white-space:normal;min-height:62px;width:100%;padding:9px 12px}
 #desktop-route-slot .route-alternatives .desktop-route-facts{display:block;font-size:12px;font-weight:450;margin-top:4px}
}

.route-explanation-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;padding:4px 6px 12px}.route-explanation-legend small{flex-basis:100%;line-height:1.4}.nature-key::before,.water-key::before{content:"";display:inline-block;width:22px;height:6px;border-radius:4px;margin-right:6px;background:var(--halo-nature)}.water-key::before{background:var(--halo-water)}

#app>.coverage-notice{position:fixed;z-index:8;left:12px;right:12px;top:calc(var(--planning-top-height,166px) + 18px);max-height:40dvh;overflow:auto;padding:12px 14px;background:#fbfcf8;border:1px solid #cbd5c9;border-radius:14px;box-shadow:0 5px 22px #18342322;font-size:14px}#app>.coverage-notice p{margin:6px 0}@media(min-width:900px){#app>.coverage-notice{left:18px;right:390px;top:184px;max-width:440px}}

/* Route choice actions: both next steps remain in the safe viewport footer. */
.sheet-footer .ready-actions{display:grid;grid-template-columns:1fr 1.12fr;gap:8px}
.sheet-footer .ready-actions button{width:100%;padding:8px;font-size:14px;min-height:52px;line-height:1.25}
.preview-summary-row{display:flex;align-items:center;gap:6px;min-width:0}
.preview-summary-row .preview-details{flex:1;min-width:0}
.route-preview .route-save{flex:none;min-height:44px;padding:6px 8px;font-size:12px;border:0;background:transparent;color:var(--ink)}
@media(max-width:899px){.preview-summary-row #preview-extra{display:none}.preview-summary-row .preview-details strong{font-size:17px}.preview-summary-row .preview-details>span:last-child{margin-left:auto}}
@media(min-width:900px){#desktop-route-slot .preview-summary-row{justify-content:flex-end;margin-top:3px}}

.poi-proximity-note{margin:12px 0;padding:12px;background:#eef3ec;border-radius:12px;font-size:15px;line-height:1.45}.poi-proximity-note p{margin:0 0 10px}.poi-proximity-note p:last-child{margin-bottom:0}.poi-proximity-note button{min-height:48px;width:100%;white-space:normal}.account-dialog>.primary{min-height:48px;width:100%}

/* Result UI v4: four independent scores, never parts of a pie. */
.route-preview .route-alternatives button{position:relative;padding-right:57px;min-width:130px}
.route-preview .route-alternatives .route-micro-profile{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:repeat(4,7px);gap:3px;width:40px;height:33px;margin:0;padding:3px 2px;border-radius:5px;background:#fff;color:#233f37}
.route-preview .route-alternatives .micro-column{display:flex;flex-direction:column;justify-content:end;height:27px;margin:0;position:relative;padding-bottom:9px}
.route-micro-profile i{display:block;height:calc(var(--score)*.18px);min-height:0;background:#347e3d;border-radius:2px 2px 0 0}
.route-micro-profile [data-dimension=water] i{background:#2a94af}.route-micro-profile [data-dimension=discover] i{background:#ab7838}.route-micro-profile [data-dimension=quiet] i{background:#667c79}
.route-preview .route-alternatives .micro-column small{position:absolute;bottom:0;left:0;font:700 8px/9px system-ui;margin:0;color:#233f37}
#route-alternatives .locked-route{border-style:dashed;border-color:#aebcaf;background:#f5f7f2;color:#405148;padding-right:102px;opacity:.96}#route-alternatives .locked-route:hover,#route-alternatives .locked-route:focus-visible{background:#edf3e9;border-color:#6b8d74}.route-pro-badge{position:absolute;right:55px;top:50%;transform:translateY(-50%);padding:2px 6px;border-radius:999px;background:#dcebdd;color:#175c38;font:italic 700 11px/1.4 Georgia,serif;letter-spacing:.02em}
#desktop-route-slot .route-alternatives button{padding-right:64px}.route-fact-strip .secondary-fact{background:transparent;font-weight:500;text-decoration:none}
/* Navigation must override the ID-specific desktop planning sidebar dimensions. */
@media(min-width:900px){#planner.sheet[data-navigating=true]{top:auto;bottom:var(--keyboard-inset,0px);left:50%;right:auto;transform:translateX(-50%);width:460px;height:var(--sheet-size);max-height:calc(var(--visual-height,100dvh)*.65);border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}}

/* Android v1 shell: one-screen onboarding, native debug flavor and legal links. */
.native-onboarding{position:fixed;z-index:1000;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:max(32px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:linear-gradient(145deg,#f5f8f1,#dcebd9);color:#173c2b}.native-onboarding>strong{font:700 34px Georgia,serif}.native-onboarding h1{max-width:520px;margin:0;font:700 clamp(28px,8vw,46px)/1.12 Georgia,serif}.native-onboarding-wishes{font-weight:700;color:#246b49}.native-onboarding-languages{display:flex;gap:8px}.native-onboarding-languages button[aria-pressed=true]{background:#246b49;color:#fff}.native-onboarding>.primary{min-width:180px}.native-debug{position:fixed;z-index:90;top:calc(8px + env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));max-width:min(80vw,360px);max-height:55vh;overflow:auto;padding:6px 9px;border-radius:9px;background:#10271ee6;color:#fff;font:11px/1.35 ui-monospace,monospace}.native-debug pre{white-space:pre-wrap;overflow-wrap:anywhere}.account-legal{display:flex;flex-wrap:wrap;gap:8px 14px;margin:20px 0;padding-top:14px;border-top:1px solid var(--line)}.account-legal a{color:var(--leaf);font-size:13px}

/* Single planning entry; route calculation belongs to the open settings. */
#planner-open{display:none}
#planner[data-navigating=false][data-ready=false][data-sheet-state=COLLAPSED] .sheet-top,
#planner[data-navigating=false][data-ready=false][data-sheet-state=COLLAPSED] .sheet-content,
#planner[data-navigating=false][data-ready=false][data-sheet-state=COLLAPSED] #route-button{display:none}
#planner[data-navigating=false][data-ready=false][data-sheet-state=COLLAPSED] #planner-open{display:block;min-height:52px}
#planner[data-navigating=false][data-ready=false][data-sheet-state=EXPANDED] .sheet-handle::after{content:'☰';display:block;font-size:25px}
#planner[data-navigating=false][data-ready=false] .sheet-handle{padding-right:38px!important;cursor:pointer}
@media(min-width:900px){#planner[data-navigating=false][data-ready=false][data-sheet-state=COLLAPSED]{height:80px;min-height:0;top:auto;bottom:18px}}

#planner[data-navigating=false][data-ready=false][data-sheet-state=COLLAPSED] .sheet-handle::after{content:none}

.account-header{display:flex;align-items:center;gap:10px;position:sticky;top:-22px;z-index:5;padding:12px 0 10px;background:var(--paper);border-bottom:1px solid var(--line)}.account-header h2{flex:1;min-width:0;margin:0}.account-header-actions{display:flex;align-items:center;gap:4px}.account-header .language-choice{margin:0;font-size:0}.account-header .language-choice select{min-height:44px;width:auto;max-width:105px;margin:0;padding:7px;font-size:14px}.account-header .account-close{float:none;margin:0}.language-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.language-choice select{min-height:44px;max-width:65%;width:auto}.account-menu-item{white-space:normal}.trip-actions{display:flex;flex-wrap:wrap;gap:8px}
.route-export-secondary{min-height:40px;padding:6px 9px;border:0;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}.billing-duration-locked{font-weight:700;color:#7a5420}

/* Private tour details do not resize or rebuild the active navigation map. */
.trip-library-dialog{width:min(680px,calc(100vw - 24px));max-height:calc(var(--visual-viewport-height,100dvh) - 24px);overflow-y:auto;overscroll-behavior:contain}
.trip-library-dialog #account-title{position:sticky;top:0;background:var(--paper,#fafbf6);z-index:3;padding:12px 48px 12px 0;margin-top:0}
.trip-library-dialog .account-close{position:sticky;top:8px;float:right;z-index:4;min-width:48px;min-height:48px}
.trip-map{height:clamp(220px,36dvh,360px);border-radius:14px;overflow:hidden;margin:12px 0}
.trip-facts{display:grid;grid-template-columns:1fr auto;gap:8px 16px;font-variant-numeric:tabular-nums}.trip-facts dt,.trip-facts dd{margin:0}.trip-facts dd{font-weight:700;text-align:right}
.trip-library-dialog input,.trip-library-dialog select{max-width:100%;min-height:44px}.trip-analysis{border-top:1px solid #d3dcd4;padding-top:12px}

/* Contract 06.2: persistent route spots and compact contextual POI details. */
.route-secondary-actions{display:flex;justify-content:flex-end;align-items:center;min-height:34px;margin:0 0 4px}.route-export-secondary{width:auto;min-width:0;min-height:34px;margin:0;padding:4px 6px;font-size:12px}
.route-fact-strip{height:auto;min-height:38px;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(32px,auto)}
.poi-accessible-list{display:grid;gap:6px}.poi-accessible-list .route-spot-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 10px;text-align:left;border-color:#d9ddcf;background:#fffdf8}.route-spot-copy{min-width:0}.route-spot-copy strong,.route-spot-copy small{display:block}.route-spot-copy strong{overflow:hidden;text-overflow:ellipsis}.route-spot-copy small{margin-top:3px;font-size:11px;font-weight:450}.route-spot-row.selected,.route-spot-row[aria-selected=true]{border-color:#df7818;background:#fff3dc;box-shadow:0 0 0 2px #ef8a2533}.poi-importance-stars{display:inline-block;white-space:nowrap;color:#c56b16;font-size:15px;line-height:1;letter-spacing:-1px;text-shadow:0 0 7px #ef9b3e55}
.poi-card{border:1px solid #dacbb7;box-shadow:0 10px 34px #182f243d}.poi-card-content{display:flex;min-height:0;flex:1;flex-direction:column;overflow:hidden}.poi-media-header:empty{display:none}.poi-media-header{position:relative;flex:none;max-height:min(50dvh,400px);overflow:hidden;background:#ecefe8}.poi-media-header .photo-gallery{margin:0}.poi-media-header .poi-media{margin:0}.poi-media-header .poi-media img{display:block;width:100%;height:min(36dvh,300px);max-height:300px;object-fit:cover;background:#ecefe8}.poi-media-header figcaption{max-height:58px;overflow:auto;padding:6px 12px;font-size:10px;line-height:1.3;background:#fffdf8}.poi-media-header .photo-gallery-controls{position:absolute;left:8px;right:8px;top:50%;transform:translateY(-50%);justify-content:space-between;pointer-events:none}.poi-media-header .photo-gallery-controls button{width:42px;height:42px;min-height:42px;padding:0;background:#fffdf8e8;pointer-events:auto}.poi-media-header .photo-gallery-controls span{position:absolute;left:50%;bottom:-78px;transform:translateX(-50%);padding:2px 6px;border-radius:10px;background:#fffdf8db;font-size:11px}.poi-media-header .poi-image-loading{padding:14px;margin:0}.poi-card>.poi-close{position:absolute;z-index:4;right:8px;top:8px;width:44px;height:44px;min-height:44px;min-width:44px;padding:0;border:1px solid #9d8b76;border-radius:12px;background:#fffdf8e8;color:#173b2a;font-size:28px}.poi-header{display:block;padding:14px 64px 11px 16px}.poi-header h2{margin:4px 0 6px}.poi-header .poi-importance-stars{font-size:16px}.poi-detail-body{padding:0 16px 18px}.poi-reference-links{display:flex;flex-wrap:wrap;gap:4px 14px}.poi-sources{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 10px;margin-top:14px;padding-top:9px}.poi-sources strong{display:inline}.poi-sources a{display:inline;min-height:26px;margin:0;font-size:11px}.poi-photo-action.contextual{width:auto;min-height:38px;padding:6px 9px;border:0;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}
.poi-card[data-poi-view=peek]{display:block;padding:12px 58px 12px 14px;overflow:hidden;background:#fffaf0}.poi-card[data-poi-view=peek] .poi-close{top:7px;right:7px}.poi-peek-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px}.poi-peek-header .poi-category{grid-column:1}.poi-peek-header h2{grid-column:1;margin:1px 0 3px;font:20px/1.15 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poi-peek-header .poi-importance-stars{grid-column:1}.poi-peek-header .poi-details-action{grid-column:2;grid-row:1/4;min-height:44px;width:auto;padding:8px 11px}
@media(min-width:900px){.poi-card{width:var(--poi-width,clamp(420px,32vw,520px));height:var(--poi-height,calc(100dvh - 36px));max-height:none;left:var(--poi-left,18px);top:var(--poi-top,18px);bottom:auto}.poi-header h2{font-size:25px}.poi-detail-body{font-size:14px}.route-secondary-actions{margin-top:-2px}.poi-media-header .poi-media img{height:min(42dvh,340px);max-height:340px}}
@media(max-height:540px) and (max-width:899px){.poi-card[data-poi-view=peek]{width:calc(55vw - 12px);height:var(--poi-height,118px);max-height:var(--poi-height,118px)}.poi-card[data-poi-view=detail]{width:var(--poi-width);height:var(--poi-height);max-height:none}.poi-media-header{max-height:44dvh}.poi-media-header .poi-media img{height:29dvh}}

/* Wikipedia lead excerpts keep paragraph rhythm and their license adjacent. */
.poi-description{margin:14px 0}.poi-description p{margin:0 0 10px}.poi-description p:last-of-type{margin-bottom:6px}.poi-description-credit{display:flex;flex-wrap:wrap;gap:2px 5px;color:var(--muted);font-size:11px;line-height:1.4}.poi-description-credit a{min-height:24px}

/* 07.8: active controls share the same state semantics on web and Android. */
.recenter.manual{background:#fff;color:var(--leaf);border-color:#cdded0}
.recenter.nav-control-active,#fit-route.nav-control-active,.maplibregl-ctrl-compass.nav-control-active{background:#246b49;color:#fff}
.maplibregl-ctrl-compass.nav-control-active .maplibregl-ctrl-icon{filter:brightness(0) invert(1)}
.brand .public-tours-entry{margin-left:7px;color:var(--leaf);font-size:12px;font-weight:750;text-decoration:underline;text-underline-offset:3px}.brand .public-tours-entry:focus-visible{outline:3px solid #bb7910;outline-offset:3px;border-radius:3px}