:root{--ink:#17191b;--muted:#85888a;--paper:#f7f7f4;--line:#e9e9e5;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body{margin:0;background:#eeefec;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer}button:active{transform:scale(.975)}button:disabled{opacity:.4;cursor:default}a{color:inherit}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #52585d}button,article{transition:transform .25s var(--ease),background .2s}img{display:block;max-width:100%}[hidden]{display:none!important}.icon{display:inline-block;width:19px;height:19px;flex-shrink:0;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;vertical-align:middle}#app{width:100%;max-width:480px;min-height:100dvh;margin:0 auto;background:var(--paper);position:relative;padding-bottom:env(safe-area-inset-bottom)}header{height:78px;padding:24px 24px 14px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-weight:750;font-size:20px;letter-spacing:-1px;display:flex;align-items:center;gap:7px}.brand-dot{height:7px;width:7px;border-radius:50%;background:var(--ink)}.text-button,.quiet{background:none;padding:8px 0;font-size:12px;color:var(--muted)}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.7px;color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:36px;line-height:1.25;letter-spacing:-1.4px;font-weight:700}h2{font-size:21px;letter-spacing:-.7px}.intro{padding:27px 27px 0}.intro h1{margin:14px 0}.intro p{font-size:12px;color:var(--muted);line-height:1.8}.photo-stack{height:197px;position:relative;margin:18px 0 0}.photo-stack img{width:132px;height:157px;position:absolute;object-fit:cover;border:6px solid white;border-bottom-width:19px;border-radius:6px;box-shadow:0 8px 20px #00000014;top:17px;left:50%;transform:translateX(-50%) rotate(3deg)}.photo-stack img:first-child{left:25%;transform:translateX(-50%) rotate(-12deg);top:25px}.photo-stack img:last-child{left:74%;transform:translateX(-50%) rotate(12deg);top:28px}.entry-card{margin:0 20px;background:white;padding:18px;border-radius:26px;border:1px solid #fff;box-shadow:0 8px 35px #00000004}.inputs{display:flex;gap:10px;align-items:center}.inputs>button[data-input]{position:relative;flex:1;text-align:left;background:none;padding:9px 0 17px}.inputs small{display:block;font-size:11px;color:var(--muted);margin-bottom:12px}.inputs strong{font-size:25px;letter-spacing:-.7px}.inputs .icon{width:13px;height:13px;margin-left:10px;color:#a4a5a7}.icon-button{display:grid;place-items:center;border-radius:50%;width:39px;height:39px;min-width:39px;background:#f0f0ed}.date-row{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:16px 0 19px;font-size:12px;color:var(--muted)}input[type=date]{font:inherit;color:var(--ink);max-width:150px;border:0;background:#f4f4f1;border-radius:10px;padding:8px;min-height:36px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:13px;border-radius:99px;width:100%;min-height:53px;font-size:14px;font-weight:600;padding:12px 16px;text-decoration:none}.primary{background:var(--ink);color:white}.primary .icon{width:17px;height:17px}.secondary{background:#ecece8;color:var(--ink)}#error{font-size:12px;color:#a34135;line-height:1.6;margin-bottom:8px}#error:empty{display:none}.home-note{font-size:11px;color:var(--muted);padding:23px 20px;display:flex;flex-direction:column;gap:6px;text-align:center}.resume{display:block;margin:0 20px 22px;background:#e5e5ea;padding:16px;border-radius:18px;width:calc(100% - 40px);font-size:12px}.context{display:flex;align-items:center;justify-content:space-between;padding:0 23px;gap:12px}.context>button:first-child{display:flex;align-items:center;gap:15px;padding:12px 15px;background:#fff;border:1px solid var(--line);border-radius:99px;font-size:12px}.context small{color:var(--muted);margin-left:9px;font-size:10px}.context .icon{width:14px;height:14px}.discover-heading{padding:27px 24px 21px}.discover-heading h1{font-size:30px;margin:11px 0 10px}.discover-heading p{font-size:12px;color:var(--muted);line-height:1.7}.filter-scroll{overflow-x:auto;scrollbar-width:none;padding:0 24px}.pills{display:flex;gap:7px;white-space:nowrap}.pills button{border-radius:99px;background:#ededE9;color:#737777;font-size:12px;padding:10px 14px;min-height:38px}.pills button.selected{background:var(--ink);color:white}.list-controls{display:flex;align-items:center;justify-content:space-between;padding:18px 25px 14px}.list-controls button{background:none;font-size:11px;color:var(--muted);padding:5px 0;display:flex;align-items:center;gap:5px}.list-controls #newOnly:before{content:"";height:13px;width:22px;background:#ccc;border-radius:99px;box-shadow:inset 0 0 0 3px #ccc}.list-controls #newOnly[aria-pressed=true]:before{background:#fff;border-right:10px solid var(--ink);border-left:3px solid var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.list-controls .icon{width:12px;height:12px}#cityCards{padding:0 20px}.city-card{position:relative;background:#fff;border-radius:23px;overflow:hidden;margin-bottom:17px;box-shadow:0 3px 12px #00000003;border:1px solid #ecece7}.city-card .open-city{display:block;width:100%;padding:0;text-align:left;background:none}.card-image{height:162px;overflow:hidden;background:#eceee9;position:relative}.city-card.featured .card-image{height:230px}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.city-card:hover .card-image img{transform:scale(1.025)}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#0004)}.card-tag{position:absolute;left:16px;bottom:15px;font-size:11px;background:#ffffffed;border-radius:99px;padding:7px 10px;z-index:1}.card-info{padding:17px}.card-title{display:flex;align-items:center;justify-content:space-between}.card-title h2{font-size:26px}.card-title>.icon{color:#a4a6a5;width:18px}.card-info p{font-size:12px;line-height:1.7;color:#737878;margin:7px 0 13px}.card-routes{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);padding-top:12px}.card-routes>span{display:flex;flex-direction:column;gap:5px}.card-routes small{font-size:10px;color:var(--muted)}.card-routes strong{font-size:13px;font-weight:550}.save-small{position:absolute;right:13px;top:13px;height:34px;width:34px;border-radius:50%;display:grid;place-items:center;background:#ffffffe8;z-index:2}.save-small .icon{height:17px;width:17px}.save-small.saved{background:var(--ink);color:white}#more{margin:8px 20px 0;width:calc(100% - 40px)}.caption{font-size:10px;line-height:1.8;color:var(--muted);margin-top:13px}#rankingNote{padding:0 24px 90px}#libraryNav{position:sticky;bottom:max(13px,env(safe-area-inset-bottom));width:calc(100% - 64px);margin:-68px auto 0;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #fff;border-radius:99px;box-shadow:0 5px 30px #00000010;display:flex;padding:5px;z-index:5}#libraryNav button{flex:1;min-height:43px;background:none;color:var(--muted);font-size:13px;border-radius:99px}#libraryNav button.selected{background:var(--ink);color:white}#libraryNav span{font-size:9px;margin-left:5px}.back-button{display:flex;align-items:center;gap:7px;background:none;padding:7px 23px 17px;font-size:12px;color:#777}.back-button .icon{width:16px}.city-cover{position:relative;margin:0 12px;border-radius:27px;overflow:hidden;height:280px;background:#c7c7cc}.city-cover>img{width:100%;height:100%;object-fit:cover}.city-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,#0009)}.cover-copy{position:absolute;bottom:24px;left:24px;right:24px;z-index:1;color:white}.cover-copy>span{font-size:11px;color:#fffc}.cover-copy h1{font-size:43px;margin:7px 0}.cover-copy p{font-size:13px;line-height:1.6;color:#fffd}.cover-save{position:absolute;top:16px;right:16px;z-index:2;background:#ffffffdd;width:37px;height:37px;border-radius:50%;display:grid;place-items:center}.cover-save.saved{background:var(--ink);color:white}.detail-body{padding:0 23px 118px}.city-meta{display:flex;justify-content:space-between;padding:16px 0 19px}.city-meta button{font-size:11px;background:none;color:var(--muted);padding:5px 0}.city-meta .icon{height:12px;width:12px;margin-left:5px}.segmented{display:flex;gap:5px;background:#eaeae6;border-radius:99px;padding:5px}.segmented button{flex:1;background:none;color:#838787;min-height:40px;border-radius:99px;font-size:13px}.segmented button.selected{background:white;color:var(--ink);box-shadow:0 2px 7px #00000005}.section-heading{padding:25px 0 17px}.section-heading h2{font-size:20px;margin:5px 0 8px}.section-heading p{font-size:12px;color:var(--muted);line-height:1.7}#sortTabs{margin-bottom:16px}#sortTabs button{font-size:11px;min-height:34px;padding:8px 12px}.transport-row{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;border:1px solid var(--line);background:white;border-radius:19px;padding:17px;margin-bottom:9px;gap:10px}.route-person,.route-numbers{display:flex;flex-direction:column;gap:8px}.route-person>span{font-size:13px;font-weight:550}.route-person small,.route-numbers small{font-size:10px;color:var(--muted);line-height:1.4}.route-numbers{text-align:right;flex-shrink:0}.route-numbers strong{font-size:19px;letter-spacing:-.5px}.trip-total{display:flex;justify-content:space-between;margin:20px 3px;gap:12px}.trip-total>div{display:flex;flex-direction:column;gap:8px}.trip-total>div:last-child{text-align:right}.trip-total small{font-size:10px;color:var(--muted)}.trip-total strong{font-size:17px}#sourceNote{font-size:10px}.bottom-action{position:sticky;bottom:0;z-index:4;background:#f7f7f4ed;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid #eaeae5;margin-top:-105px;padding:12px 22px max(17px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:9px}.bottom-action>span{font-size:10px;color:var(--muted);text-align:center}.place-card{background:white;border:1px solid var(--line);border-radius:23px;margin-bottom:13px;overflow:hidden;position:relative}.place-card>button{width:100%;padding:0;background:none;text-align:left}.place-card img{width:100%;height:170px;object-fit:cover}.place-card.featured img{height:225px}.place-copy{padding:17px}.place-copy small{font-size:10px;color:var(--muted)}.place-copy h3{font-size:20px;letter-spacing:-.6px;margin:6px 0}.place-copy p{font-size:12px;color:#636366;line-height:1.7}.place-card .pick{position:absolute;top:13px;right:13px;background:#ffffffee;border-radius:99px;font-size:10px;padding:8px 11px}.place-card.picked{border-color:var(--ink)}.place-card.picked .pick{background:var(--ink);color:white}.place-source{display:block;font-size:9px;color:#a0a4a1;text-decoration:none;padding:0 17px 13px}.custom-label{display:block;font-size:12px;margin:22px 0 0}.custom-label input,.search{display:block;width:100%;border:1px solid var(--line);background:white;font:inherit;font-size:13px;border-radius:16px;padding:16px;margin-top:11px}.empty-state{text-align:center;padding:44px 15px;background:white;border-radius:23px}.empty-state h2{font-size:20px;margin-bottom:12px}.empty-state p{font-size:12px;color:var(--muted);line-height:1.9}.empty-state button{margin-top:22px}.blank-image{height:140px;display:grid;place-items:center;font-size:42px;letter-spacing:-2px;color:#8e8e93;background:#e5e5ea}.city-card .blank-image{height:100%}dialog{border:1px solid white;border-radius:30px;padding:20px;width:calc(100% - 20px);max-width:460px;max-height:90dvh;overflow:auto;background:#fafaf8;margin:auto auto max(10px,env(safe-area-inset-bottom));box-shadow:0 20px 80px #0002;color:var(--ink)}dialog[open]{animation:sheetIn .35s var(--ease)}dialog::backdrop{background:#0005;backdrop-filter:blur(5px)}.handle{height:4px;width:38px;border-radius:5px;background:#d4d5d0;margin:-8px auto 18px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.modal-head h2{font-size:21px;margin-top:4px}.close{width:34px;height:34px;min-width:34px}.close .icon{width:16px;height:16px}.search{margin:0 0 20px;background:#efefeb}#cityOptions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}#cityOptions button{border-radius:14px;background:#eeeee9;min-height:45px;font-size:13px}#cityOptions button.current{background:var(--ink);color:white}#modeTabs{margin-top:18px}.route-option{width:100%;display:block;background:white;border:1px solid var(--line);padding:18px;border-radius:20px;text-align:left;margin:13px 0}.route-option.chosen{border-color:var(--ink)}.option-top,.option-foot{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.option-top>span:first-child{color:var(--ink);font-weight:600}.option-times{display:flex;align-items:center;justify-content:space-between;margin:18px 0;gap:15px}.option-times>div{display:flex;flex-direction:column;gap:7px}.option-times>div:last-child{text-align:right}.option-times strong{font-size:26px}.option-times small{font-size:10px;color:var(--muted)}.route-rule{height:1px;background:#c7c7cc;flex:1}.empty-routes{padding:23px 3px}.empty-routes h3{font-size:18px;margin-bottom:10px}.empty-routes p{font-size:12px;line-height:1.9;color:var(--muted)}.external-link{margin-top:20px}#shareCanvas{width:100%;border-radius:4px;box-shadow:0 8px 26px #00000013;margin-bottom:20px}.share-actions{display:flex;flex-direction:column;gap:9px}.source-item{padding:17px 0;border-top:1px solid var(--line);font-size:12px}.source-item a{display:block;margin-top:10px;font-size:11px}.source-item small{display:block;color:var(--muted);margin-top:7px}#sourceContent p,#aboutDialog p{font-size:12px;color:#636366;line-height:1.9;margin:14px 0}#map{height:48dvh;min-height:270px;position:relative;overflow:hidden;border-radius:22px;background:#e5e5ea;touch-action:none}#tiles,#markers,#lines{position:absolute;inset:0}#tiles img{position:absolute;width:256px;height:256px;max-width:none}#lines{width:100%;height:100%;pointer-events:none}#lines path{fill:none;stroke:#222;stroke-width:2;stroke-dasharray:6 5;opacity:.6}#lines .secondary-route{stroke:#636366}.marker{position:absolute;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:white;box-shadow:0 2px 8px #0002;border:2px solid #c7c7cc}.marker:active{transform:translate(-50%,-50%) scale(.95)}.marker.active{background:#222;color:white;border-color:white;width:35px;height:35px}.marker .icon{width:15px;height:15px}.marker.origin{width:13px;height:13px;background:#222;border:2px solid white}.marker.origin.b{background:white;border-color:#222}.mapTools{position:absolute;right:10px;top:14px;display:flex;flex-direction:column;gap:7px}.mapTools button{background:#ffffffe9;width:35px;height:35px;min-width:35px}.attribution{position:absolute;bottom:3px;right:7px;font-size:7px;color:#888;background:#fff9}.attribution a{text-decoration:none}#mapLegend{font-size:12px;line-height:1.6;margin-top:16px}#toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%) translateY(8px);opacity:0;pointer-events:none;background:#202321ed;color:white;padding:12px 20px;border-radius:99px;z-index:20;font-size:12px;transition:opacity .2s,transform .2s;width:max-content;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.enter{animation:fadeUp .4s var(--ease)}@keyframes fadeUp{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sheetIn{from{opacity:.2;transform:translateY(24px)}to{opacity:1;transform:none}}@media(min-width:700px){#app{border-left:1px solid #e6e6e1;border-right:1px solid #e6e6e1}dialog{margin:auto;max-height:90vh}}@media(max-width:365px){h1{font-size:31px}.intro{padding-left:22px;padding-right:22px}.card-info{padding:14px}.inputs strong{font-size:22px}.photo-stack img{width:112px}.discover-heading h1{font-size:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* V1.5: readable content, inline maps, independent modal scrolling. */
body{font-size:16px}header{height:65px;padding:18px 22px 12px}.text-button,.quiet{font-size:14px}.eyebrow{display:none}.intro{padding:17px 23px 16px}.intro h1{font-size:25px;margin:0 0 9px;letter-spacing:-.6px}.intro p{font-size:14px;color:#757a77}.home-note{font-size:13px;padding:18px 22px;gap:7px}.home-note>span:last-child{display:none}.entry-card{margin-top:15px;padding:18px 20px}.inputs small{font-size:13px}.inputs strong{font-size:25px}.date-row{font-size:14px}.primary,.secondary{font-size:16px;min-height:52px}.context{padding-top:5px;padding-bottom:12px}.context>button:first-child{font-size:14px;padding:12px 16px}.context small{font-size:13px}.discover-heading{padding:22px 23px 16px}.discover-heading h1{font-size:25px;margin:0 0 8px;letter-spacing:-.6px}.discover-heading p{font-size:14px;line-height:1.7}.inline-map-panel{margin:0 20px;border:1px solid #e5e5ea;border-radius:22px;overflow:hidden;background:white}.inline-map-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;gap:10px}.inline-map-top>span{font-size:14px;font-weight:550}.inline-map-top .text-button{font-size:13px;display:flex;align-items:center;gap:5px}.inline-map-top .icon{width:13px;height:13px}.map-mount{height:205px}.map-mount>#map{height:100%;min-height:0;border-radius:0}.inline-map-caption{padding:11px 14px;font-size:13px;color:#636366;line-height:1.5}.inline-map-caption:empty{display:none}#routePanel{margin:0 0 19px}.detail-body{padding-bottom:145px}#libraryNav{position:static;bottom:auto;width:auto;margin:0 22px 16px;max-width:none;box-shadow:none;border:none;background:#eaeae5}#libraryNav button{font-size:14px;min-height:39px}#libraryNav span{font-size:12px}#rankingNote{padding-bottom:35px}.pills button{font-size:14px;padding:10px 14px}.list-controls button{font-size:13px;padding:8px 0}.filter-scroll{padding-left:22px;padding-right:22px}.city-card .card-image,.city-card.featured .card-image{height:185px}.card-tag{font-size:13px}.card-info{padding:18px}.card-title h2{font-size:24px}.card-info p{font-size:14px;line-height:1.8;margin:8px 0 15px}.card-routes{gap:12px;padding-top:15px}.card-routes small{font-size:12px;line-height:1.6}.card-routes strong{font-size:16px;line-height:1.5}.caption{font-size:13px;line-height:1.8}.city-cover{height:190px}.cover-copy h1{font-size:34px}.cover-copy p{font-size:14px}.cover-copy>span{font-size:13px}.city-meta button{font-size:14px}.city-meta{padding-bottom:15px}.back-button{font-size:14px}.segmented button{font-size:15px;min-height:43px}.section-heading h2{font-size:21px}.section-heading p{font-size:14px;line-height:1.8}#sortTabs button{font-size:13px}.route-person>span{font-size:15px}.route-person small,.route-numbers small{font-size:12px;line-height:1.7}.route-numbers strong{font-size:20px}.transport-row{padding:18px 15px}.trip-total small{font-size:13px}.trip-total strong{font-size:19px}#sourceNote{font-size:13px}.place-copy small{font-size:13px}.place-copy h3{font-size:21px;margin:7px 0}.place-copy p{font-size:15px;line-height:1.8}.place-card .pick{font-size:13px}.place-source{font-size:12px}.custom-label{font-size:15px}.custom-label input,.search{font-size:16px}.bottom-action>span{font-size:13px}.bottom-action{padding-bottom:max(28px,env(safe-area-inset-bottom));gap:10px}.modal-head h2{font-size:21px}.modal-head{margin:0;padding:0 2px 15px;flex-shrink:0}.close{height:43px;width:43px;min-width:43px}.close .icon{width:19px;height:19px}dialog{padding:18px;max-height:79dvh;margin:auto auto max(28px,env(safe-area-inset-bottom));overflow:hidden;overscroll-behavior:contain}dialog[open]{display:flex;flex-direction:column}.dialog-scroll{overflow:auto;min-height:0;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:0 2px 6px;scrollbar-width:thin}.share-actions{flex-shrink:0;padding:13px 2px 0;border-top:1px solid var(--line);gap:8px}.share-actions .primary{min-height:49px}.share-actions .secondary{background:none;min-height:38px;font-size:14px}.dialog-scroll #shareCanvas{margin-bottom:4px;border-radius:8px}.dialog-scroll>.caption{margin:12px 0}.dialog-scroll #map{height:40dvh;min-height:220px}.handle{flex-shrink:0;margin-top:-6px;margin-bottom:14px}#cityOptions button{font-size:15px;min-height:48px}.option-top,.option-foot{font-size:13px;line-height:1.7}.option-times small{font-size:13px}.empty-routes p{font-size:14px}#sourceContent p,#aboutDialog p{font-size:15px}.source-item{font-size:14px}.source-item a{font-size:14px}#toast{font-size:14px}#mapStatus{margin:0}#mapDialog .caption{font-size:12px}.marker{width:32px;height:32px}.marker.origin{width:17px;height:17px}.empty-state p{font-size:14px}.empty-state h2{font-size:20px}@media(min-width:700px){dialog{margin:auto;max-height:85vh}.map-mount{height:220px}}@media(max-height:700px){dialog{max-height:76dvh;margin-bottom:22px}.map-mount{height:165px}.intro{padding-top:10px}.inline-map-top{padding-top:6px;padding-bottom:6px}}
/* Map supports the decision; it never occupies a row in the content list. */
body.map-layout{overflow:hidden}body.map-layout #app{height:100dvh;min-height:0;overflow:hidden}#mapStage{position:absolute;inset:0;z-index:0}#mapStage>#map{width:100%;height:100%;min-height:0;border-radius:0;position:absolute;inset:0}.map-layout header{position:absolute;top:0;left:0;right:0;z-index:5;background:none;padding:16px 20px;height:70px}.map-layout .brand{background:#fffffff2;padding:10px 13px;border-radius:99px;font-size:18px;box-shadow:0 2px 12px #00000005}.map-layout #about{background:#ffffffec;border-radius:99px;padding:10px 14px;color:#636366}.map-layout #home{position:absolute;bottom:0;left:0;right:0;background:#fafaf7f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid white;border-radius:28px 28px 0 0;z-index:4;padding:13px 0 max(20px,env(safe-area-inset-bottom));box-shadow:0 -6px 30px #00000008;max-height:70dvh;overflow:auto;overscroll-behavior:contain}.map-layout .intro{padding:5px 23px 10px}.map-layout .intro h1{font-size:22px;margin-bottom:7px}.map-layout .intro p{font-size:14px}.map-layout .entry-card{margin-top:0;background:none;box-shadow:none;padding-top:2px;padding-bottom:0}.map-layout .home-note{display:none}.map-layout #resume{margin-top:15px;margin-bottom:0}.map-layout #results{position:absolute;inset:0;z-index:3;pointer-events:none}.map-layout .context{position:absolute;top:83px;left:0;right:0;padding:0 20px;pointer-events:auto}.context>button:first-child{background:#fffffff2;box-shadow:0 2px 12px #00000006}.discovery-sheet{position:absolute;left:0;right:0;bottom:0;height:59%;background:#fbfbf8f7;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:28px 28px 0 0;box-shadow:0 -4px 30px #0000000b;border:1px solid white;pointer-events:auto;display:flex;flex-direction:column;overflow:hidden;transition:height .3s var(--ease)}.discovery-sheet.expanded{height:83%}.discovery-sheet.collapsed{height:135px}.sheet-top{position:relative;flex-shrink:0;height:36px}.sheet-top #panelToggle{position:absolute;right:20px;top:8px;font-size:12px;padding:3px 0}#panelHandle{display:grid;place-items:center;width:110px;height:34px;background:none;margin:auto;touch-action:none}#panelHandle span{height:4px;width:40px;background:#c7c7cc;border-radius:4px}.sheet-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.discovery-sheet.collapsed .sheet-scroll{overflow:hidden}.discovery-sheet.collapsed #libraryNav,.discovery-sheet.collapsed .filter-scroll,.discovery-sheet.collapsed .list-controls,.discovery-sheet.collapsed #cityCards,.discovery-sheet.collapsed #more,.discovery-sheet.collapsed #rankingNote{display:none}.discover-heading{padding:2px 22px 12px}.discover-heading h1{font-size:22px;margin:0 0 5px}.discover-heading p{font-size:13px}.discovery-sheet #libraryNav{margin-bottom:10px}.discovery-sheet .filter-scroll{padding-bottom:0}.discovery-sheet .pills button{min-height:34px;padding:8px 12px;font-size:13px}.discovery-sheet .list-controls{padding:10px 22px 8px}.discovery-sheet .city-card .open-city{display:grid;grid-template-columns:88px 1fr;align-items:start}.discovery-sheet .city-card .card-image{width:88px;height:110px;border-radius:13px;margin:12px 0 0 12px;overflow:hidden}.discovery-sheet .city-card .card-image:after,.discovery-sheet .city-card .card-tag{display:none}.discovery-sheet .card-info{padding:13px 14px 15px 24px}.discovery-sheet .card-title h2{font-size:21px}.discovery-sheet .card-info p{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:5px 0 9px}.discovery-sheet .card-routes{padding-top:10px;gap:8px}.discovery-sheet .card-routes strong{font-size:15px}.discovery-sheet .card-routes small{font-size:12px}.discovery-sheet .card-routes>span{gap:3px}.discovery-sheet .save-small{top:82px;left:59px;right:auto;width:28px;height:28px}.city-card.map-picked{border-color:#1c1c1e;box-shadow:0 0 0 1px #1c1c1e}.discovery-sheet #rankingNote{padding-bottom:25px}.mapToolsOuter{position:relative;z-index:500;pointer-events:none}.mapToolsOuter .mapTools{pointer-events:auto}#mapStage>#mapTools{position:absolute;right:0;top:150px}.mapTools{position:relative;right:auto;top:auto;margin-right:13px}.mapTools button{height:39px;width:39px;min-width:39px;background:#fffffff2;box-shadow:0 2px 12px #0000000b}.mapTools .icon{width:19px;height:19px}.leaflet-container{font-family:inherit;background:#e5e5ea}.leaflet-control-attribution{font-size:9px!important;background:#ffffffe0!important;padding:3px 6px!important;color:#636366}.leaflet-control-attribution a{color:#636366}#mapStage .leaflet-bottom{bottom:calc(var(--panel-height,300px) + 7px)}.city-pin{display:grid!important;place-items:center;border-radius:50%;background:white;border:1px solid #c7c7cc;box-shadow:0 2px 10px #0003;color:#636366}.city-pin .icon{width:17px;height:17px;margin:0}.city-pin.active{background:#1c1c1e;color:white;border:2px solid white;width:38px!important;height:38px!important}.leaflet-tooltip{font-family:inherit;font-size:13px}.dialog-scroll #map{height:43dvh;min-height:245px;border-radius:18px}.dialog-scroll #mapTools{position:absolute;right:7px;top:82px}.dialog-scroll .mapTools{margin-right:17px}#mapStage>#mapStatus{position:absolute;z-index:450;top:123px;left:23px;right:65px;background:#ffffffe6;padding:7px 10px;border-radius:10px;font-size:12px;pointer-events:none}#swap{width:42px;height:42px;min-width:42px;display:grid;place-items:center;padding:0;background:#e5e5ea;color:#636366;border:1px solid #e5e5ea}#swap .icon{display:block;width:22px;height:22px;min-width:22px;margin:0;padding:0;flex:none}.inputs>button[data-input]{min-width:0}.inputs>button[data-input]>.icon{margin-left:7px}#destination{position:relative}#destination .detail-body{padding-top:0}@media(min-width:700px){body.map-layout #app{height:100dvh}.discovery-sheet{height:61%}}@media(max-height:700px){.map-layout #home{padding-top:7px;padding-bottom:16px}.map-layout .intro p{display:none}.map-layout .date-row{padding:11px 0}.map-layout .inputs small{margin-bottom:8px}.discovery-sheet{height:61%}.discovery-sheet.expanded{height:85%}.discovery-sheet.collapsed{height:120px}#mapStage>#mapTools{top:138px}}
.leaflet-tile{filter:none}
/* One surface for the form. Navigation and filtering have distinct roles. */
.map-layout #home{padding:0 0 max(28px,env(safe-area-inset-bottom));border:0;max-height:66dvh}.entry-fields{padding:27px 26px 0;margin:0;border:0;border-radius:0;background:none;box-shadow:none}.entry-fields .inputs{gap:22px}.entry-fields .inputs>button[data-input]{padding:5px 0 24px}.entry-fields .inputs small{font-size:14px;margin-bottom:14px}.entry-fields .inputs strong{font-size:27px}.entry-fields .date-row{padding:21px 0 24px;font-size:15px}.entry-fields input[type=date]{font-size:15px;padding:10px 12px;background:#edeee9}.entry-fields .primary{min-height:55px;font-size:16px}.map-layout #resume{width:calc(100% - 52px);margin:17px 26px 0;padding:14px;background:#e5e5ea}.discovery-sheet{height:54%}.discovery-sheet.expanded{height:83%}.discovery-sheet.collapsed{height:102px}.sheet-top{height:34px}.sheet-top #panelToggle{font-size:12px;top:9px}.discovery-sheet #libraryNav{display:flex;margin:0 24px;background:none;border:0;border-bottom:1px solid #e5e5ea;border-radius:0;gap:32px;padding:0;justify-content:flex-start;min-height:52px}.discovery-sheet #libraryNav button{position:relative;flex:0 0 auto;padding:0 2px 14px;min-height:51px;font-size:16px;color:#8e8e93;border-radius:0;background:none;font-weight:500}.discovery-sheet #libraryNav button.selected{color:#1c1c1e;background:none;font-weight:650;box-shadow:none}.discovery-sheet #libraryNav button.selected:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#1c1c1e;border-radius:2px}.discovery-sheet #libraryNav span{font-size:12px;color:#8e8e93;margin-left:5px;font-weight:400}.discovery-sheet .list-controls{padding:16px 25px 14px}.discovery-sheet .list-controls button{font-size:14px;padding:4px 0;gap:7px;min-height:29px;color:#636366}.discovery-sheet .list-controls .icon{width:16px;height:16px}.discovery-sheet #openFilters.active{color:#1c1c1e;font-weight:550}.discovery-sheet #cityCards{padding:0 21px}.discovery-sheet .city-card{margin-bottom:14px;border-radius:20px}.discovery-sheet .city-card .card-info{padding-top:17px;padding-bottom:18px}.discovery-sheet .city-card .card-image{margin-top:17px;height:116px}.discovery-sheet .save-small{top:90px}.discovery-sheet.collapsed #libraryNav{display:flex!important;border-bottom:0}.discovery-sheet.collapsed .sheet-scroll{overflow:hidden}.filter-label{font-size:14px;font-weight:550;color:#636366;margin:5px 0 14px}#filterDialog .filter-scroll{padding:0;overflow:visible}#filterDialog .pills{display:grid;grid-template-columns:1fr 1fr;gap:12px;white-space:normal}#filterDialog .pills button{border:1px solid #e5e5ea;border-radius:15px;background:#e5e5ea;color:#636366;min-height:48px;font-size:15px}#filterDialog .pills button.selected{border-color:#1c1c1e;background:#e5e5ea;color:#1c1c1e;font-weight:600}.filter-switch{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;background:none;padding:24px 0;margin-top:17px;border-top:1px solid #e5e5ea;font-size:15px;text-align:left}.switch-track{position:relative;width:43px;height:25px;border-radius:99px;background:#c7c7cc;flex-shrink:0}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0001;transition:transform .2s}.filter-switch[aria-pressed=true] .switch-track{background:#1c1c1e}.filter-switch[aria-pressed=true] .switch-track:after{transform:translateX(18px)}.filter-actions{display:flex;gap:12px;margin-top:3px}.filter-actions .secondary{flex:1}.filter-actions .primary{flex:2}.filter-actions button{min-height:48px}#filterDialog{padding:22px}.discovery-sheet #rankingNote{font-size:12px}@media(max-height:700px){.map-layout #home{padding-bottom:22px}.entry-fields{padding-top:23px}.entry-fields .inputs>button[data-input]{padding-bottom:19px}.entry-fields .date-row{padding-top:18px;padding-bottom:20px}.discovery-sheet{height:57%}.discovery-sheet.expanded{height:84%}.discovery-sheet.collapsed{height:100px}}
/* Destination: one navigation bar and clear content modules. */
body.detail-layout #app>header{display:none}body.detail-layout{background:#eeefec}body.detail-layout #app{background:#f4f5f0}.detail-nav{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;background:#f4f5f0e8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.detail-nav>strong{font-size:18px;font-weight:650;letter-spacing:-.3px}.nav-circle{display:grid;place-items:center;width:43px;height:43px;min-width:43px;background:#ffffffb8;border:1px solid white;border-radius:50%;box-shadow:0 2px 7px #00000004}.nav-circle .icon{width:21px;height:21px}.nav-circle#back .icon{transform:rotate(180deg)}.nav-circle.saved{background:#1c1c1e;color:white;border-color:#1c1c1e}.city-summary{margin:1px 20px 17px;background:white;border-radius:23px;overflow:hidden}.city-summary .city-cover{height:164px;margin:0;border-radius:0}.city-summary .cover-copy{left:19px;bottom:17px;right:19px}.city-summary .cover-copy>span{font-size:12px}.city-summary .cover-copy p{font-size:15px;line-height:1.65;margin-top:5px;font-weight:500}.city-summary .city-meta{padding:0;gap:0;min-height:48px}.city-summary .city-meta button{flex:1;min-height:48px;font-size:14px;text-align:center;color:#636366;padding:11px 7px;display:flex;align-items:center;justify-content:center;gap:7px}.city-summary .city-meta button+button{border-left:1px solid #e5e5ea}.city-summary .city-meta .icon{width:15px;height:15px;margin:0}.detail-body{padding:0 20px 140px}.detail-body #stageTabs{background:#e5e5ea;border-radius:99px;padding:4px;margin-bottom:17px}.detail-body #stageTabs button{min-height:39px;font-size:15px}.transport-module{background:white;border-radius:23px;padding:18px 18px 12px;box-shadow:0 2px 10px #00000002}.module-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.module-head h2{font-size:17px;font-weight:650}.module-head .quiet{display:flex;align-items:center;gap:5px;font-size:12px;padding:3px 0;min-height:30px;color:#8e8e93}.module-head .icon{width:13px;height:13px}.transport-module #sortTabs{margin:6px 0 4px;gap:7px}.transport-module #sortTabs button{min-height:30px;font-size:12px;padding:6px 10px}.transport-module .transport-row{border:0;border-radius:0;background:none;margin:0;padding:20px 0;min-height:91px;border-bottom:1px solid #e5e5ea;gap:14px}.transport-module .route-person>span{font-size:16px;font-weight:550}.transport-module .route-person small{font-size:13px;line-height:1.5;color:#8e8e93}.transport-module .route-numbers strong{font-size:21px;font-weight:650;letter-spacing:-.5px}.transport-module .route-numbers small{font-size:13px;line-height:1.5;color:#636366}.transport-module .route-numbers>.icon{width:15px;height:15px;margin-left:auto;color:#8e8e93}.transport-module .trip-total{margin:0;padding:16px 0;border-bottom:1px solid #e5e5ea}.transport-module .trip-total small{font-size:12px}.transport-module .trip-total strong{font-size:17px}.module-link{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;padding:17px 0 12px;font-size:14px;font-weight:550;color:#636366}.module-link .icon{width:15px;height:15px;color:#8e8e93}.module-note{font-size:12px;line-height:1.6;color:#8e8e93;margin:2px 0 0}.play-module-head{display:flex;align-items:center;justify-content:space-between;margin:22px 3px 15px}.play-module-head h2{font-size:18px}.play-module-head span{font-size:13px;color:#8e8e93}.detail-body .custom-label{padding:17px;background:white;border-radius:20px;font-size:14px}.detail-body .custom-label input{margin-top:12px;background:#f2f2f7;border-color:#e5e5ea}.detail-layout .bottom-action{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:480px;margin:0;padding:13px 20px max(24px,env(safe-area-inset-bottom));background:#f4f5f0ee;border-top:1px solid #e5e5ea;gap:9px;z-index:9}.detail-layout .bottom-action .primary{min-height:52px}.detail-layout .bottom-action>span{font-size:13px}.detail-layout #destination{padding-bottom:0}@media(max-width:365px){.transport-module{padding-left:14px;padding-right:14px}.transport-module .route-person>span{font-size:15px}.transport-module .route-numbers strong{font-size:19px}.transport-module .route-person small,.transport-module .route-numbers small{font-size:12px}}
/* More choices, without enlarging every card; invitation retains every selection. */
.entry-fields .inputs{display:grid;grid-template-columns:1fr 1fr;gap:0}.entry-fields .inputs>button[data-input='1']{padding-left:28px;border-left:1px solid #e5e5ea}.entry-fields .inputs>button[data-input='0']{padding-right:18px}.entry-fields .inputs>button[data-input]{padding-top:2px;padding-bottom:13px;margin-bottom:15px}.entry-fields .date-row{padding-top:18px;padding-bottom:22px}.text-place .place-copy{padding:17px 70px 17px 18px}.text-place .place-copy h3{font-size:18px;line-height:1.5;margin:6px 0}.text-place .place-copy p{font-size:14px;line-height:1.7}.text-place .pick{font-size:12px;padding:7px 9px}.text-place .place-source{padding-left:18px;font-size:11px}.idea-place{background:#f2f2f7;border-color:#e5e5ea}.place-card:not(.featured):not(.text-place)>button{display:grid;grid-template-columns:100px 1fr;gap:0;align-items:center}.place-card:not(.featured):not(.text-place) img{height:135px;width:100px;object-fit:cover}.place-card:not(.featured):not(.text-place) .place-copy{padding:12px 62px 12px 15px}.place-card:not(.featured):not(.text-place) .place-copy h3{font-size:18px}.place-card:not(.featured):not(.text-place) .place-copy p{font-size:13px}.place-card:not(.featured):not(.text-place) .place-source{padding-top:8px}#shareDialog .dialog-scroll{max-height:45dvh;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#shareDialog #shareCanvas{display:block;max-height:none;height:auto;width:100%;flex-shrink:0}#shareDialog .share-actions{flex-shrink:0}.shared-ideas-title{font-size:16px;font-weight:600;margin:25px 3px 15px;color:#636366}@media(max-width:365px){.entry-fields .inputs>button[data-input='1']{padding-left:21px}.entry-fields .inputs strong{font-size:25px}.text-place .place-copy{padding-right:63px}.text-place .place-copy h3{font-size:17px}}
/* Neutral system palette and a single, consistent origin selector. */
:root{--ink:#1c1c1e;--paper:#f2f2f7;--muted:#8e8e93;--line:#e5e5ea}body,body.detail-layout{background:#f2f2f7}#app,body.detail-layout #app{background:#f2f2f7}.primary{background:#1c1c1e}.secondary,.segmented,.detail-body #stageTabs{background:#e5e5ea}.segmented button,.detail-body #stageTabs button{color:#8e8e93}.segmented button.selected{background:#fff;color:#1c1c1e}.map-layout #home,.discovery-sheet{background:#f2f2f7f5;border:0}.brand{background:none;color:#1c1c1e;padding:0}.map-layout .brand{font-size:16px;font-weight:600;letter-spacing:0;padding:12px 15px}.map-layout #about{color:#8e8e93}.map-layout .context{display:none}body.detail-layout #app>header{display:flex;position:sticky;top:0;z-index:10;height:68px;padding:12px 20px;background:#f2f2f7e8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.detail-layout .brand{font-size:16px;font-weight:600;letter-spacing:0;background:#ffffffc9;border-radius:99px;padding:13px 15px}.detail-layout #saveCity{display:grid}.detail-layout #saveCity[hidden]{display:none}.nav-circle{border:0;background:#ffffffc9;box-shadow:none;color:#1c1c1e}.nav-circle.saved{background:#1c1c1e;color:white}.city-summary,.city-card,.place-card,.route-option,.transport-module{background:white;border:0;box-shadow:none}.city-card.map-picked{border:0;box-shadow:none;background:#e9e9ee}.place-card.picked{border:0;box-shadow:none;background:#e9e9ee}.city-summary .cover-copy h1{font-size:31px;letter-spacing:-.8px;margin:3px 0 6px;line-height:1.1;color:white}.city-summary .city-meta button{color:#636366}.city-summary .city-meta button+button{border-color:#f2f2f7}.transport-module .route-person small,.transport-module .route-numbers small,.module-head .quiet,.module-note{color:#8e8e93}.transport-module .transport-row,.transport-module .trip-total{border-color:#e5e5ea}.module-link{color:#1c1c1e}.module-link .icon{color:#8e8e93}.detail-layout .bottom-action{background:#f2f2f7ee;border-top-color:#e5e5ea}.discovery-sheet #libraryNav{border-bottom-color:#e5e5ea}.discovery-sheet #libraryNav button{color:#8e8e93}.discovery-sheet #libraryNav button.selected{color:#1c1c1e}.discovery-sheet #libraryNav button.selected:after{background:#1c1c1e}.discovery-sheet .list-controls button{color:#8e8e93}.discovery-sheet #openFilters.active{color:#1c1c1e}.card-info p,.card-routes small,.place-copy p,.place-copy small{color:#8e8e93}.card-routes{border-color:#e5e5ea}.place-card .pick{background:#f2f2f7;color:#636366}.place-card.picked .pick{background:#1c1c1e;color:white}.idea-place{background:white;border:0}.shared-ideas-title{color:#1c1c1e}.detail-body .custom-label input{background:#f2f2f7;border:0}.place-source{color:#8e8e93}.save-small{background:#ffffffeb;color:#1c1c1e}.save-small.saved{background:#1c1c1e;color:white}.city-pin{color:#636366;border:0}.city-pin.active{background:#1c1c1e;color:white}.entry-fields .inputs>button[data-input='1']{border-color:#e5e5ea}.entry-fields .date-row{border-color:#e5e5ea}.entry-fields input[type=date]{background:#e5e5ea}.map-layout #resume{background:#e5e5ea}.route-option.chosen{background:#e9e9ee;border:0;box-shadow:none}.option-foot b,.chosen .option-foot b{color:#1c1c1e}#filterDialog .pills button{background:#f2f2f7;color:#636366;border:0}#filterDialog .pills button.selected{background:#e5e5ea;color:#1c1c1e;border:0}.filter-switch{border-color:#e5e5ea}.filter-switch[aria-pressed=true] .switch-track{background:#1c1c1e}.switch-track{background:#c7c7cc}.filter-label{color:#636366}dialog{background:#f9f9fb;color:#1c1c1e}#sourceContent p,#aboutDialog p{color:#636366}.city-summary .cover-copy p{color:#ffffffe6}.place-card .place-copy h3{color:#1c1c1e}

/* Plain discovery tabs, neutral drag handle and expressive map annotations. */
.discovery-sheet #libraryNav{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom:0}.discovery-sheet #libraryNav button,.discovery-sheet #libraryNav button.selected{background:transparent;box-shadow:none}.discovery-sheet #libraryNav button.selected:after{display:none}.discovery-sheet #libraryNav span{color:#8e8e93}#panelHandle span,.handle{background:#c7c7cc}#panelToggle{display:none}.city-pin,.city-pin.active{display:grid!important;place-items:center;background:#ffffffeb;border:0;border-radius:50%;width:36px!important;height:36px!important;box-shadow:0 2px 8px #00000016;transition:transform .2s var(--ease),box-shadow .2s}.city-pin span{font-size:23px;line-height:1}.city-pin.active{background:white;box-shadow:0 3px 12px #00000025}.city-pin:focus-visible{outline:2px solid #1c1c1e;outline-offset:3px}@media(prefers-reduced-motion:reduce){.city-pin,.city-pin.active{transition:none}}

.city-pin span{display:block;transition:transform .2s var(--ease)}.city-pin.active span{transform:scale(1.16)}@media(prefers-reduced-motion:reduce){.city-pin span{transition:none}}

/* Restore clear tabs and let the browser own momentum scrolling. */
.discovery-sheet{backdrop-filter:none;-webkit-backdrop-filter:none;background:#f2f2f7;transition:height .22s var(--ease)}.discovery-sheet.dragging{height:var(--sheet-height)!important;transition:none;user-select:none}.sheet-scroll{overflow-x:hidden;overflow-y:auto;touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.discovery-sheet #libraryNav{position:relative;bottom:auto;z-index:auto;width:auto;flex-shrink:0}.discovery-sheet #libraryNav button.selected:after{display:block;content:"";height:2px;border-radius:2px;background:#1c1c1e;position:absolute;left:0;right:0;bottom:0}#panelHandle{width:100%;height:40px;touch-action:none}#map{background:#e5e5ea}

.sheet-top{height:40px}

/* City decisions use a calm geographic overview; annotations are unwrapped artwork. */
#map,.leaflet-container{background:#dfeaf1}.city-pin,.city-pin.active{width:44px!important;height:44px!important;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important}.city-pin img{width:36px;height:36px;object-fit:contain;margin:auto;filter:drop-shadow(0 2px 2px #00000016);transition:transform .2s var(--ease)}.city-pin.active img{transform:scale(1.2)}.city-pin:focus-visible{outline:2px solid #636366;outline-offset:3px}.detail-layout .brand.detail-back{background:none;border-radius:0;padding:10px 0;font-size:16px;gap:5px;letter-spacing:0}.detail-back .icon{width:21px;height:21px}.detail-layout #saveCity{width:auto;min-height:42px;height:auto;padding:10px 13px;gap:6px;border-radius:99px;font-size:14px;display:flex}.detail-layout #saveCity .icon{width:17px;height:17px}.city-summary{margin:0 20px;background:white;border-radius:24px;padding:18px;overflow:hidden}.city-summary .city-cover{height:auto;min-height:128px;display:grid;grid-template-columns:112px 1fr;gap:18px;margin:0;border-radius:0;background:none;overflow:visible}.city-summary .city-cover:after{display:none}.city-summary .city-cover>img{width:112px;height:136px;object-fit:cover;border-radius:16px}.city-summary .cover-copy{position:static;align-self:center;color:#1c1c1e;padding:0}.city-summary .cover-copy>span{font-size:12px;color:#8e8e93}.city-summary .cover-copy h1{font-size:30px;color:#1c1c1e;line-height:1.2;margin:6px 0 8px}.city-summary .cover-copy p{font-size:14px;line-height:1.6;color:#636366}.city-summary .city-meta{padding:12px 0 0;margin:0;justify-content:flex-end;border:0}.city-summary .city-meta button{font-size:14px;padding:6px 0;color:#636366}.city-summary .city-meta .icon{margin:0 6px 0 0;width:16px;height:16px}.detail-body{padding-top:22px}.icon-button,.close{background:#e5e5ea;color:#1c1c1e;border:0;box-shadow:none}.close:focus:not(:focus-visible){outline:none}dialog .pills button{background:#e5e5ea;color:#636366}dialog .pills button.selected{background:#1c1c1e;color:white}.route-rule{background:#d1d1d6}.route-option,.route-option.chosen{border:0;box-shadow:none}.route-option.chosen{background:#e5e5ea}.option-top span:last-child,.option-foot span{color:#8e8e93}.status-row{width:100%;display:block;text-align:left;background:white;border-radius:16px;padding:19px;font-size:16px;margin-bottom:12px}#cityStatusDialog .dialog-scroll{padding-top:10px}@media(max-width:365px){.city-summary .city-cover{grid-template-columns:92px 1fr;gap:14px}.city-summary .city-cover>img{width:92px;height:132px}.city-summary .cover-copy h1{font-size:27px}.city-summary .cover-copy p{font-size:13px}}@media(prefers-reduced-motion:reduce){.city-pin img{transition:none}}

/* Calm detail hierarchy with a dedicated map action and consistent activity rows. */
.detail-layout .brand.detail-back{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;background:#ffffffd9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 5px #00000008}.detail-back .icon{width:22px;height:22px}.city-summary{margin-bottom:26px}.detail-body{padding-top:0;padding-bottom:140px}.detail-body #stageTabs{position:sticky;top:68px;z-index:6;margin-bottom:28px;box-shadow:none}.bottom-controls{display:flex;gap:12px;align-items:center;width:100%}.bottom-controls .primary{flex:1;width:auto}.map-entry{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;background:white;color:#1c1c1e;border-radius:50%}.map-entry .icon{width:22px;height:22px}.activity-section{margin-bottom:28px}.activity-heading{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;margin-bottom:16px;background:none;text-align:left;padding:0}.activity-heading h2{font-size:18px;line-height:1.4}.activity-heading>span{font-size:13px;color:#8e8e93}.activity-row{background:white;border-radius:20px;margin-bottom:12px;overflow:hidden}.activity-row>button{display:flex;align-items:center;width:100%;padding:17px;gap:16px;text-align:left;background:none;min-height:96px}.activity-row.has-photo>button{min-height:136px}.activity-row img{width:96px;height:104px;flex:0 0 96px;object-fit:contain;border-radius:10px;background:#f2f2f7}.activity-copy{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.activity-copy strong{font-size:17px;line-height:1.5;font-weight:600}.activity-copy>span{font-size:14px;line-height:1.6;color:#636366}.activity-check{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;background:#f2f2f7;border-radius:50%;color:#636366}.activity-check .icon{width:15px;height:15px}.activity-row.picked .activity-check{background:#1c1c1e;color:white}.activity-row.picked{background:#e9e9ee}.section-expand{width:100%;padding:12px;background:none;color:#636366;font-size:14px}.shared-activities{padding:20px;background:#e5e5ea66;border-radius:22px}.shared-activities .activity-heading{margin-bottom:0;min-height:28px}.shared-activities .activity-heading[aria-expanded=true]{margin-bottom:16px}.shared-activities .activity-row:last-child{margin-bottom:0}.custom-label{margin-top:4px}.origin-pin{background:none!important;border:0;box-shadow:none}.origin-pin img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 1px 2px #00000015)}.city-pin,.city-pin.active{width:36px!important;height:36px!important}.city-pin img{width:30px;height:30px}.city-pin.active img{transform:scale(1.12)}@media(max-width:365px){.activity-row>button{gap:12px;padding:14px}.activity-row img{width:78px;flex-basis:78px;height:96px}.activity-copy strong{font-size:16px}.activity-copy>span{font-size:13px}}

/* Soft contact shadow: one near edge, one broad falloff. */
.map-layout #home,.discovery-sheet{box-shadow:0 -2px 8px #18212d06,0 -12px 36px #18212d12}.origin-pin img{filter:drop-shadow(0 2px 3px #00000010)}

/* Fill photos, soften corners, and tighten the sheet's vertical rhythm. */
:root{--photo-placeholder:#e9f3fc}.card-image,.city-cover,.blank-image,.activity-row img,.city-summary .city-cover>img{background:var(--photo-placeholder)}.activity-row img{object-fit:cover;border-radius:22px}.activity-row{border-radius:28px}.activity-row>button{padding:20px;gap:18px}.activity-row.has-photo>button{min-height:142px}.city-summary{border-radius:30px}.city-summary .city-cover>img{border-radius:24px}.discovery-sheet{border-radius:32px 32px 0 0}.sheet-top{height:28px}#panelHandle{height:28px}.discovery-sheet #libraryNav{margin:2px 24px 0;min-height:46px;gap:30px}.discovery-sheet #libraryNav button{min-height:46px;padding:6px 2px 12px}.discovery-sheet .list-controls{padding:13px 24px 14px}.discovery-sheet .city-card{border-radius:28px;margin-bottom:16px}.discovery-sheet .city-card .open-city{grid-template-columns:100px 1fr}.discovery-sheet .city-card .card-image{width:92px;height:132px;margin:18px 0 18px 18px;border-radius:23px;background:var(--photo-placeholder)}.discovery-sheet .city-card .card-info{padding:20px 20px 20px 28px}.discovery-sheet .card-info p{margin:8px 0 12px;line-height:1.6}.discovery-sheet .card-routes{padding-top:12px;gap:14px}.discovery-sheet .card-routes>span{gap:6px}.discovery-sheet .save-small{top:111px;left:73px;right:auto;width:29px;height:29px}.empty-state{background:none;border-radius:0;padding:36px 18px 40px}.empty-state .empty-face{width:92px;height:92px;object-fit:contain;margin:0 auto 22px;background:none;filter:drop-shadow(0 8px 12px #0000000b)}.empty-state h2{font-size:21px;line-height:1.45;margin-bottom:10px}.empty-state p{font-size:14px;line-height:1.7;max-width:260px;margin:auto;color:#8e8e93}.empty-state button{width:auto;min-width:150px;margin:24px auto 0;background:#1c1c1e;color:white}.photo-loading{background:var(--photo-placeholder)}.photo-unavailable{background:var(--photo-placeholder)}@media(max-width:365px){.discovery-sheet .city-card .open-city{grid-template-columns:84px 1fr}.discovery-sheet .city-card .card-image{width:78px;height:126px;margin-left:16px;border-radius:21px}.discovery-sheet .city-card .card-info{padding-left:24px;padding-right:16px}.discovery-sheet .save-small{left:58px;top:108px}.activity-row>button{gap:14px;padding:17px}.activity-row img{border-radius:20px}}

.transport-module,.route-option,.place-card{border-radius:28px}

/* Four related radii: sheets 32, cards 26, media 20, input controls 18. */
:root{--radius-sheet:32px;--radius-card:26px;--radius-image:20px;--radius-control:18px}.discovery-sheet{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0}.city-summary,.activity-row,.transport-module,.route-option,.place-card,.discovery-sheet .city-card{border-radius:var(--radius-card)}.activity-row img,.city-summary .city-cover>img,.discovery-sheet .city-card .card-image{border-radius:var(--radius-image)}.entry-fields input[type=date],input[type=date]{border-radius:var(--radius-control);padding:10px 12px}.origin-connector{width:19px;height:3px;background:#9aaeba;border-radius:99px;display:inline-block;flex-shrink:0}#routeText{display:inline-flex;align-items:center;gap:10px}.discovery-sheet #libraryNav{gap:12px;margin:2px 20px 0;position:relative}.discovery-sheet #libraryNav button{width:72px;flex:0 0 72px;padding:6px 0 12px;text-align:center;font-weight:600}.discovery-sheet #libraryNav button.selected:after{display:none}#libraryIndicator{position:absolute;bottom:0;left:0;width:28px;height:2px;border-radius:2px;background:#1c1c1e;transition:transform .3s var(--ease);pointer-events:none}.discovery-sheet .list-controls{padding:12px 20px}.discovery-sheet #cityCards{padding:0 16px}.discovery-sheet .city-card .open-city{grid-template-columns:90px 1fr;gap:12px;padding:14px}.discovery-sheet .city-card .card-image{margin:0;width:90px;height:128px}.discovery-sheet .city-card .card-info{padding:2px 4px 2px 0;min-width:0}.discovery-sheet .card-title h2{font-size:22px}.discovery-sheet .card-info p{margin:6px 0 10px;font-size:13px;line-height:1.5;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.discovery-sheet .card-routes{padding-top:9px;gap:10px}.discovery-sheet .card-routes>span{gap:4px}.discovery-sheet .card-routes small{font-size:11px}.discovery-sheet .card-routes strong{font-size:14px;line-height:1.3}.discovery-sheet .save-small{left:73px;top:104px;width:28px;height:28px}.activity-row>button{padding:16px;gap:16px}.empty-state{padding:24px 12px 30px}.empty-state .empty-face{width:174px;height:128px;object-fit:contain;filter:none;margin-bottom:18px}.empty-state h2{font-size:19px}.empty-state p{font-size:13px;max-width:230px}.empty-state button{margin-top:20px}.detail-body #stageTabs{gap:0;position:sticky}.detail-body #stageTabs button{position:relative;z-index:1;background:transparent!important;box-shadow:none;flex:1}.detail-body #stageTabs button.selected{background:transparent!important}#stageIndicator{position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/2);background:white;border-radius:99px;box-shadow:0 1px 4px #00000005;transition:transform .3s var(--ease);pointer-events:none}@media(max-width:365px){.discovery-sheet .city-card .open-city{grid-template-columns:78px 1fr;padding:13px;gap:12px}.discovery-sheet .city-card .card-image{width:78px;height:124px;border-radius:var(--radius-image)}.discovery-sheet .city-card .card-info{padding:2px 0}.discovery-sheet .save-small{left:61px;top:102px}.discovery-sheet .card-title h2{font-size:21px}.activity-row img{border-radius:var(--radius-image)}}@media(prefers-reduced-motion:reduce){#libraryIndicator,#stageIndicator{transition:none}}

.discovery-sheet #libraryNav #libraryIndicator{margin:0}

.empty-symbol{display:block;width:48px;height:48px;margin:12px auto 24px;background:#a4b3bd;mask:var(--empty-icon) center/contain no-repeat;-webkit-mask:var(--empty-icon) center/contain no-repeat}.empty-state{padding-top:32px}

/* Anchor save controls to their image, independently of text height. */
.discovery-sheet .city-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:14px;align-items:start}.discovery-sheet .city-card .open-city{display:block;width:100%;padding:0;text-align:left;background:none;min-width:0}.city-media{position:relative;min-width:0}.discovery-sheet .city-card .city-media .card-image{width:100%;height:128px;margin:0}.discovery-sheet .city-card .city-media .save-small{top:auto;left:auto;right:8px;bottom:8px;width:28px;height:28px}.discovery-sheet[data-library-view="saved"] #cityCards,.discovery-sheet[data-library-view="visited"] #cityCards{padding-top:20px}#cityDialog .search{background:#f2f2f7;border-color:#e5e5ea;border-radius:18px;color:#1c1c1e}#cityDialog .search::placeholder{color:#8e8e93}#cityOptions button{background:#e5e5ea;color:#1c1c1e;border-radius:18px}#cityOptions button.current{background:#1c1c1e;color:white}@media(max-width:365px){.discovery-sheet .city-card{grid-template-columns:78px minmax(0,1fr);padding:13px}.discovery-sheet .city-card .open-city{padding:0}.discovery-sheet .city-card .city-media .card-image{width:100%;height:124px}.discovery-sheet .city-card .city-media .save-small{top:auto;left:auto;right:8px;bottom:8px}}

/* Candidate cities remain identifiable even if a separate image request fails. */
.city-pin{overflow:visible!important}.city-pin .map-city-name{position:absolute;top:36px;left:50%;transform:translateX(-50%);display:block!important;width:max-content;max-width:120px;font-size:12px;line-height:1.4;font-weight:500;white-space:nowrap;color:#526572;text-shadow:0 1px 3px white,0 0 5px white;pointer-events:none;transition:none}.city-pin.active .map-city-name{transform:translateX(-50%);color:#1c1c1e;font-weight:600}.card-image[data-photo-unavailable=true]:before{content:'风景稍后再来';position:absolute;inset:0;display:grid;place-items:center;color:#92a7b7;font-size:11px;padding:12px;text-align:center}.card-image{position:relative}

/* Quiet surface hierarchy sampled from the supplied reference: #f2f2f2 → #fafafa. */
:root{--surface-base:#f2f2f2;--surface-card:rgba(255,255,255,.62);--surface-selected:rgba(220,226,231,.54);--surface-rule:rgba(28,28,30,.07);--paper:var(--surface-base);--line:var(--surface-rule)}
body{background:var(--surface-base)}
.map-layout #home,.discovery-sheet{background:var(--surface-base);border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
body.detail-layout #app{background:var(--surface-base)}
body.detail-layout #app>header{background:rgba(242,242,242,.94)}
.city-summary,.city-card,.place-card,.activity-row,.transport-module,.route-option,.status-row{background:var(--surface-card);border:0;box-shadow:none}
.city-card.map-picked,.place-card.picked,.activity-row.picked,.route-option.chosen{background:var(--surface-selected);box-shadow:none}
.card-routes,.transport-module .transport-row,.transport-module .trip-total,.route-option .route-rule{border-color:var(--surface-rule)}
.detail-layout .bottom-action{background:rgba(242,242,242,.96);border-top:0}
.shared-activities{background:rgba(224,227,231,.35)}
.custom-label input,.detail-body .custom-label input{background:var(--surface-card)}
#cityStatusDialog,#cityDialog,#filterDialog,#transportDialog,#sourceDialog,#aboutDialog,#mapDialog{background:var(--surface-base)}