:root{--ink:#19241f;--muted:#6b756f;--paper:#f5f3ec;--cream:#fffdf7;--line:#dfddd2;--lime:#d9ff66;--coral:#ff6b4a;--green:#123e2b;--font-manrope:"Avenir Next",Avenir,"Helvetica Neue";--font-noto:"PingFang HK","Noto Sans TC","Microsoft JhengHei"}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-manrope),var(--font-noto),sans-serif;margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#f5f3ece6;border-bottom:1px solid #19241f1a;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(20px,5vw,72px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:11px;width:max-content;display:flex}.brand-mark{background:var(--green);width:38px;height:38px;color:var(--lime);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:22px;font-style:italic;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.02em;font-size:14px}.brand small{color:var(--muted);margin-top:1px;font-size:10px}.trip-chip{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;justify-self:center;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:700;display:flex}.live-dot{background:#39a566;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #39a56621}.avatar{color:#fff;background:var(--coral);cursor:pointer;border:0;border-radius:50%;justify-self:end;width:38px;height:38px;font-weight:800}.hero{grid-template-columns:1.3fr .7fr;align-items:end;gap:60px;padding:clamp(56px,8vw,110px) clamp(20px,7vw,100px) 52px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #123e2b1f;border-radius:50%;width:430px;height:430px;position:absolute;top:-230px;right:-150px;box-shadow:0 0 0 55px #123e2b06,0 0 0 110px #123e2b05}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#69746e;margin:0 0 12px;font-size:10px;font-weight:800}.hero h1{font-family:Georgia,var(--font-noto),serif;letter-spacing:-.065em;margin:0;font-size:clamp(58px,9vw,126px);font-weight:500;line-height:.8}.hero h1 em{color:var(--coral);font-weight:400}.hero-sub{max-width:590px;color:var(--muted);margin:28px 0 0;font-size:clamp(15px,1.6vw,19px);line-height:1.65}.hero-stats{border-top:1px solid var(--line);z-index:1;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:24px;display:grid;position:relative}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-family:Georgia,serif;font-size:42px;font-weight:500}.hero-stats span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:3px;font-size:10px}.day-strip{z-index:10;background:#e9e6dc;border-radius:22px;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 clamp(20px,5vw,72px);padding:8px;display:grid;position:sticky;top:88px;box-shadow:0 12px 32px #19241f0f}.day-strip button{text-align:left;color:#66706b;cursor:pointer;background:0 0;border:0;border-radius:16px;padding:14px 16px;transition:all .2s}.day-strip button:hover{background:#ffffff80}.day-strip button.active{background:var(--green);color:#fff;box-shadow:0 8px 18px #123e2b2e}.day-strip span,.day-strip strong,.day-strip small{display:block}.day-strip span{text-transform:uppercase;letter-spacing:.12em;font-size:9px}.day-strip strong{margin:4px 0 2px;font-size:14px}.day-strip small{opacity:.65;font-size:10px}.workspace{grid-template-columns:minmax(0,1.38fr) minmax(320px,.62fr);gap:42px;max-width:1600px;margin:auto;padding:60px clamp(20px,5vw,72px) 90px;display:grid}.itinerary-column{min-width:0}.day-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px;display:flex}.day-heading h2{font-family:Georgia,var(--font-noto),serif;letter-spacing:-.035em;margin:0;font-size:clamp(32px,4vw,52px);font-weight:500}.weather-block{margin:0 0 22px}.weather-block .weather-card{margin:0}.weather-card{background:var(--cream);border:1px solid var(--line);border-left:5px solid #6fa98a;border-radius:18px;grid-template-columns:auto auto auto minmax(190px,1fr);align-items:center;gap:15px;margin:0 0 22px;padding:14px 16px;display:grid;box-shadow:0 8px 22px #19241f0b}.weather-icon{font-size:31px}.weather-summary .eyebrow{margin:0 0 3px;font-size:8px}.weather-summary>strong{font-size:17px}.rain-stat{border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 16px}.rain-stat span,.rain-stat strong,.rain-stat small,.weather-warning strong,.weather-warning small{display:block}.rain-stat span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:8px;font-weight:800}.rain-stat strong{margin-top:2px;font-size:17px}.rain-stat small{color:var(--muted);font-size:8px}.weather-warning strong{font-size:10px;line-height:1.45}.weather-warning small{font-family:var(--font-noto),sans-serif;color:#536159;margin-top:3px;font-size:10px;line-height:1.55}.weather-high{border-left-color:var(--coral);background:#fff4ec}.weather-medium{background:#fff9e9;border-left-color:#e3a936}.weather-heat{background:#fff7ed;border-left-color:#f0814c}.weather-loading,.weather-unavailable{color:var(--muted);grid-template-columns:auto 1fr;min-height:76px;font-size:10px}.weather-unavailable strong,.weather-unavailable small{display:block}.weather-unavailable small{font-family:var(--font-noto),sans-serif;margin-top:4px}.weather-card a,footer a{text-underline-offset:2px;text-decoration:underline}.weather-hourly{border:1px solid var(--line);background:#fffdf7b3;border-radius:16px;margin-top:7px;overflow:hidden}.weather-hourly summary{cursor:pointer;color:var(--green);justify-content:space-between;align-items:center;gap:16px;padding:11px 14px;font-size:9px;font-weight:800;list-style:none;display:flex}.weather-hourly summary::-webkit-details-marker{display:none}.weather-hourly summary:after{content:"＋";font-size:15px;line-height:1}.weather-hourly[open] summary:after{content:"−"}.weather-hourly summary>span{white-space:nowrap}.weather-hourly summary>small{color:var(--muted);text-align:right;margin-left:auto;font-size:8px;font-weight:600}.hourly-scroll{scroll-snap-type:x proximity;grid-auto-columns:72px;grid-auto-flow:column;gap:7px;padding:4px 14px 14px;display:grid;overflow-x:auto}.hour-card{scroll-snap-align:start;background:var(--cream);border:1px solid #e2dfd5;border-radius:13px;place-items:center;gap:4px;padding:9px 5px;display:grid}.hour-card time{font-size:9px;font-weight:900}.hour-card>span{font-size:20px}.hour-card strong{font-size:13px}.hour-card small{color:var(--muted);font-size:8px}.hour-card.hour-wet{background:#fff1e8;border-color:#f1b39e}.hour-card.hour-wet small:first-of-type{color:#b8482d;font-weight:900}.hourly-note{color:var(--muted);margin:0;padding:0 14px 11px;font-size:8px}.view-controls{justify-content:space-between;align-items:center;gap:14px;margin:-4px 0 22px;display:flex}.filter-group{border:1px solid var(--line);background:#ffffff73;border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex;overflow-x:auto}.view-controls button{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:800}.view-controls button.active{background:var(--cream);color:var(--green);box-shadow:0 3px 10px #19241f14}.booking-banner{color:#155c37;background:#e2f7e9;border:1px solid #bfe5ce;border-radius:16px;align-items:center;gap:12px;margin-bottom:18px;padding:13px 15px;display:flex}.booking-banner>span{color:#fff;background:#2f9a5d;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.booking-banner strong,.booking-banner small{display:block}.booking-banner strong{font-size:11px}.booking-banner small{color:#4d7d61;margin-top:2px;font-size:9px}.timeline{flex-direction:column;gap:14px;display:flex;position:relative}.timeline:before{content:"";background:#d3d1c7;width:1px;position:absolute;top:35px;bottom:35px;left:27px}.stop-card{grid-template-columns:56px 1fr;gap:16px;display:grid;position:relative}.timeline-dot{border:4px solid var(--paper);z-index:1;color:#758078;background:#e7e4d9;border-radius:18px;place-items:center;width:55px;height:55px;font-size:18px;font-weight:800;display:grid}.food-card .timeline-dot{background:var(--lime);color:var(--green)}.stop-content{background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:20px 22px;transition:all .2s}.food-card .stop-content:hover{border-color:#cbc8ba;transform:translateY(-2px);box-shadow:0 14px 32px #19241f14}.logistics-card .stop-content{background:0 0;border-style:dashed}.stop-topline{justify-content:space-between;align-items:start;gap:16px;display:flex}.stop-time{margin:0;font-size:12px;font-weight:800}.stop-area{color:var(--muted);margin:3px 0 0;font-size:10px}.status{text-transform:uppercase;letter-spacing:.08em;color:#68726d;background:#e9e7df;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.status-booked{color:#20754a;background:#dcf5e6}.status-confirm,.status-to-book{color:#9a6511;background:#fff0d6}.status-optional{color:#6745a3;background:#eee8ff}.stop-content h3{font-family:Georgia,var(--font-noto),serif;letter-spacing:-.025em;margin:14px 0 4px;font-size:24px;font-weight:600;line-height:1.18}.stop-address{color:#7b847f;margin:0 0 12px;font-size:10px;line-height:1.45}.description{color:#4d5852;margin:0;font-size:13px;line-height:1.65}.description-zh{font-family:var(--font-noto),sans-serif;color:#31423a;border-left:2px solid var(--lime);margin:9px 0 0;padding-left:12px;font-size:13px;line-height:1.8}.card-footer{border-top:1px solid #ece9df;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.type-pill{color:#65716a;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.card-footer a{border-bottom:1px solid #aeb5b0;padding-bottom:2px;font-size:11px;font-weight:800}.timing-note{color:#5d6862;background:#f3f1e9;border-radius:12px;margin-top:12px;padding:9px 11px}.timing-note summary{text-transform:uppercase;letter-spacing:.07em;cursor:pointer;font-size:9px;font-weight:800}.timing-note p{margin:8px 0 1px;font-size:11px;line-height:1.55}.timing-note .timing-zh{font-family:var(--font-noto),sans-serif;color:#31423a;border-top:1px solid #dfddd2;margin-top:5px;padding-top:5px}.backup-panel{background:#f7f4ff;border:1px solid #ded7f1;border-radius:15px;margin-top:15px;overflow:hidden}.backup-panel-head{color:#56358f;background:#eee8ff;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.backup-panel-head strong{text-transform:uppercase;letter-spacing:.07em;font-size:10px}.backup-panel-head span{font-size:8px}.backup-option{grid-template-columns:24px 1fr auto;align-items:start;gap:10px;padding:12px;display:grid}.backup-option+.backup-option{border-top:1px solid #e5dff3}.backup-number{color:#fff;background:#6745a3;border-radius:8px;place-items:center;width:22px;height:22px;font-size:9px;font-weight:900;display:grid}.backup-title{align-items:baseline;gap:7px;display:flex}.backup-title strong{font-size:12px}.backup-title small{color:#7a6a95;font-size:8px}.backup-address{color:#887d9a!important;margin-top:2px!important;font-size:8px!important}.backup-option p{color:#554d61;margin:5px 0 0;font-size:10px;line-height:1.5}.backup-option .backup-zh{font-family:var(--font-noto),sans-serif;color:#40364f}.backup-option>a{white-space:nowrap;border-bottom:1px solid #8e7aac;padding-bottom:2px;font-size:9px;font-weight:800}.food-heading{grid-template-columns:92px 1fr;align-items:center;gap:15px;margin:14px 0 12px;display:grid}.food-heading h3{margin:0 0 4px}.food-heading .stop-address{margin-bottom:8px}.food-thumbnail{background:#e5e2d5;border-radius:16px;width:92px;height:92px;position:relative;overflow:hidden}.food-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.food-thumbnail span{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#123e2bdb;border-radius:999px;padding:3px 5px;font-size:6px;font-weight:800;position:absolute;bottom:6px;left:6px}.venue-photo-action{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.venue-photo-action button{color:var(--green);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #9aa49e;padding:0 0 2px;font-size:9px;font-weight:800}.venue-photo-action button:disabled{opacity:.55;cursor:wait}.venue-photo-action span{color:#a24b36;font-size:8px}.venue-photo-action a{text-decoration:underline}.venue-photo{color:#fff;background:#152b22;border-radius:15px;margin:12px 0 2px;overflow:hidden}.venue-photo>img{object-fit:cover;width:100%;height:min(260px,36vw);display:block}.venue-photo figcaption{color:#c5d2cc;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;font-size:8px;line-height:1.4;display:flex}.venue-photo figcaption a{color:var(--lime);text-decoration:underline}.venue-photo figcaption button{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;padding:5px 8px;font-size:8px}.route-panel{background:var(--green);color:#fff;border-radius:28px;align-self:start;max-height:calc(100vh - 215px);padding:24px;position:sticky;top:190px;overflow:auto;box-shadow:0 24px 60px #123e2b2e}.route-head{justify-content:space-between;align-items:start;gap:20px;display:flex}.route-head .eyebrow{color:#a9c0b5}.route-head h2{margin:0;font-family:Georgia,serif;font-size:28px;font-weight:500}.route-head>span{text-transform:uppercase;letter-spacing:.09em;color:var(--lime);padding-top:3px;font-size:9px}.mini-map{background-color:#e7e3d4;background-image:linear-gradient(28deg,#0000 48%,#5b625a29 49% 51%,#0000 52%),linear-gradient(112deg,#0000 48%,#5b625a21 49% 51%,#0000 52%);background-size:58px 44px;border-radius:20px;height:280px;margin:24px 0 12px;position:relative;overflow:hidden}.river{background:#a9dbe1;border-top:3px solid #ffffff80;border-bottom:3px solid #ffffff80;width:150%;height:44px;position:absolute;top:53%;left:-25%;transform:rotate(-14deg)}.street{background:#ffffffbd;border-radius:99px;width:130%;height:3px;position:absolute;left:-15%}.street-one{top:34%;transform:rotate(9deg)}.street-two{top:70%;transform:rotate(-4deg)}.street-three{top:22%;transform:rotate(-30deg)}.map-pin{z-index:3;background:var(--coral);color:#fff;border:2px solid #fff;border-radius:50% 50% 50% 0;place-items:center;width:27px;height:27px;font-size:10px;font-weight:900;display:grid;position:absolute;transform:rotate(-45deg);box-shadow:0 5px 12px #19241f40}.map-pin span{transform:rotate(45deg)}.map-label{color:#19241f73;letter-spacing:.14em;z-index:1;font-size:9px;font-weight:900;position:absolute}.label-asok{top:24%;right:9%}.label-siam{top:64%;left:27%}.label-silom{bottom:12%;left:55%}.map-caption{color:#9db2a8;margin:0 0 18px;font-size:9px}.route-list{flex-direction:column;display:flex}.route-list a{border-top:1px solid #ffffff1a;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.route-list a>span{color:var(--lime);font-size:10px;font-weight:900}.route-list strong,.route-list small{display:block}.route-list strong{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:11px;overflow:hidden}.route-list small{color:#9db2a8;margin-top:2px;font-size:9px}.route-list b{color:var(--lime);font-size:11px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:24px clamp(20px,5vw,72px);font-size:10px;display:flex}@media (max-width:900px){.site-header{grid-template-columns:1fr auto}.trip-chip{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-stats{max-width:520px}.workspace{grid-template-columns:1fr}.route-panel{order:-1;max-height:none;position:relative;top:auto}.mini-map{height:230px}.day-strip{grid-template-columns:repeat(5,minmax(118px,1fr));top:84px;overflow-x:auto}}@media (max-width:560px){.site-header{height:68px;padding:0 16px}.brand small{display:none}.hero{padding:46px 20px 34px}.hero h1{font-size:62px}.hero-sub{font-size:14px}.hero-stats{gap:10px}.hero-stats strong{font-size:32px}.day-strip{border-radius:18px;margin:0 12px;padding:6px;top:76px}.day-strip button{padding:11px 12px}.workspace{gap:26px;padding:42px 14px 64px}.day-heading{padding:0 4px}.weather-card{grid-template-columns:auto 1fr auto;gap:10px;padding:13px 12px}.weather-icon{font-size:26px}.weather-summary>strong,.rain-stat strong{font-size:15px}.rain-stat{border-right:0;padding:0 0 0 10px}.weather-warning{border-top:1px solid var(--line);grid-column:1/-1;padding-top:10px}.weather-loading,.weather-unavailable{grid-template-columns:auto 1fr}.weather-hourly summary{flex-wrap:wrap;align-items:flex-start}.weather-hourly summary>small{text-align:left;order:3;width:100%;margin:0}.view-controls{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-group button{flex:1}.stop-card{grid-template-columns:44px 1fr;gap:8px}.timeline:before{left:21px}.timeline-dot{border-radius:14px;width:43px;height:43px;font-size:15px}.stop-content{border-radius:18px;padding:17px 16px}.stop-content h3{font-size:21px}.food-heading{grid-template-columns:74px 1fr;gap:11px}.food-thumbnail{border-radius:13px;width:74px;height:74px}.description,.description-zh{font-size:12px}.venue-photo>img{height:210px}.venue-photo figcaption{align-items:flex-start}.route-panel{border-radius:22px;padding:18px}.route-list strong{max-width:175px}footer{text-align:center;display:block}footer p{margin:4px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.food-card{cursor:pointer}.food-card.selected .timeline-dot{background:var(--coral);color:#fff}.food-card.selected .stop-content{border-color:var(--coral);box-shadow:0 0 0 3px #ff6b4a1f,0 14px 32px #19241f14}.google-map-wrap{background:#e7e3d4;border-radius:20px;height:290px;margin:24px 0 12px;position:relative;overflow:hidden}.google-map{position:absolute;inset:0}.map-state{color:var(--green);text-align:center;background:#e7e3d4;place-items:center;padding:24px;font-size:11px;font-weight:800;display:grid;position:absolute;inset:0}.map-error{color:#873c2a;background:#f8e9df}.map-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;pointer-events:none;background:#123e2be6;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800;position:absolute;bottom:10px;left:10px;box-shadow:0 4px 14px #0000002e}.google-map-marker{background:var(--coral);color:#fff;width:30px;height:30px;font:900 10px var(--font-manrope);cursor:pointer;border:2px solid #fff;border-radius:50%;place-items:center;transition:transform .18s,background .18s;display:grid;box-shadow:0 5px 13px #19241f4d}.google-map-marker:hover,.google-map-marker.selected{background:var(--green);color:var(--lime);z-index:2;transform:scale(1.22)}.route-row{border-top:1px solid #ffffff1a;border-radius:10px;grid-template-columns:1fr 26px;align-items:center;transition:background .18s;display:grid}.route-row.selected{background:#d9ff661a}.route-row>button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:28px 1fr;align-items:center;gap:10px;min-width:0;padding:12px 8px 12px 0;display:grid}.route-row>button>span:first-child{color:var(--lime);font-size:10px;font-weight:900}.route-row strong,.route-row small{display:block}.route-row strong{white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-size:11px;overflow:hidden}.route-row small{color:#9db2a8;margin-top:2px;font-size:9px}.route-row>a{width:26px;height:26px;color:var(--lime);border-radius:50%;place-items:center;font-size:11px;display:grid}.route-row>a:hover{background:#ffffff1f}@media (max-width:900px){.google-map-wrap{height:250px}}