:root{--blue:#1745d1;--navy:#142342;--ink:#1c2a43;--muted:#5d6980;--line:#dce3ef;--paper:#fff;--surface:#f3f6fc;--orange:#b34615;--radius:18px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;color:var(--ink);background:var(--surface);font-size:16px;line-height:1.65}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:var(--blue)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ffb155;outline-offset:4px}button:disabled{opacity:.65;cursor:default}button svg{width:20px;height:20px}h1,h2,h3,p{margin:0}h1{font-size:2.5rem;letter-spacing:-.035em;line-height:1.2}h2{font-size:1.4rem;line-height:1.35}h3{font-size:1.08rem;line-height:1.4}p+p{margin-top:.75rem}.muted{color:var(--muted);font-size:.9rem}.eyebrow{font-size:.8rem;font-weight:750;letter-spacing:.1em;color:var(--blue)}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:12px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}
.topbar{height:82px;max-width:1180px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:750;font-size:1.12rem;text-decoration:none;line-height:1.4}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--blue);color:white;border-radius:12px;font-size:1.6rem}.brand-sub{display:block;color:var(--muted);font-size:.7rem;letter-spacing:.13em;font-weight:600}.header-actions{display:flex;gap:16px;align-items:center}.connection{color:var(--muted);font-size:.8rem}.icon-button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:9px 12px;color:var(--navy);font-size:.88rem;font-weight:650}
.page-shell{max-width:1116px;margin:0 auto;padding:0 0 36px}.trip-intro{display:flex;align-items:stretch;justify-content:space-between;padding:28px 32px;background:var(--navy);color:white;border-radius:22px;overflow:hidden;gap:28px;position:relative}.trip-intro .eyebrow{color:#b7caff;margin-bottom:10px}.trip-dates{font-size:1.15rem;font-weight:650;margin-top:10px;letter-spacing:.02em}.trip-dates>span:first-child{color:#9aabd0;margin:0 8px}.date-tag{font-size:.8rem;color:#dce6ff;display:inline-block;margin-left:8px}.intro-note{color:#e2e7f3;margin-top:10px;font-size:1rem}.seoul-time{display:block;margin-top:14px;font-size:.8rem;color:#b7caff}.intro-image{width:42%;position:relative;overflow:hidden;border-radius:13px;min-height:160px}.intro-image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute}.intro-copy{position:relative;z-index:1}.quick-facts{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin-top:18px;padding:18px 8px}.quick-facts>div,.quick-facts>button{padding:0 24px;min-width:0}.quick-facts>div+div,.quick-facts>button{border-left:1px solid var(--line)}.quick-facts>button{border-right:0;border-top:0;border-bottom:0;background:none;text-align:left;color:inherit}.fact-label{display:block;font-size:.8rem;color:var(--muted)}.quick-facts strong{display:block;font-size:1.1rem;line-height:1.6}.quick-facts strong span{font-weight:600;margin-left:6px}.quick-facts small{display:block;font-size:.8rem;color:var(--muted)}
.main-tabs{display:flex;gap:8px;padding:24px 0 8px}.tab{border:0;background:transparent;padding:10px 22px;color:var(--muted);border-radius:12px;font-weight:650;min-height:46px}.tab.active{background:var(--blue);color:white}.tab>span{margin-right:8px}.day-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 26px}.day{background:var(--paper);border:1px solid var(--line);padding:16px 20px;border-radius:14px;text-align:left;color:var(--muted)}.day.active{border:2px solid var(--blue);padding:15px 19px;background:#eef3ff;color:var(--blue)}.day .date{font-size:1.25rem;font-weight:750;display:block;line-height:1.3}.day .date small{font-size:.9rem;margin-left:8px;font-weight:600}.day .theme{font-size:.88rem;display:block;margin-top:6px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0}.section-heading .eyebrow{display:block;margin-bottom:6px}.timezone-note{font-size:.8rem;color:var(--muted)}.itinerary-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px}.timeline{position:relative}.timeline:before{content:"";position:absolute;top:21px;bottom:30px;left:85px;width:2px;background:var(--line)}.event{display:grid;grid-template-columns:68px 1fr;gap:40px;position:relative;padding-bottom:22px}.event:before{content:"";position:absolute;top:22px;left:80px;width:12px;height:12px;border-radius:50%;background:var(--blue);border:3px solid var(--surface)}.event-time{padding-top:15px;text-align:right;line-height:1.3;font-variant-numeric:tabular-nums}.event-time strong{font-size:1.12rem;display:block}.event-time small{font-size:.75rem;color:var(--muted);display:block;margin-top:4px}.event-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px 20px}.event-card p{font-size:.96rem;margin-top:9px;color:var(--muted)}.event-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.badge{display:inline-block;white-space:nowrap;border-radius:6px;font-size:.7rem;line-height:1.6;font-weight:650;padding:3px 7px;background:#edf1f7;color:#4c5d7a}.badge.confirmed{background:#e9efff;color:#244aad}.badge.suggested{background:#fff0e5;color:#974113}.badge.optional{background:#edf1f7;color:#52617a}.card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:.86rem;line-height:1.4;border-radius:10px;padding:10px 14px;text-decoration:none;font-weight:650;border:1px solid transparent;gap:6px}.button.primary{background:var(--blue);color:white}.button.secondary{background:var(--paper);border-color:var(--line);color:var(--navy)}.text-link{font-size:.85rem;font-weight:650;text-underline-offset:3px}.aside-card{padding:20px;border-radius:16px;background:#eaf0ff;border:1px solid #d2ddfc;margin-bottom:16px}.aside-card h3{color:#20429a}.aside-card p{font-size:.9rem;margin-top:10px}.aside-card.warning{background:#fff1e7;border-color:#f1d7c6}.aside-card.warning h3{color:#914317}.aside-card .text-link{display:inline-block;margin-top:12px}.hotel-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;margin-top:20px}.hotel-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.hotel-top h2{margin-top:6px}.hotel-times{display:flex;gap:40px;padding:16px 0}.hotel-times span{display:block;color:var(--muted);font-size:.85rem}.hotel-times strong{font-size:1.12rem}.address{font-size:.92rem;font-weight:650;overflow-wrap:anywhere}
.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.filter{border:1px solid var(--line);background:white;border-radius:24px;padding:9px 16px;font-size:.88rem;color:var(--muted);min-height:44px}.filter.active{background:var(--navy);border-color:var(--navy);color:white}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.shop-card{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column}.shop-card .shop-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.shop-card .neighborhood{font-size:.8rem;color:var(--muted);margin-bottom:8px}.shop-card h3{font-size:1.17rem}.shop-card .korean-name{font-size:.85rem;color:var(--muted);margin-top:3px}.shop-card>p{font-size:.94rem;margin-top:16px}.shop-details{margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--line);font-size:.86rem}.shop-details dt{font-weight:700;margin-top:8px}.shop-details dd{margin:2px 0 0;color:var(--muted);overflow-wrap:anywhere}.shop-note{padding:10px 12px;background:var(--surface);border-radius:9px;font-size:.85rem;margin-top:14px;color:var(--muted)}.shop-card .card-actions{margin-top:auto;padding-top:20px}.tips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tip-card{background:white;border:1px solid var(--line);border-radius:16px;padding:22px}.tip-card h3{display:flex;gap:10px;align-items:center}.tip-card .tip-number{color:var(--blue);font-size:.8rem;font-weight:750}.tip-card .takeaway{margin-top:14px;font-weight:650}.tip-card .details{font-size:.93rem;margin-top:9px;color:var(--muted)}.tip-card .text-link{display:inline-block;margin-top:16px}.install-card{margin-top:24px;background:var(--navy);color:white;border-radius:18px;padding:24px;display:flex;gap:22px;justify-content:space-between;align-items:center}.install-card p{color:#d3def6;font-size:.92rem;margin-top:8px}.install-card>button{flex-shrink:0;background:white!important;color:var(--blue)!important}footer{font-size:.75rem;color:var(--muted);padding:30px 2px 0}footer p+p{margin-top:6px}footer a{color:inherit}.toast{position:fixed;bottom:34px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--navy);color:white;padding:12px 22px;border-radius:12px;z-index:80;max-width:calc(100% - 32px);text-align:center;pointer-events:none;transition:opacity .15s,transform .15s}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);border-radius:20px;color:var(--ink);padding:28px;width:min(440px,calc(100% - 32px));box-shadow:0 20px 100px #00123c33}dialog::backdrop{background:#10203d80}dialog h2{margin:8px 0 18px}dialog p+p{margin-top:18px}dialog .button{margin-top:24px;width:100%}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:none;color:var(--muted);font-size:1.6rem;min-width:44px;min-height:44px}
@media(max-width:1180px){.page-shell{padding-left:24px;padding-right:24px}}@media(max-width:820px){.itinerary-layout{grid-template-columns:1fr}.day-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.aside-card{margin:0}.intro-image{width:36%}.quick-facts>div,.quick-facts>button{padding:0 16px}}@media(max-width:600px){.topbar{height:72px;padding:0 18px}.brand{font-size:1rem;gap:9px}.brand-mark{width:36px;height:36px;font-size:1.4rem;border-radius:10px}.brand-sub{font-size:.6rem}.header-actions{gap:8px}.connection{max-width:82px;font-size:.7rem;line-height:1.35;text-align:right}.icon-button{padding:8px}.icon-button span{display:none}.page-shell{padding:0 16px 104px}.trip-intro{padding:22px;gap:16px;min-height:205px;border-radius:18px}.intro-copy{width:100%}h1{font-size:2rem}.trip-dates{font-size:1rem}.date-tag{display:block;margin:4px 0 0}.intro-note{font-size:.92rem;max-width:210px}.intro-image{position:absolute;width:41%;right:0;top:0;height:100%;border-radius:0;opacity:.2}.intro-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy),transparent)}.quick-facts{padding:14px 2px;margin-top:14px}.quick-facts>div,.quick-facts>button{padding:0 10px}.quick-facts strong{font-size:.9rem}.quick-facts strong span{display:block;margin:0;font-size:1.1rem}.quick-facts small,.fact-label{font-size:.7rem}.main-tabs{position:fixed;bottom:0;left:0;right:0;background:white;z-index:30;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);gap:4px;box-shadow:0 -5px 30px #1423420a;justify-content:center}.tab{flex:1;max-width:160px;padding:9px 8px;font-size:.8rem;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px}.tab>span{margin:0;font-size:1.1rem}.day-picker{gap:8px;margin-top:22px;margin-bottom:24px}.day{padding:12px 11px;border-radius:12px}.day.active{padding:11px 10px}.day .date{font-size:1.08rem}.day .date small{font-size:.8rem;margin-left:3px}.day .theme{font-size:.75rem;margin-top:6px}.section-heading{align-items:flex-end;margin-top:24px;margin-bottom:20px}.section-heading h2{font-size:1.3rem}.timezone-note{font-size:.7rem;max-width:90px;text-align:right}.itinerary-layout{gap:14px}.timeline:before{left:57px}.event{grid-template-columns:47px 1fr;gap:24px;padding-bottom:16px}.event:before{left:52px;top:20px}.event-time strong{font-size:.97rem}.event-time small{font-size:.65rem}.event-card{padding:16px;border-radius:14px}.event-card p{font-size:.9rem}.event-top{display:block}.event-top .badge{margin-top:7px}.event-top h3{font-size:1rem}.card-actions{gap:8px;margin-top:12px}.button{font-size:.8rem;padding:10px 12px}.day-aside{grid-template-columns:1fr;gap:12px}.aside-card{padding:18px}.hotel-card{padding:20px;margin-top:24px}.hotel-top{display:block}.hotel-top .badge{margin-top:12px}.hotel-top h2{font-size:1.3rem}.shop-grid,.tips-grid{grid-template-columns:1fr}.shop-card,.tip-card{padding:20px}.shop-card .card-actions{padding-top:18px}.install-card{display:block;padding:22px}.install-card .button{width:100%;margin-top:18px}.toast{bottom:calc(86px + env(safe-area-inset-bottom));font-size:.9rem}footer{font-size:.75rem}.filter{font-size:.85rem;padding:9px 14px}}
button.text-link,.copy-link{border:0;background:none;padding:8px;color:var(--blue);min-height:44px;cursor:pointer}.sources{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:0}.sources .text-link{font-size:.8rem}#hotel{scroll-margin-top:90px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Keep the active view close to the navigation, with the map in its own stack. */
body[data-view]:not([data-view="itinerary"]) .trip-intro{display:none}
#main{scroll-margin-top:90px}
.main-tabs{position:sticky;top:0;background:var(--surface);z-index:30}
.map-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:20px;align-items:start}
.map-panel,.map-place-panel{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}
#trip-map{height:420px;width:100%;position:relative;isolation:isolate;z-index:0;background:#e8edf3;font-family:inherit}
#trip-map .leaflet-control-attribution{font-size:10px;line-height:1.4;padding:2px 5px;max-width:100%}
#trip-map .leaflet-control-zoom a{width:36px;height:36px;line-height:36px}
#trip-map .leaflet-popup-content{font-size:.86rem;line-height:1.6;overflow-wrap:anywhere}
.place-map-pin{display:grid!important;place-items:center;border-radius:50%;background:var(--blue);border:2px solid white;color:white;font-size:.82rem;font-weight:750;line-height:1;box-shadow:0 2px 7px #14234240}
.place-map-pin.approximate{background:white;color:var(--blue);border:2px dashed var(--blue)}
.place-map-pin.hotel-pin{background:var(--navy);border-radius:9px;color:white}
.place-map-pin:focus-visible{outline:3px solid #ffb155;outline-offset:4px}
.map-status{padding:12px 16px 0;font-size:.85rem;color:var(--muted)}
.map-legend{padding:8px 16px 16px;font-size:.77rem;line-height:1.6;color:var(--muted)}
.map-place-panel{padding:22px}
.map-place-panel>label{display:block;font-weight:700;font-size:.88rem;margin-bottom:8px}
.map-place-panel select{font:inherit;font-size:.9rem;line-height:1.5;min-height:48px;width:100%;max-width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 34px 10px 12px}
.map-place-panel select:focus-visible{outline:3px solid #ffb155;outline-offset:3px}
#map-detail{padding-top:20px;overflow-wrap:anywhere}
#map-detail .neighborhood{font-size:.8rem;color:var(--muted);margin-bottom:6px}
#map-detail h3{font-size:1.18rem;margin-bottom:9px}
#map-detail .address{margin-top:12px}
#map-detail>p:not(.address):not(.neighborhood):not(.map-precision){font-size:.9rem}
.map-precision{display:inline-block;background:var(--surface);border-radius:6px;padding:3px 8px;color:var(--muted);font-size:.76rem}
.map-members{color:var(--ink);font-weight:650;line-height:1.8}
.map-location-note{padding:12px;background:var(--surface);border-radius:10px;color:var(--muted);margin-top:14px}
.map-route-help{margin-top:14px!important}
.return-buffer{margin-top:22px;border:1px solid #f1d7c6;background:#fff1e7;border-radius:16px;padding:20px 22px}
.return-buffer h3{color:#914317}
.return-buffer p{margin-top:8px;font-size:.94rem}
.transport-note{font-size:.9rem;color:var(--muted);margin-bottom:18px}
.transport-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.route-card{border:1px solid var(--line);border-radius:14px;background:var(--paper);overflow:hidden;min-width:0}
.route-card summary{cursor:pointer;min-height:66px;padding:17px 20px;list-style:none;position:relative;padding-right:44px}
.route-card summary::-webkit-details-marker{display:none}
.route-card summary:after{content:"＋";position:absolute;right:18px;top:17px;color:var(--blue);font-size:1.1rem}
.route-card[open] summary:after{content:"−"}
.route-card summary strong{display:block;line-height:1.45;font-size:.98rem}
.route-card summary span{display:block;font-size:.8rem;color:var(--muted);margin-top:6px;line-height:1.55}
.route-card[open] summary{border-bottom:1px solid var(--line)}
.route-card ol{padding-left:40px;padding-right:20px;margin:18px 0;font-size:.9rem}
.route-card li+li,#transport-tips li+li{margin-top:8px}
.route-card>p{padding:0 20px;font-size:.9rem;color:var(--muted)}
.route-card>.card-actions{padding:0 20px 20px;margin-top:16px;align-items:flex-start}
.route-card>.card-actions .text-link{display:inline-block;line-height:1.6;overflow-wrap:anywhere}
#transport-tips ul{padding-left:20px;margin:14px 0 0;font-size:.9rem;color:var(--muted)}

/* Device-local interests use native checkboxes and remain readable on phones. */
.preferences-dialog{width:min(680px,calc(100% - 32px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;padding:28px}
.preferences-dialog h2{padding-right:28px}
.preference-summary{font-size:.9rem;color:var(--muted);margin-bottom:18px;line-height:1.6}
.preference-group{border:1px solid var(--line);border-radius:12px;background:var(--paper);margin-top:12px;overflow:hidden}
.preference-group>summary{cursor:pointer;padding:12px 16px;min-height:48px;font-weight:700;line-height:1.5}
.preference-group[open]>summary{border-bottom:1px solid var(--line);background:var(--surface)}
.preference-category{padding:4px 12px}
.preferences-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px}
.preferences-toolbar .button{flex-shrink:0}
label.preference-category{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 16px;font-weight:700;cursor:pointer}
label.preference-category small{margin-left:auto;color:var(--muted);font-size:.8rem;font-weight:400}
.preference-group{position:relative}
label.preference-category{padding-right:116px;min-height:58px}
.preference-group details>summary{position:absolute;top:7px;right:8px;padding:10px 8px;min-height:44px;font-size:.8rem;color:var(--muted);cursor:pointer}
.preference-group details[open] .preference-items{border-top:1px solid var(--line);padding-top:10px}
.preference-items label span{min-width:0}
.preference-items label small{display:block;color:var(--muted);font-size:.76rem;font-weight:400;margin-top:3px}
.preferences-dialog input:focus-visible{outline:3px solid #ffb155;outline-offset:3px}
.preference-category label,.preference-items label{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:10px 8px;cursor:pointer;line-height:1.5;font-size:.9rem;overflow-wrap:anywhere}
.preference-category>label{font-weight:700}
.preference-category input[type="checkbox"],.preference-items input[type="checkbox"]{width:20px;height:20px;flex:0 0 20px;margin:1px 0 0;accent-color:var(--blue);cursor:pointer}
.preference-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;padding:4px 12px 10px}
.preference-items label{border-radius:8px}
.preference-items label:has(input:checked){background:#eef3ff}
.preferences-actions{display:flex;gap:10px;flex-wrap:wrap;position:sticky;bottom:0;background:var(--paper);border-top:1px solid var(--line);margin-top:20px;padding:16px 0 0}
.preferences-actions .button{margin-top:0;width:auto;flex:1;min-width:120px}

@media(max-width:820px){.map-layout{grid-template-columns:1fr}.map-place-panel{padding:20px}.transport-routes{grid-template-columns:1fr}}
@media(max-width:600px){
  .main-tabs{position:fixed;top:auto;bottom:0;background:var(--paper);padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:4px}
  .main-tabs .tab{min-width:0;max-width:none;flex:1;font-size:.75rem;padding:8px 4px;gap:3px;white-space:nowrap}
  .main-tabs .tab>span{font-size:1rem}
  #main{scroll-margin-top:16px}
  .map-layout{gap:14px}
  #trip-map{height:350px}
  .map-place-panel{padding:18px}
  #map-detail{padding-top:16px}
  .map-status{padding-left:14px;padding-right:14px;font-size:.8rem}
  .map-legend{padding-left:14px;padding-right:14px;font-size:.75rem}
  .return-buffer{padding:18px;margin-top:18px}
  .return-buffer p{font-size:.9rem}
  .route-card summary{padding:16px 40px 16px 18px}
  .route-card summary:after{right:14px;top:15px}
  .route-card ol{padding-left:36px;padding-right:18px}
  .route-card>p{padding-left:18px;padding-right:18px}
  .route-card>.card-actions{padding-left:18px;padding-right:18px}
  .preferences-dialog{width:calc(100% - 20px);max-width:none;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);padding:22px 16px;border-radius:16px}
  .preference-items{grid-template-columns:1fr;gap:2px;padding-left:10px;padding-right:10px}
  .preference-category{padding-left:10px;padding-right:10px}
  .preferences-actions{padding-bottom:6px;gap:8px}
  .preferences-actions .button{font-size:.82rem;padding:10px;min-width:0}
}