/* Shared appearance tokens keep every view, dialog, and map control in sync. */
:root {
  color-scheme: light;
  --bg:#f7f8fb;--surface:#ffffff;--surface-muted:#f3f4f8;--ink:#262735;
  --muted:#707483;--line:#e5e7ef;--map-land:#e1e3eb;--map-border:#ffffff;
  --map-dot:#d4d7e2;--danger:#a04456;--shadow:0 12px 40px #1c223214;
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --bg:#131720;--surface:#1b202b;--surface-muted:#242b38;--ink:#ecedf5;
  --muted:#a4adbe;--line:#333b4c;--map-land:#3b4556;--map-border:#1b202b;
  --map-dot:#323c4d;--danger:#ee9daf;--shadow:0 12px 40px #00000038;
}
body{background:var(--bg);color:var(--ink)}
/* Community picks: compact lists and inline contribution/sign-in forms. */
.community-panel{min-width:0}
.community-connection,.community-signin{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:12px;padding:18px 20px;margin-bottom:22px;font-size:1rem}
.community-connection p,.community-signin p{color:var(--muted);font-size:.875rem;line-height:1.6;margin:7px 0 12px}
.community-signin summary{cursor:pointer;font-weight:600;color:var(--purple)}
.community-account{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:0 0 20px;font-size:.875rem;color:var(--muted);overflow-wrap:anywhere}
.community-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.community-list-heading h3{font-size:20px;line-height:1.4;margin:0;letter-spacing:-.4px}
.community-list-heading p{font-size:.875rem;color:var(--muted);margin:5px 0 0}
.community-editor,.community-filters{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:22px}
.community-editor h3{font-size:22px;margin:0 0 22px;outline:none}
.community-editor-form{display:grid;gap:17px;max-width:840px}
.community-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.community-panel label{display:grid;gap:8px;font-size:.875rem;font-weight:600;color:var(--ink)}
.community-panel label>span:not(.community-fixed-city){color:var(--muted);font-size:.875rem;font-weight:400}
.community-panel input,.community-panel select,.community-panel textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:11px 12px;background:var(--surface-muted);color:var(--ink);font:inherit;font-size:1rem;font-weight:400;min-height:46px}
.community-panel textarea{resize:vertical;line-height:1.6}
.community-panel input::placeholder,.community-panel textarea::placeholder{color:var(--muted);opacity:1}
.community-fixed-city{display:block;min-height:46px;padding:11px 12px;background:var(--surface-muted);border-radius:8px;font-weight:400;overflow-wrap:anywhere}
.community-auth-form{display:grid;gap:14px;max-width:460px;margin-top:18px}
.community-auth-form>.button{justify-self:start}
.community-code{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}
.community-share-note,.community-city-status,.community-auth-status{margin:0;font-size:.875rem;color:var(--muted);line-height:1.6}
.community-editor-actions,.community-entry-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.community-entry-actions{margin-top:20px}
.community-remove-confirm{font-size:.875rem;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.community-notice,.community-form-error{font-size:.875rem;line-height:1.6;padding:12px 14px;border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:8px;overflow-wrap:anywhere}
.community-form-error{color:var(--danger)}
.community-city-results{max-height:245px;overflow:auto;border:1px solid var(--line);border-radius:8px;margin-top:8px;background:var(--surface)}
.community-city-results button{display:grid;gap:3px;width:100%;text-align:left;padding:10px 12px;background:transparent;color:var(--ink);min-height:56px}
.community-city-results button:hover,.community-city-results button:focus-visible{background:var(--accent-soft)}
.community-city-results strong{font-size:1rem;font-weight:600}.community-city-results span{font-size:.875rem;color:var(--muted)}
.community-filters{display:grid;gap:17px}.community-filter-city{max-width:520px}
.community-category-filter{display:flex;flex-wrap:wrap;gap:8px}
.community-category-filter button{min-height:42px;padding:9px 15px;border-radius:7px;background:var(--surface-muted);color:var(--muted);font-size:.875rem}
.community-category-filter button[aria-pressed="true"]{background:var(--accent-soft);color:var(--purple);font-weight:600}
.community-filters>[data-community-clear-city]{justify-self:start}
.community-list{display:grid;gap:10px}.community-list .place-suggestion{background:var(--surface)}
.community-entry-meta{display:block;margin-top:5px;color:var(--muted);font-size:.875rem;font-weight:400;line-height:1.5;overflow-wrap:anywhere}
.community-author{font-size:.875rem;color:var(--muted);margin:0 0 12px}
.community-description{white-space:pre-wrap;overflow-wrap:anywhere}
.community-empty{padding:35px 24px;border:1px dashed var(--line);border-radius:12px;text-align:center;background:var(--surface)}
.community-empty h3{font-size:20px;margin:0 0 8px}.community-empty p,.community-loading{font-size:1rem;color:var(--muted);line-height:1.65;margin:0}
.community-pager:not(:empty),.community-refresh{margin-top:20px}
.community-panel .text-button{font-size:.875rem}
@media(max-width:700px){.community-list-heading{align-items:flex-start;flex-direction:column}.community-form-grid{grid-template-columns:minmax(0,1fr)}.community-editor,.community-filters{padding:17px}.community-code{grid-template-columns:minmax(0,1fr)}.community-category-filter{display:grid;grid-template-columns:1fr 1fr}}
/* Main-screen city search stays inline with the atlas, in either theme. */
.bucket-notice{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:13px 17px;margin-bottom:20px;background:var(--accent-soft);color:var(--purple);border:1px solid var(--accent-line);border-radius:9px;font-size:.875rem;line-height:1.6}
.bucket-editor{max-width:800px;padding:25px;margin-bottom:26px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.bucket-editor h2{font-size:22px;letter-spacing:-.5px;margin:0 0 20px;outline:none}
.bucket-editor label{display:block;font-size:.875rem;font-weight:600;color:var(--ink);margin-bottom:8px}
.bucket-editor label>span{font-weight:400;color:var(--muted);margin-left:7px}
.bucket-editor textarea{display:block;width:100%;min-height:96px;margin-top:9px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface-muted);color:var(--ink);font:inherit;font-size:1rem;line-height:1.6;resize:vertical}
.bucket-editor .bucket-place-search{margin-bottom:0;min-width:0;background:var(--surface-muted)}
.bucket-editor .home-city-input{padding:6px 14px;min-height:52px}
.bucket-editor .home-city-input>.icon{color:var(--purple)}
.bucket-field-help{color:var(--muted);font-size:.875rem;line-height:1.6;margin:8px 0 20px}
.bucket-editor-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.bucket-editor-actions .button{min-height:44px}
.bucket-form-error{padding:10px 13px;margin:16px 0 0;border:1px solid var(--line);border-radius:8px;color:var(--danger);font-size:.875rem;line-height:1.6}
.bucket-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin:0 0 20px}
.bucket-filters{display:flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--surface-muted)}
.bucket-filters button{padding:9px 14px;border-radius:6px;background:transparent;color:var(--muted);font-size:.875rem;min-height:40px}
.bucket-filters button[aria-pressed="true"]{background:var(--surface);color:var(--purple);font-weight:600;box-shadow:0 2px 5px #00000008}
#bucket-summary{margin:0;font-size:.875rem;color:var(--muted)}
.bucket-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.bucket-item{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--surface)}
.bucket-item-heading{display:flex;align-items:flex-start;gap:12px}
.bucket-item-heading>input{appearance:auto;accent-color:var(--accent);width:20px;height:20px;min-width:20px;margin:5px 0 0;cursor:pointer}
.bucket-item-heading>div{min-width:0;flex:1}
.bucket-item-location{font-size:.875rem;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}
.bucket-item h2{font-size:22px;letter-spacing:-.6px;line-height:1.4;margin:5px 0 0;overflow-wrap:anywhere}
.bucket-item-state{font-size:12px;color:var(--purple);background:var(--accent-soft);border-radius:5px;padding:4px 7px;white-space:nowrap;margin-top:2px}
.bucket-item.completed .bucket-item-state{color:var(--muted);background:var(--surface-muted)}
.bucket-item-note{margin:16px 0 0;font-size:.875rem;color:var(--muted);line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.bucket-item-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin-top:20px}
.bucket-item-actions .text-button{min-height:36px;display:inline-flex;align-items:center;font-size:.875rem}
.bucket-item-actions .bucket-remove{color:var(--muted);margin-left:auto}
.bucket-empty{grid-column:1/-1;padding:56px 22px;text-align:center;border:1px dashed var(--line);border-radius:14px;background:var(--surface)}
.bucket-empty-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 18px;border-radius:14px;color:var(--purple);background:var(--accent-soft)}
.bucket-empty-icon>.icon{width:25px;height:25px}
.bucket-empty h2{font-size:24px;letter-spacing:-.6px;margin:0 0 9px}
.bucket-empty p{max-width:470px;margin:0 auto 22px;line-height:1.7;color:var(--muted);font-size:1rem}
.bucket-local-note{font-size:12px;color:var(--muted);margin:20px 0 0}
.destination-bucket-button{margin-top:16px;font-size:.875rem;min-height:40px}
.destination-bucket-button:disabled{cursor:default;opacity:1;background:var(--surface-muted);color:var(--muted)}
@media(max-width:900px){.bucket-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.bucket-editor,.bucket-item{padding:18px}.bucket-item-heading{flex-wrap:wrap}.bucket-item-heading>div{flex-basis:calc(100% - 32px)}.bucket-item-state{margin-left:32px}.bucket-filters{width:100%;gap:3px}.bucket-filters button{flex:1;padding:9px 8px}.bucket-empty{padding:40px 18px}.destination-bucket-button{white-space:normal;text-align:left}}
.home-city-search{margin:0 0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.home-city-search:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px var(--accent-soft)}
.home-city-input{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;min-height:62px}
.home-city-input>span{color:var(--purple);flex-shrink:0}
.home-city-input input{flex:1;min-width:0;width:100%;border:0;padding:10px 0;background:transparent;color:var(--ink);font:inherit;font-size:1rem;outline:none;outline-offset:0}
.home-city-input input:focus-visible{outline:none}
.home-city-input input::placeholder{color:var(--muted);opacity:1}
.home-city-input .button{min-height:44px;padding:10px 22px;font-size:.875rem}
.home-city-status{color:var(--muted);font-size:.875rem;line-height:1.5;padding:12px 18px 0;margin:0;border-top:1px solid var(--line)}
.home-city-status:last-child,.home-city-status:has(+[hidden]){padding-bottom:14px}
.home-city-results{list-style:none;padding:6px;margin:0;max-height:340px;overflow-y:auto;overscroll-behavior:contain}
.home-city-option{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:7px;padding:11px 12px;cursor:pointer;min-height:60px}
.home-city-option>span:first-child{min-width:0;display:grid;gap:2px;overflow-wrap:anywhere}
.home-city-option strong{font-size:1rem;font-weight:600;color:var(--ink)}
.home-city-option small{font-size:.875rem;color:var(--muted)}
.home-city-marker{color:var(--purple);font-size:20px;flex-shrink:0}
.home-city-option:hover,.home-city-option[aria-selected="true"]{background:var(--accent-soft)}
.home-search-help{margin:0;padding:0 18px 14px;color:var(--muted);font-size:.875rem;line-height:1.6}
.home-city-option[data-place-type="activity"]{border-top:1px solid var(--line);border-radius:0 0 7px 7px;margin-top:4px;padding-top:14px}
.home-city-option[data-place-type="activity"] strong{color:var(--purple)}
.home-activity-results{padding:24px;margin-top:22px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.activity-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
.activity-heading>div{min-width:0;flex:1}
.activity-heading h2{margin:8px 0 0;font-family:'Manrope',sans-serif;font-size:1.75rem;line-height:1.35;overflow-wrap:anywhere}
.activity-heading .button{flex-shrink:0;min-height:44px}
.activity-source{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:16px 0;border-bottom:1px solid var(--line);padding-bottom:16px}
.activity-source p{color:var(--muted);font-size:.875rem;line-height:1.6;margin:0;flex:1;min-width:200px}
.activity-status{margin:16px 0;color:var(--muted);font-size:.875rem;line-height:1.6}
.activity-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}
.activity-actions:has(>[hidden]):not(:has(>:not([hidden]))){display:none}
@media(max-width:600px){.home-search-help{padding-inline:12px}.home-activity-results{padding:18px}.activity-heading{gap:14px}.activity-heading h2{font-size:1.4rem}.activity-heading>div{flex-basis:100%}}
@media(max-width:600px){.home-city-input{gap:10px;padding-left:12px}.home-city-input .button{padding-inline:14px}.home-city-input input::placeholder{font-size:.875rem}.home-city-results{max-height:290px}.home-city-option{padding:11px 8px}}
.sidebar,.topbar,.map-card,dialog,.map-controls,.map-controls button,.place-result,.journal-entry,.empty-state{background:var(--surface);border-color:var(--line)}
.brand,.breadcrumb strong{color:var(--ink)}
.brand-icon,.button.primary{background:var(--accent);color:var(--on-accent)}
.button.primary{box-shadow:0 4px 10px #00000012}
.button.primary:hover{background:var(--accent);filter:brightness(.93)}
.nav-item,.nav-label,.sidebar-bottom p,.local-badge,.top-right,.breadcrumb,.eyebrow,.stat div>span,.stat.stat-message,.stat-message strong,.map-toolbar p,.map-footer,.section-heading>span,.quote-author,.quote-bottom,.page-footer,.page-footer button,.place-result span,.detail-intro,.detail-tabs button,.guide-item p,.guide-fallback,.visit-editor label,.save-notice,.journal-entry small,.inspiration-large p,.next-quote{color:var(--muted)}
.nav-item.active,.nav-item:hover,.button.secondary,.stat-icon,.avatar,.quote-card,.inspiration-large,.notice{background:var(--accent-soft);color:var(--purple)}
.nav-count{background:var(--accent-tint);color:var(--purple)}
.nav-item.active .nav-count{color:var(--purple)}
.avatar{border-color:var(--surface);outline-color:var(--line)}
.stat,.quote-bottom,.map-footer,.guide-item,.search-box,.visit-editor,.detail-tabs,.local-badge{border-color:var(--line)}
.quote-card{border-color:var(--accent-line)}
.quote-label,.quote-card blockquote,.quote-mark,.inspiration-large>.icon{color:var(--purple)}
.tag,.segmented,.icon-button,.mini-progress{background:var(--surface-muted);color:var(--muted);border-color:var(--line)}
.segmented button{color:var(--muted)}
.segmented button.selected{background:var(--surface);color:var(--purple)}
.map-controls button{color:var(--muted);border-color:var(--line)}
.map-controls button:hover,.place-result:hover{background:var(--accent-soft);color:var(--purple)}
.map-stage{background-image:radial-gradient(var(--map-dot) .7px,transparent .7px)}
.country{fill:var(--map-land);stroke:var(--map-border)}
.country.visited{fill:var(--place-color,var(--visited-color))}
.us-state{stroke-width:.65}
.country:hover{fill:var(--map-hover);stroke:var(--purple);stroke-width:1.5}
.country.visited:hover{fill:var(--place-color,var(--visited-color));fill:color-mix(in srgb,var(--place-color,var(--visited-color)) 70%,var(--ink));stroke:var(--ink);stroke-width:1.5}
/* Returning focus to a destination must not paint it as hovered. */
.country:focus-visible{stroke:var(--ink);stroke-width:2.5}
.legend i{background:var(--map-land)}
.legend i.visited-key{background:var(--visited-color)}
#map-tooltip,#toast{background:var(--ink);color:var(--surface);box-shadow:var(--shadow)}
.place-result .visited-label,.detail-tabs button[aria-selected="true"]{color:var(--purple)}
.detail-tabs button[aria-selected="true"]{border-bottom-color:var(--purple)}
.detail-hero{background:var(--accent-soft)}
.detail-hero.no-image{background:var(--accent)}
.detail-hero .icon-button{background:var(--surface);color:var(--ink)}
.visit-editor input,.visit-editor textarea,.search-box input{background:var(--surface-muted);border-color:var(--line);color:var(--ink)}
.search-box{background:var(--surface-muted)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.9}

.journal-entry{border-top:3px solid var(--place-color,var(--visited-color))}
.journal-entry .entry-icon{color:var(--place-color,var(--purple))}
.journal-entry:hover{border-color:var(--purple)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--purple)}
dialog{box-shadow:var(--shadow)}
dialog::backdrop{background:#070b1666}
:root[data-theme="dark"] dialog::backdrop{background:#05070bbb}
.header-control{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-width:38px;min-height:38px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;padding:8px;font-size:14px}
.header-control:hover{color:var(--purple);background:var(--accent-soft);border-color:var(--accent-line)}
.header-control .sun-icon{display:none}
[data-theme="dark"] .header-control .moon-icon{display:none}
[data-theme="dark"] .header-control .sun-icon{display:block}
.top-right{gap:12px}.appearance-label{padding-right:3px}
.appearance-section{margin:0 0 24px;padding:0;border:0;min-width:0}
.appearance-section legend,.appearance-section h3,.visit-color-field legend{font-family:Manrope,sans-serif;font-size:16px;font-weight:700;margin:0 0 10px;padding:0;color:var(--ink)}
.appearance-section p,.visit-color-field p{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 14px}
.theme-options{display:grid;grid-template-columns:1fr 1fr 1.65fr;gap:8px}
.theme-options label{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:9px;background:var(--surface-muted);padding:12px 8px;cursor:pointer;font-size:14px}
.theme-options label:has(input:checked){background:var(--accent-soft);color:var(--purple);border-color:var(--purple)}
.theme-options input{accent-color:var(--accent);margin:0}
.color-swatches{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.color-swatch{width:36px;height:36px;border:3px solid var(--surface);outline:1px solid var(--line);background:var(--swatch);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:18px}
.color-swatch span{visibility:hidden;text-shadow:0 1px 3px #000b}
.color-swatch[aria-pressed="true"]{outline:2px solid var(--purple)}
.color-swatch[aria-pressed="true"] span{visibility:visible}
.color-swatch:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.color-picker-row,.visit-editor label.color-picker-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface-muted);font-size:14px;color:var(--ink);margin:12px 0}
.color-picker-row small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
input[type="color"],.visit-editor input[type="color"]{width:44px;height:38px;padding:3px;border:1px solid var(--line);border-radius:7px;background:var(--surface);cursor:pointer;flex-shrink:0}
input[type="color"]::-webkit-color-swatch-wrapper{padding:1px}
input[type="color"]::-webkit-color-swatch{border:0;border-radius:3px}
.text-button{background:transparent;color:var(--purple);font-size:14px;padding:4px 0;text-decoration:underline;text-underline-offset:3px}
.appearance-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;gap:15px}
.visit-color-field{padding:0;margin:7px 0 22px;min-width:0;border:0}
.visit-editor label.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.visit-editor .checkbox-row input{width:16px;height:16px;margin:0;accent-color:var(--accent)}
.visit-color-field p{font-size:12px;margin:0}
@media(max-width:960px){.top-right #today{display:none}}
@media(max-width:650px){.top-right .avatar,.appearance-label{display:none}.top-right{gap:8px}.header-control{min-width:36px;min-height:36px;padding:7px}.breadcrumb{gap:8px;font-size:11px}.theme-options{grid-template-columns:1fr 1fr}.theme-options label:last-child{grid-column:1/-1}.color-swatches{gap:10px}}

/* Saved colors are painted directly on each path; hover never erases them. */
.country:not(.visited):hover{fill:var(--map-hover)!important}
.country.visited:hover{filter:none;fill:color-mix(in srgb,var(--place-color,var(--visited-color)) 82%,#fff)!important;stroke:var(--ink)}
#map-tooltip{left:0;top:0;will-change:transform}
.map-navigation{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.map-navigation:has(button[hidden]):not(:has(button:not([hidden]))){display:none}
.map-stage.states-view{height:clamp(410px,48vw,650px)}
.state-label{font-family:var(--font);font-size:12px;font-weight:650;text-anchor:middle;dominant-baseline:middle;pointer-events:none;user-select:none}
@media(max-width:650px){.map-stage.states-view{height:360px}.map-navigation{justify-content:flex-start;gap:12px}.map-navigation .button{font-size:13px;padding:9px 12px}.map-navigation .text-button{font-size:12px}.map-toolbar h2{flex-wrap:wrap}}

/* The whole U.S. shares one hit area and hover outline in the world view. */
.us-country-hit{cursor:pointer;vector-effect:non-scaling-stroke;stroke-width:1.6;outline:none;transition:stroke .16s}
.us-country-hit:hover,.us-country-hit:focus-visible{stroke:var(--purple);stroke-width:2}
.antarctica-land{fill:var(--map-land);stroke:var(--map-border);stroke-width:.8;vector-effect:non-scaling-stroke;pointer-events:none}
.map-stage:not(.states-view){height:clamp(320px,37vw,500px)}
@media(max-width:650px){.map-stage:not(.states-view){height:290px}}
/* City stops and local destination maps. */
.city-map-section{margin:18px 0 24px}
/* Trip planner */
#planner-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin-bottom:20px;background:var(--accent-soft);color:var(--purple);border-radius:9px;font-size:14px;line-height:1.5}
#planner-notice[hidden]{display:none}
.planner-empty{padding:60px 24px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:15px}
.planner-empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:var(--accent-soft);color:var(--purple);margin:0 auto 20px}
.planner-empty-icon .icon{width:30px;height:30px}.planner-empty h2{font-size:27px;letter-spacing:-.6px;margin:0 0 12px}
.planner-empty p{max-width:420px;margin:0 auto 24px;font-size:16px;color:var(--muted);line-height:1.7}
.planner-empty small{display:block;margin-top:20px;font-size:13px;color:var(--muted)}
.planner-switcher{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}
.planner-switcher label{font-size:14px;color:var(--muted)}
.planner-switcher select{max-width:100%;min-width:220px;flex:1;font-size:16px;padding:11px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}
.planner-overview{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 28px;border:1px solid var(--accent-line);border-left:4px solid var(--purple);border-radius:12px;background:var(--surface);margin-bottom:24px}
.planner-overview .eyebrow{font-size:13px;letter-spacing:.4px;color:var(--purple)}
.planner-overview h2{font-size:29px;letter-spacing:-.7px;margin:6px 0 8px;overflow-wrap:anywhere}
.planner-overview p{font-size:15px;color:var(--muted);line-height:1.6;margin:0 0 10px}.planner-booked{font-size:13px;color:var(--muted)}
.planner-total{text-align:right;flex-shrink:0;display:grid;gap:7px}.planner-total>span{font-size:13px;color:var(--muted)}
.planner-total strong{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1px;color:var(--purple)}
.planner-total small{font-size:12px;color:var(--muted)}
.planner-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.planner-category{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:18px;min-width:0}
.planner-category-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.planner-category-heading h3{font-size:18px;margin:0;letter-spacing:-.4px}
.planner-category-heading>span:last-child{margin-left:auto;font-size:13px;color:var(--muted)}
.planner-category-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--accent-soft);color:var(--purple)}
.planner-add{width:100%;font-size:14px;padding:10px}.planner-category-empty{font-size:14px;line-height:1.7;color:var(--muted);margin:20px 0 8px}
.planner-bookings{margin-top:16px}.planner-booking{border-top:1px solid var(--line);overflow-wrap:anywhere}
.planner-booking>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;padding:15px 0}
.planner-booking>summary::-webkit-details-marker{display:none}.planner-booking>summary:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.planner-booking summary strong{display:block;font-size:16px;line-height:1.5}.planner-booking summary small{display:block;font-size:13px;color:var(--muted);line-height:1.5;margin:5px 0}
.planner-status{display:inline-block;font-size:12px;background:var(--surface-muted);color:var(--muted);padding:3px 7px;border-radius:5px;margin-top:3px}
.planner-status.booked{background:var(--accent-soft);color:var(--purple)}
.planner-booking-cost{text-align:right;flex-shrink:0;font-size:12px;line-height:1.8;color:var(--muted);max-width:40%}.planner-booking-cost>span{display:block;font-size:18px}
.planner-booking-body{padding-bottom:15px}.planner-booking-body dl{display:grid;gap:12px;margin:0 0 16px}.planner-booking-body dt{font-size:12px;color:var(--muted);margin-bottom:3px}.planner-booking-body dd{margin:0;font-size:14px;line-height:1.5}
.planner-booking-body p,.planner-trip-notes p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.7}
.planner-booking-body>a{font-size:13px;color:var(--purple)}.planner-booking-actions{display:flex;justify-content:space-between;gap:12px;margin-top:14px}
.planner-delete{color:var(--danger)}.planner-trip-notes{margin-top:24px;padding:20px 24px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.planner-trip-notes h3{font-size:17px;margin:0 0 10px}.planner-trip-notes p{margin:0;color:var(--muted)}
.planner-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;font-size:12px;color:var(--muted)}
.planner-form label{display:block;font-size:14px;line-height:1.5;margin-bottom:15px;color:var(--muted)}
.planner-form input,.planner-form select,.planner-form textarea{display:block;width:100%;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);color:var(--ink);font:inherit;font-size:16px;margin-top:6px}.planner-form textarea{resize:vertical}
.planner-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.planner-form-grid label:has(#planner-number),.planner-form-grid label:has(#planner-location),.planner-form-grid label:has(#planner-room),.planner-form-grid label:has(#planner-vehicle){grid-column:1/-1}
.planner-field-hint{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 16px}.planner-form-error{font-size:14px;color:var(--danger);line-height:1.6}
.planner-form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}
@media(max-width:1150px){.planner-columns{grid-template-columns:1fr}.planner-booking-body dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sidebar{height:82px}.app-shell{padding-bottom:82px}.sidebar .nav-item{padding:5px 6px;font-size:12px;line-height:1.2;flex:1;min-width:0;white-space:normal;text-align:center}.sidebar nav{gap:2px}.sidebar .nav-count{display:none}.planner-overview{align-items:flex-start;flex-direction:column;padding:22px}.planner-total{text-align:left;width:100%;border-top:1px solid var(--line);padding-top:16px}.planner-switcher select{min-width:0;width:100%;flex-basis:70%}.planner-form-grid{grid-template-columns:1fr}.planner-footer{align-items:flex-start;flex-direction:column;gap:10px}.planner-overview h2{font-size:25px}}
.guide-area-label{display:grid;gap:7px;font-size:14px;color:var(--muted);margin:18px 0}
.guide-city-browser{margin:18px 0;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.guide-city-browser>summary{padding:13px 15px;cursor:pointer;font-size:14px;color:var(--muted)}
.guide-city-selection{font-size:15px;font-weight:600;color:var(--ink);margin-left:12px;overflow-wrap:anywhere}
.guide-city-browser-body{padding:0 15px 15px}
.guide-city-browser-body>label{display:block;font-size:14px;margin:4px 0 8px}
#guide-city-search{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);color:var(--ink);font:inherit;font-size:16px}
.guide-city-status,.guide-city-coverage{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0}
.guide-city-results{max-height:270px;overflow:auto;overscroll-behavior:contain}
.guide-city-result{display:flex;flex-direction:column;gap:3px;width:100%;padding:10px;text-align:left;color:var(--ink);background:var(--surface);border-bottom:1px solid var(--line);font-size:15px}
.guide-city-result:hover,.guide-city-result:focus-visible{background:var(--accent-soft)}
.guide-city-result span{font-size:13px;color:var(--muted)}
.guide-city-pages{display:flex;justify-content:space-between;margin:10px 0}.guide-city-pages[hidden]{display:none}
.guide-city-pages button:disabled{opacity:.4;cursor:default}
.guide-city-reset{margin-top:10px}
.guide-provider-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px;font-size:14px;color:var(--muted)}
.guide-provider-row select,.google-save-form select{max-width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:7px;font:inherit;color:var(--ink);background:var(--surface)}
.guide-connection-hint{font-size:14px;line-height:1.6;color:var(--muted);margin:10px 0}
.google-results{border-top:1px solid var(--line);margin-top:16px}
.google-attribution{display:inline-block;font-family:inherit;font-style:normal;font-weight:400;font-size:14px;letter-spacing:normal;white-space:nowrap;color:#5e5e5e}
[data-theme="dark"] .google-attribution{color:#fff}
.google-result-scope{font-size:14px;line-height:1.6;margin:0 0 16px;color:var(--muted)}
.google-place-meta{display:block;color:var(--muted);font-size:14px;line-height:1.6;margin-top:3px;font-weight:400}
.google-place .suggestion-content{display:flex;flex-direction:column;gap:14px}
.google-place .suggestion-address,.google-place .suggestion-description,.google-open-status{margin:0}
.google-open-status{font-size:14px;color:var(--ink)}
.google-place-photo{margin:0;max-width:100%}.google-place-photo img{display:block;width:100%;height:auto;max-height:270px;object-fit:cover;border-radius:7px}
.google-place-photo figcaption,.google-photo-credit{font-size:13px;line-height:1.6;color:var(--muted);margin:6px 0 0}
.google-photo-placeholder{min-height:130px;display:grid;place-items:center;background:var(--surface-muted);color:var(--muted);font-size:14px;border-radius:7px}
.google-hours{font-size:14px;line-height:1.8;color:var(--muted)}.google-hours summary{cursor:pointer;color:var(--ink)}.google-hours ul{list-style:none;padding:0;margin:8px 0 0}
.google-place-links{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:14px;line-height:1.6}
.google-save-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.google-save-form label{display:grid;gap:7px;font-size:14px;flex:1;min-width:150px}.google-save-form select{width:100%}
.google-save-form .button{font-size:14px;padding:11px 16px;min-height:40px}.google-save-status{flex-basis:100%;font-size:14px;line-height:1.6;margin:0;color:var(--muted)}
.google-save-empty{font-size:14px;color:var(--muted);margin:0}.google-policy-links{display:flex;gap:16px;font-size:13px;margin-top:12px}
.google-saved-category{margin-top:20px}.google-saved-body{padding:0 16px 16px}.google-saved-entry{padding:12px 0;border-bottom:1px solid var(--line)}.google-saved-entry:last-child{border-bottom:0}.google-saved-entry>.text-button{margin:8px 0 0;font-size:14px}
.google-saved-place>p{font-size:14px;line-height:1.6;color:var(--muted)}.google-saved-place .place-suggestion>summary{padding:10px 0}.google-saved-place .suggestion-content{padding:0 0 12px}
.destination-map-sidebar[hidden]{display:none}
.guide-area-label select{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-muted);color:var(--ink);font:inherit;font-size:16px}
.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 14px}
.guide-heading h3{margin:3px 0 0;font-size:20px;letter-spacing:-.5px;overflow-wrap:anywhere}
.guide-kicker{font-size:12px;color:var(--purple);font-weight:600}
.guide-count{font-size:13px;color:var(--muted);white-space:nowrap}
.place-suggestions{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.place-suggestion{overflow-wrap:anywhere}
.place-suggestion+.place-suggestion{border-top:1px solid var(--line)}
.place-suggestion>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 16px;cursor:pointer;list-style:none;color:var(--ink)}
.place-suggestion>summary::-webkit-details-marker{display:none}
.place-suggestion>summary:hover{background:var(--surface-muted)}
.place-suggestion>summary:focus-visible{outline:2px solid var(--purple);outline-offset:-3px;border-radius:5px}
.suggestion-name{font-size:16px;line-height:1.5;font-weight:600}
.suggestion-chevron{width:18px;height:18px;flex-shrink:0;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.place-suggestion[open]>summary{color:var(--purple)}
.place-suggestion[open] .suggestion-chevron{transform:rotate(180deg);stroke:var(--purple)}
.suggestion-content{padding:0 16px 18px}
.suggestion-address{font-size:14px;color:var(--muted);line-height:1.5;margin:0 0 10px}
.suggestion-description{font-size:16px;line-height:1.65;color:var(--ink);margin:0}
.suggestion-website{display:inline-block;font-size:13px;margin-top:13px;color:var(--purple);text-underline-offset:3px}
.guide-more{width:100%;margin-top:12px}
.guide-footnote,.guide-attribution{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 0 0}
.guide-attribution summary{cursor:pointer}.guide-attribution p{margin:8px 0}
.guide-loading{display:flex;align-items:center;gap:10px;padding:30px 4px;font-size:16px;color:var(--muted)}
.guide-loading-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:var(--purple);animation:guide-pulse 1s ease-in-out infinite alternate}
.guide-empty{padding:18px 0}.guide-empty h3,.guide-empty h4{font-size:17px;margin:0 0 8px}.guide-empty p{font-size:16px;color:var(--muted);line-height:1.6}
@keyframes guide-pulse{to{opacity:.3}}
@media(prefers-reduced-motion:reduce){.guide-loading-dot{animation:none}}
.city-map-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.city-map-heading h3{font-size:16px;margin:0;letter-spacing:-.3px}
.city-map-heading>span{margin-left:auto;color:var(--muted);font-size:12px}
.city-map-heading button{font-size:12px}
.city-map-wrap{position:relative;border:1px solid var(--line);background:var(--surface-muted);border-radius:10px;overflow:hidden}
#destination-city-map{width:100%;height:auto;display:block;min-height:200px}
.city-region{fill:var(--accent-soft);stroke:var(--accent-line);stroke-width:1.2;vector-effect:non-scaling-stroke}
.city-state-outline{fill:none;stroke:var(--accent-line);stroke-width:.7;vector-effect:non-scaling-stroke;pointer-events:none}
.city-map-tip{position:absolute;bottom:10px;left:12px;right:12px;text-align:center;font-size:12px;color:var(--muted);pointer-events:none;background:var(--surface);border-radius:5px;padding:5px 7px}
.city-pin-caption{color:var(--muted);font-size:12px;min-height:18px;margin:7px 0 0}
.visited-city-pin{cursor:pointer;outline:none;filter:drop-shadow(0 2px 2px #0004)}
.city-pin-tooltip{position:absolute;z-index:12;pointer-events:none;max-width:calc(100% - 16px);padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);box-shadow:0 3px 12px #0002;font-size:12px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.visited-city-pin:hover path,.visited-city-pin:focus-visible path,.visited-city-pin.selected path{stroke:var(--ink);stroke-width:2.5}
.placing-city-pin{cursor:crosshair}
.manual-pin-point{fill:var(--purple);stroke:var(--surface);stroke-width:2}
.city-editor{border:0;padding:0;margin:7px 0 22px;min-width:0}
.city-editor legend{font-family:Manrope,sans-serif;font-size:16px;font-weight:700;margin-bottom:6px;padding:0}
.city-editor>p{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 12px}
.city-editor .city-status,.city-status{font-size:12px;color:var(--muted);line-height:1.5;margin:8px 0}
.city-results{max-height:240px;overflow-y:auto;overscroll-behavior:contain;border-radius:8px}
.city-result{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;background:var(--surface-muted);border-bottom:1px solid var(--line);color:var(--ink);font-size:14px}
.city-result:hover{background:var(--accent-soft)}
.city-result strong,.city-chip strong{font-size:14px;font-weight:600;display:block}
.city-result small,.city-chip small{font-size:12px;color:var(--muted);display:block;margin-top:2px}
.city-result>span:last-child{color:var(--purple);font-size:20px}
.city-result:disabled{cursor:default;opacity:.55}
.city-draft-list{display:grid;gap:7px;margin:12px 0}
.city-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--accent-line);background:var(--accent-soft);padding:9px 11px;border-radius:8px;color:var(--ink)}
.city-chip button{background:transparent;color:var(--muted);font-size:22px;min-width:32px;min-height:32px;border-radius:5px}
.city-chip button:hover{color:var(--danger);background:var(--surface)}
.manual-city{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}
.manual-city summary{font-size:13px;color:var(--purple);cursor:pointer;margin-bottom:12px}
.manual-city .button{white-space:normal;text-align:left;font-size:13px}
.journal-city-summary{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:var(--purple);margin:8px 0 12px;overflow-wrap:anywhere}
.journal-city-summary .icon{width:16px;height:16px;margin-top:2px}
.manual-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
@media(max-width:650px){#destination-city-map{min-height:170px}.city-map-heading h3{font-size:15px}.city-map-tip{font-size:11px}.city-map-heading button{font-size:12px}.city-result,.city-chip{padding:10px}.manual-coordinates{grid-template-columns:1fr 1fr}}

/* Heading, tabs, and map share the left column; the active panel starts at the top right. */
.destination-workspace{max-width:1160px;margin:0 auto}
.destination-back{display:inline-flex;align-items:center;padding:4px 0;margin-bottom:22px;font-size:14px}
.destination-heading{grid-area:heading;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:0}
.destination-heading>div{min-width:0}.destination-heading h1{font-size:clamp(28px,3vw,40px);max-width:none;overflow-wrap:anywhere;outline:none}
.destination-heading-photo{width:80px;height:80px;object-fit:cover;border-radius:14px;flex-shrink:0}
.destination-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px;color:var(--muted);font-size:13px}
.destination-visit-status{display:inline-block;padding:4px 10px;border-radius:6px;background:var(--accent-soft);color:var(--purple);font-weight:500}
.destination-section-tabs{grid-area:tabs;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;background:var(--surface-muted);border:1px solid var(--line);border-radius:12px;width:100%;max-width:100%;margin:0}
.destination-section-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;background:transparent;color:var(--muted);font-size:15px;font-weight:600;border-radius:8px;padding:12px 10px;min-height:46px}
.destination-section-tabs button[aria-selected="true"]{background:var(--surface);color:var(--purple);box-shadow:0 2px 7px #0000000c}
.destination-section-tabs .icon{width:18px;height:18px}
.destination-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.5fr);grid-template-areas:"heading content" "tabs content" "map content";grid-template-rows:auto auto 1fr;gap:24px;align-items:start}
.destination-map-sidebar,.destination-content{background:var(--surface);border:1px solid var(--line);border-radius:16px;min-width:0}
.destination-map-sidebar{grid-area:map;padding:26px;align-self:start}
.destination-map-sidebar .city-map-section{margin:0}
.destination-map-sidebar #destination-city-map{min-height:0}
.destination-content{grid-area:content;padding:26px;align-self:start}
.destination-panel-title{font-size:22px;letter-spacing:-.5px;line-height:1.4;margin:0 0 12px}
.destination-workspace .detail-intro{margin-bottom:20px}
.destination-workspace .visit-editor{border:0;margin:0;padding:0}
.destination-workspace .visit-editor>label{font-size:14px;margin-bottom:22px}
.destination-workspace .visit-editor input:not([type="checkbox"]):not([type="color"]),.destination-workspace .visit-editor textarea{font-size:16px}
.destination-workspace .visit-editor textarea{min-height:112px}
.journal-photos-preview{margin:0 0 22px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted)}
.journal-photos-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.journal-photos-heading>.icon{color:var(--muted)}
.visit-editor .journal-photos-heading h3{font-size:16px;line-height:1.4;margin:0}
.journal-photos-badge{margin-left:auto;padding:4px 9px;border-radius:6px;background:var(--accent-soft);color:var(--purple);font-size:12px;font-weight:600;white-space:nowrap}
.journal-photos-preview p{margin:10px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}
.destination-color-settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 22px;padding:15px 0}
.destination-color-settings>summary{font-size:14px;font-weight:600;cursor:pointer;color:var(--ink)}
.destination-color-settings .visit-color-field{margin:16px 0 0}
.destination-color-settings .visit-color-field legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.destination-workspace .detail-actions{gap:16px;flex-wrap:wrap}
.destination-workspace .save-notice{font-size:12px;line-height:1.6}
@media(min-width:651px) and (max-width:1000px){.destination-layout{grid-template-columns:minmax(210px,.8fr) minmax(0,1.5fr);gap:18px}.destination-map-sidebar,.destination-content{padding:18px}}
@media(max-width:650px){.destination-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "tabs" "content" "map";grid-template-rows:auto;gap:18px}.destination-heading{gap:14px}.destination-heading-photo{width:84px;height:84px;border-radius:12px}.destination-back{margin-bottom:18px}.destination-section-tabs{width:100%;margin:0}.destination-section-tabs button{flex:1;padding:11px 12px}.destination-map-sidebar{padding:14px}.destination-map-sidebar #destination-city-map{height:155px;min-height:0}.destination-content{padding:18px}.destination-panel-title{font-size:20px}.destination-workspace .detail-tabs button{font-size:13px}}

