.planner{height:calc(100dvh - var(--header-h));grid-template-columns:minmax(340px,480px) 1fr;display:grid}.planner-side{border-right:1px solid var(--border);background:var(--surface);padding:16px;overflow-y:auto}.route-map{height:100%;min-height:300px}.planner-map{min-width:0;position:relative;overflow:hidden}.trip-settings label{color:var(--muted);flex:1;gap:2px;font-size:.85rem;display:grid}.trip-settings select,.share input{border:1px solid var(--border);font:inherit;background:var(--bg);color:var(--text);border-radius:6px;padding:8px}.planner-side>.back-link{margin:0}.trip-title{margin:6px 0 12px;font-size:1.6rem}.trip-title-button{max-width:100%;color:inherit;font:inherit;text-align:start;cursor:text;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;margin:0 -8px;padding:2px 8px;display:inline-flex}.trip-title-button:hover{background:var(--bg)}.trip-title-button .icon{color:var(--muted)}.trip-title .trip-name-input{font:inherit}.trip-ends,.trip-settings{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.trip-tools,.trip-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.days-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.days-head h2{margin-bottom:.3em}.days-head .link-button{font-size:.9rem}.estimate-note{margin-top:-.4em;font-size:.85rem}.tl-stop{cursor:grab}.tl-stop.dragging{opacity:.5}.day-break{flex-wrap:wrap;gap:6px;display:flex}.stop-buttons{display:flex}.total{font-weight:600}.share{gap:4px;margin-bottom:12px;display:grid}.trip-delete{margin-top:24px;font-size:.9rem}.add-villages{border-block:1px solid var(--border);margin:16px 0 20px;padding:8px 0 12px}.add-toggle{width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:6px 4px;display:flex}.add-toggle>span{flex:1}.add-toggle:hover{background:var(--bg)}.add-toggle .icon:last-child{transition:transform .15s}.add-toggle[aria-expanded=true] .icon:last-child{transform:rotate(180deg)}.add-count{font:500 .95rem var(--font-body);color:var(--muted)}.add-more{margin-top:6px}@media (width>=768px){.add-body{max-height:45vh;overflow-y:auto}.add-body .add-options{max-height:none;overflow:visible}}.trip-summary{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:2px 0;margin:0 0 12px;display:flex}.summary-item{color:var(--text);font:inherit;cursor:pointer;text-decoration:underline dotted var(--border);text-underline-offset:3px;background:0 0;border:0;padding:2px 0}.summary-item:hover{text-decoration-color:var(--accent)}.summary-edit{margin-left:10px}.start-choices{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0 20px;display:grid}.start-choice{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:600 1.05rem var(--font-body);cursor:pointer;text-align:center;padding:16px}.start-choice:hover{border-color:var(--accent)}.start-choice-primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.start-choice-primary:hover{background:var(--accent-strong)}.days-target{margin:-.3em 0 .6em}.add-villages:focus{outline:none}.add-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.add-title h2{margin:.4em 0}.add-villages h3{margin:14px 0 4px;font-size:1rem}.add-search{position:relative}.add-villages .search{border:1px solid var(--border);width:100%;font:inherit;background:var(--bg);color:var(--text);appearance:none;border-radius:8px;padding:10px 12px}.add-villages .search:has(+.search-clear){padding-right:48px}.add-villages .search:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}.add-villages .search::-webkit-search-cancel-button{appearance:none;display:none}.search-clear{position:absolute;top:50%;right:0;transform:translateY(-50%)}.add-options{max-height:380px;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.add-option{align-items:center;gap:4px;display:flex}.add-option-link{min-width:0;color:var(--text);border-radius:8px;flex:1;grid-template-columns:48px minmax(0,1fr);align-items:center;column-gap:10px;padding:6px;text-decoration:none;display:grid}.add-option-link:focus-visible,.add-option-link:active{background:var(--bg)}@media (hover:hover){.add-option-link:hover{background:var(--bg)}.add-option-link:hover .add-option-name{text-decoration:underline}}.add-thumb{object-fit:cover;border-radius:6px;width:48px;height:48px}.add-option-text{min-width:0;display:grid}.add-option-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.add-option-name{font-weight:600}.add-option-cost{color:var(--accent-strong);font-size:.85rem}.add-open,.sheet-close{display:none}.pick-popup .maplibregl-popup-content{border-radius:var(--radius);background:var(--surface);color:var(--text);padding:0;overflow:hidden}.pick-popup .maplibregl-popup-close-button.icon-button{z-index:1;background:var(--fill) padding-box;border:2px solid #0000;position:absolute;top:2px;right:2px}.pick-thumb{object-fit:cover;width:100%;height:100px;display:block}.pick-body{font:.95rem var(--font-body);justify-items:start;gap:4px;padding:8px 12px 12px;display:grid}.pick-name{color:var(--text);font-size:1.05rem;font-weight:600}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}@media (width<=767px){.planner{grid-template-columns:1fr;height:auto}.planner-map{order:-1;height:40dvh;min-height:240px}.planner .route-map{min-height:240px}.planner-side{padding-bottom:calc(24px + env(safe-area-inset-bottom));border-right:0;overflow:visible}.add-open{top:calc(var(--header-h) + 8px);z-index:6;width:fit-content;box-shadow:var(--shadow);justify-content:center;margin:4px auto 12px;padding:10px 20px;display:flex;position:sticky}.add-open[hidden]{display:none}.add-villages{z-index:40;border:0;margin:0;padding:0 16px}.add-villages:not(.open){display:none}.add-villages.open{animation:.2s ease-out sheet-in}.add-title h2{margin:0 0 6px;font-size:1.2rem}.add-hint{display:none}.add-search{padding-bottom:8px}.sheet-close{place-items:center;display:inline-grid}.add-options{max-height:none;overflow:visible}.add-body{margin:0 -16px;padding:0 16px 16px}.trip-ends,.trip-settings{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.add-villages.open{animation:none}}@media print{.trip-title-button .icon{display:none}.planner{height:auto;display:block}.planner-side{border:0;padding:0;overflow:visible}.planner .route-map{break-inside:avoid;height:420px}.day{break-inside:avoid-page}.tl-node{break-inside:avoid}}.guide-backdrop{inset:var(--header-h) 0 0;z-index:60;background:#00000059;place-items:center;padding:16px;display:grid;position:fixed;overflow-y:auto}.guide{border-radius:var(--radius);background:var(--surface);width:min(560px,100%);color:var(--text);box-shadow:var(--shadow);padding:24px}.guide-progress{color:var(--muted);margin:0 0 4px;font-size:.9rem}.guide h2{margin:0 0 16px;font-size:1.5rem}.guide h2:focus{outline:none}.guide-step{animation:.2s ease-out guide-in}.guide-place{margin:0 0 16px;font-size:1.1rem}.guide-place .combo input{padding:12px 14px;font-size:1.05rem}.guide-choices{border:0;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;display:flex}.guide-choices legend{color:var(--muted);margin-bottom:8px;font-size:.9rem}.guide-choice{position:relative}.guide-choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.guide-choice span,.guide-choice-button{border:1px solid var(--border);background:var(--bg);min-width:52px;min-height:48px;color:var(--text);font:600 1rem var(--font-body);border-radius:999px;place-items:center;padding:8px 16px;display:inline-grid}.guide-choice-button{cursor:pointer}.guide-choice input:checked+span,.guide-choice-button.chosen{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.guide-choice input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}@media (hover:hover){.guide-choice:hover span,.guide-choice-button:hover{border-color:var(--accent)}}.guide-stepper{flex-wrap:wrap;align-items:center;gap:10px;margin:-4px 0 16px;display:flex}.guide-stepper>.icon-button{--fill:var(--bg)}.guide-stepper-value{border:1px solid var(--accent);background:var(--bg);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:96px;min-height:48px;padding:8px 16px;font-weight:600;display:inline-grid}.guide-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;display:flex}.guide-skip{margin-right:auto}@keyframes guide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@media (width<=767px){.guide-backdrop{background:var(--surface);place-items:stretch stretch;padding:0}.guide{width:100%;min-height:100%;box-shadow:none;padding:20px 16px calc(24px + env(safe-area-inset-bottom));border-radius:0}}@media (prefers-reduced-motion:reduce){.guide-step{animation:none}.add-toggle .icon:last-child{transition:none}}