/* Trip planner: search alongside a compact, expandable shortlist. */
.planner-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px;align-items:start}
.planner-search,.planner-saved{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}
.planner-overview{padding:22px 24px}.planner-overview h2{font-size:26px}.planner-total{max-width:280px}.planner-total small{line-height:1.5}
.planner-saved-heading,.travel-finder-heading,.travel-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.planner-saved-heading h3,.travel-finder-heading h3{font-size:23px;margin:0;letter-spacing:-.6px}.travel-finder-heading .eyebrow{font-size:10px}.travel-finder-heading a{font-size:13px;white-space:nowrap}
.planner-saved-heading>span{font-size:13px;color:var(--muted)}.planner-saved-intro{font-size:14px;color:var(--muted);margin:8px 0 22px}
.planner-saved .planner-columns{grid-template-columns:minmax(0,1fr);gap:12px}
.planner-saved .planner-category{padding:0 14px;background:var(--surface-muted);border-radius:10px}
.planner-saved .planner-category-heading{list-style:none;cursor:pointer;margin:0;padding:14px 0}.planner-saved .planner-category-heading::-webkit-details-marker{display:none}.planner-saved .planner-category-heading h3{font-size:16px}.planner-saved .planner-category-heading>span:last-child{white-space:nowrap}.planner-category[open] .planner-bookings{margin-bottom:14px}
.planner-saved .planner-booking>summary{gap:8px}.planner-booking-body .planner-quote-note{font-size:12px;color:var(--muted)}
.planner-saved .planner-booking-body dl{grid-template-columns:1fr}.planner-saved .planner-trip-notes{padding:16px;margin-top:18px}.planner-saved .planner-footer{flex-wrap:wrap;font-size:12px;gap:12px}
.planner-setup-link{display:inline-block;font-size:14px;margin-top:18px}
.travel-search-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;background:var(--surface-muted);border-radius:10px;margin-top:24px}
.travel-search-tabs button{background:transparent;border-radius:7px;padding:12px 5px;font-size:14px;color:var(--muted);min-height:44px}
.travel-search-tabs button[aria-selected="true"]{background:var(--surface);color:var(--purple);box-shadow:0 2px 6px #0000000c;font-weight:650}
.travel-connection{font-size:12px;color:var(--muted);line-height:1.6;margin:14px 0 22px}.travel-connection a{color:var(--purple)}
.travel-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
.travel-search-form label{display:grid;gap:7px;font-size:14px;color:var(--muted)}
.travel-search-form input:not([type="checkbox"]),.travel-search-form select{display:block;width:100%;min-width:0;border:1px solid var(--line);background:var(--surface-muted);color:var(--ink);border-radius:8px;padding:11px 12px;font:inherit;font-size:16px;min-height:46px}
.travel-search-form .travel-check{display:flex;align-items:center;gap:8px;font-size:14px;margin:15px 0}.travel-check input{width:17px;height:17px;accent-color:var(--purple)}
.travel-field-help{font-size:12px;color:var(--muted);line-height:1.6;margin:10px 0 17px}
.travel-search-form>.button{width:100%;margin-top:4px;min-height:46px}
.travel-location{position:relative;min-width:0}.travel-place-options{position:absolute;z-index:30;top:100%;left:0;right:0;max-height:245px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);margin-top:5px}
.travel-place-options button{display:block;width:100%;text-align:left;padding:12px;background:var(--surface);color:var(--ink);font-size:14px;line-height:1.5;border-bottom:1px solid var(--line)}.travel-place-options button:hover,.travel-place-options button:focus{background:var(--accent-soft)}.travel-place-options p{padding:12px;font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.travel-search-start{border-top:1px solid var(--line);padding:25px 0 6px}.travel-search-start h4{font-family:Manrope,sans-serif;font-size:18px;margin:0 0 8px}.travel-search-start p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
.travel-search-error{font-size:14px;line-height:1.6;padding:16px;border:1px solid var(--line);background:var(--surface-muted);color:var(--danger);border-radius:9px}
.travel-search-loading{display:flex;align-items:center;gap:12px;padding:25px 0;font-size:14px;color:var(--muted)}
.travel-results-heading{border-top:1px solid var(--line);padding-top:22px}.travel-results-heading h4{font-size:19px;margin:0}.travel-results-heading>span{font-size:12px;color:var(--muted)}
.travel-result{border:1px solid var(--line);border-radius:12px;margin-top:14px;padding:18px;overflow-wrap:anywhere}
.travel-result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.travel-result-type{font-size:10px;letter-spacing:1px;color:var(--purple);font-weight:650}.travel-result h4{font-size:18px;margin:5px 0;font-family:Manrope,sans-serif}.travel-result p{font-size:14px;line-height:1.6;color:var(--muted);margin:5px 0 12px}
.travel-result-price{text-align:right;max-width:45%;flex-shrink:0}.travel-result-price strong{font-size:20px;color:var(--ink);display:block}.travel-result-price small{font-size:12px;color:var(--muted);line-height:1.5;display:block;margin-top:5px}
.travel-result-details{margin:15px 0}.travel-result-details summary{cursor:pointer;color:var(--purple);font-size:14px;min-height:28px}.travel-result-details p{font-size:13px;white-space:pre-wrap}.travel-result>.button{min-height:44px}
.travel-flight-leg{display:grid;gap:4px;padding:12px 0;border-top:1px solid var(--line)}.travel-flight-leg>span,.travel-flight-leg small{font-size:12px;color:var(--muted)}.travel-flight-leg strong{font-size:14px;font-weight:500}
@media(max-width:1100px){.planner-workspace{grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:18px}.planner-search,.planner-saved{padding:18px}.travel-result-top{flex-direction:column;gap:10px}.travel-result-price{text-align:left;max-width:none}}
@media(max-width:800px){.planner-workspace{grid-template-columns:minmax(0,1fr)}.planner-saved .planner-category{padding:0 16px}.planner-total{max-width:none}}
@media(max-width:480px){.travel-form-grid{grid-template-columns:minmax(0,1fr)}.travel-finder-heading h3{font-size:21px}.travel-search-tabs button{font-size:13px}.travel-finder-heading .eyebrow{font-size:10px}.planner-search,.planner-saved{padding:16px}.travel-result{padding:14px}}

/* Planner forms stay in the page flow, without dialogs or overlays. */
#planner-editor{width:100%;max-width:760px;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.planner-editor-back{display:inline-flex;padding:4px 0;margin-bottom:24px;font-size:14px}
.planner-editor-header{margin:0 0 28px;padding:0}
.planner-editor-heading{min-width:0}.planner-editor-heading .eyebrow{display:block;font-size:10px;letter-spacing:1.5px;margin-bottom:8px;color:var(--purple)}
#planner-editor-title{font-size:30px;line-height:1.3;letter-spacing:-.7px;max-width:none;outline:none}
#planner-editor-description{font-size:14px;line-height:1.6;color:var(--muted);margin:9px 0 0;max-width:560px}
#planner-editor .planner-form{margin:0}
.planner-editor-body{padding:0 0 24px}
#planner-editor .planner-form label{color:var(--ink);font-size:14px;font-weight:500;margin-bottom:18px;line-height:1.5}
#planner-editor .planner-form input,#planner-editor .planner-form select,#planner-editor .planner-form textarea{background:var(--surface);font-size:16px;font-weight:400;padding:10px 12px;min-height:44px;margin-top:7px;border-radius:8px;box-shadow:none;transition:border-color .15s}
#planner-editor .planner-form textarea{min-height:80px}
#planner-editor input:focus,#planner-editor textarea:focus,#planner-editor select:focus{border-color:var(--purple);outline:2px solid var(--accent-line);outline-offset:1px}
#planner-editor input::placeholder,#planner-editor textarea::placeholder{font-size:14px;color:var(--muted);opacity:.85}
.planner-date-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:14px;font-weight:500}
.planner-date-heading>span:last-child,.planner-label-optional{color:var(--muted);font-size:12px;font-weight:400}.planner-label-optional{margin-left:5px}
#planner-editor .planner-trip-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#planner-editor .planner-trip-dates label{font-size:12px;color:var(--muted);margin-bottom:0;font-weight:400}
.planner-extra-details{border-top:1px solid var(--line);margin-top:22px}
.planner-extra-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:17px 0 0;font-size:14px;font-weight:500}
.planner-extra-details>summary::-webkit-details-marker{display:none}.planner-extra-details>summary:focus-visible{outline:2px solid var(--purple);outline-offset:4px;border-radius:4px}
.planner-extra-details summary small{color:var(--muted);font-size:12px;font-weight:400;margin-left:10px}
.planner-details-chevron{color:var(--muted);font-size:18px;line-height:1}.planner-extra-details[open] .planner-details-chevron{transform:rotate(180deg)}
.planner-extra-body{padding-top:18px}#planner-editor .planner-extra-body>label:last-child{margin-bottom:0}
#planner-editor .planner-form-actions{margin:0;padding:20px 0;gap:10px;background:transparent;border-top:1px solid var(--line);justify-content:flex-start}
#planner-editor .planner-form-actions .button{font-size:14px;min-height:42px;padding:10px 20px;border-radius:8px}
#planner-editor .planner-form-actions .primary{min-width:124px;box-shadow:none}
#planner-editor .planner-cancel{background:transparent;color:var(--muted)}#planner-editor .planner-cancel:hover{background:var(--surface);color:var(--ink)}
@media(max-width:480px){.planner-editor-back{margin-bottom:20px}.planner-editor-header{margin-bottom:24px}.planner-editor-body{padding-bottom:20px}#planner-editor .planner-form-actions{padding:16px 0}#planner-editor-title{font-size:27px}.planner-extra-details summary small{display:block;margin:3px 0 0}}
@media(max-width:380px){#planner-editor .planner-trip-dates{grid-template-columns:minmax(0,1fr)}}

/* Been There wordmark uses the existing map-pin icon. */
.brand{gap:10px}.brand-icon{transform:none;flex-shrink:0}.brand-wordmark{white-space:nowrap;letter-spacing:-.8px}
/* Daily destination discovery. */
.discover-section .section-heading{align-items:center;flex-wrap:wrap;gap:12px 18px}
.discover-section .section-heading>div{min-width:0}
.discovery-caption{margin:4px 0 0;color:var(--muted);font-size:.875rem;line-height:1.5}
#surprise-destinations{min-height:44px;flex-shrink:0;font-size:.875rem}
.destination-card .card-label p{padding-right:22px}
.destination-card .card-label small{display:block;font-size:.75rem;letter-spacing:.06em;line-height:1.4;text-transform:uppercase}
.discovery-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.destination-card img{transition:none}}