:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#263344;background:#e7edf4;font-synthesis:none;--blue:#0194f3;--blue-dark:#147acc;--muted:#778593;--line:#e7edf2;--surface:#fff;--page:#f7f9fa}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center}button,input,textarea{font:inherit}button{cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.phone{position:relative;width:min(100%,400px);height:min(100dvh,852px);overflow:hidden;background:var(--page);box-shadow:0 24px 70px #1d45612b;border-radius:30px}.page-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;padding-bottom:95px;scrollbar-width:none}.page-scroll::-webkit-scrollbar,.card-rail::-webkit-scrollbar{display:none}.hero{padding:14px 16px 35px;background:linear-gradient(168deg,#058ff0 0%,#0999ee 65%,#66c7ef 100%);border-radius:0 0 24px 24px;color:#fff}.status-bar{height:22px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:14px;font-weight:650;letter-spacing:.01em}.status-icons{display:flex;gap:6px;align-items:center;font-size:16px;line-height:1}.signal{letter-spacing:-3px;margin-right:3px}.wifi{font-size:17px;transform:rotate(-35deg)}.battery{padding:1px 5px;border-radius:5px;background:#fff;color:#078ee8;font-size:12px;font-weight:800}.header-row{display:flex;align-items:center;justify-content:space-between;margin-top:27px;margin-bottom:24px}.brand{display:block;width:151px;height:auto}.header-actions{display:flex;align-items:center;gap:11px}.icon-button{border:0;background:none;color:inherit;padding:3px;display:grid;place-items:center}.header-action{position:relative}.header-action svg{width:22px;height:22px;stroke-width:2.2}.notification-dot{position:absolute;right:1px;top:0;width:7px;height:7px;background:#fa763a;border-radius:50%}.services{background:#fff;border-radius:16px;color:#2d333a;box-shadow:0 4px 10px #12588016,0 0 0 1px #0b69850a;padding:16px 10px 13px}.primary-services,.secondary-services{display:grid;align-items:start}.primary-services{grid-template-columns:repeat(4,1fr);gap:4px}.secondary-services{grid-template-columns:repeat(5,1fr);gap:2px;margin-top:17px}.service{border:0;background:none;min-width:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#2d333a;font-size:11px;font-weight:500;line-height:1.18}.service:active{transform:scale(.96)}.service-icon{display:grid;place-items:center;flex:none}.service-icon.circle{width:45px;height:45px;border-radius:50%;color:#fff;box-shadow:inset 0 1px 4px #ffffff55}.service-icon.circle svg{width:27px;height:27px;stroke-width:2.5}.hotel{background:linear-gradient(140deg,#1d416e,#245887)}.flight{background:linear-gradient(145deg,#57c9f3,#159de4)}.activity{background:linear-gradient(145deg,#ff7276,#ef5861)}.train{background:linear-gradient(145deg,#ffae18,#f19112)}.service-icon.small{height:27px}.service-icon.small svg{width:25px;height:25px;stroke-width:2.2}.bus{color:#36ba62}.transfer{color:#56c5c2}.rental{color:#219f9e}.alert{color:#4c94d3}.status{color:#439bd4}.secondary-services .service{font-size:10px;gap:7px}.main-content{padding:0 16px 28px}.search-bar{position:relative;display:flex;align-items:center;gap:12px;text-align:left;width:100%;height:48px;margin-top:-23px;padding:0 16px;background:#fff;border:1px solid #e9eef2;border-radius:26px;box-shadow:0 5px 11px #29475b1c;color:#929da7;font-size:14px;z-index:1}.search-bar svg{color:#8998a5;width:20px;height:20px}.ai-card{width:100%;min-height:78px;display:flex;align-items:center;gap:13px;margin-top:16px;padding:14px 13px;border:1px solid #9ae3e9;border-radius:15px;color:#fff;text-align:left;background:radial-gradient(circle at 65% 130%,#51d6c2 0%,transparent 49%),linear-gradient(110deg,#2f7df2 0%,#298ddd 55%,#47c6df 100%);box-shadow:0 5px 13px #168ac535;position:relative;overflow:hidden}.ai-card:before{content:"";position:absolute;inset:0;opacity:.17;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:6px 6px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.ai-symbol,.ai-copy,.ai-chevron{position:relative;z-index:1}.ai-symbol{width:35px;display:grid;place-items:center;flex:none}.ai-symbol svg{width:30px;height:30px;fill:#fff;stroke-width:1.2}.ai-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.ai-copy strong{font-size:14px;font-weight:700}.ai-copy small{font-size:10px;color:#e9f9ff;white-space:nowrap}.ai-chevron{width:18px;height:18px;margin-left:auto;flex:none}.section{margin-top:21px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.section h2{font-size:17px;letter-spacing:-.025em;line-height:1.25;margin:0;color:#253343}.view-all{display:flex;align-items:center;border:0;background:none;color:#168de6;font-size:11px;padding:0}.view-all svg{width:15px;height:15px}.filter-tabs{display:flex;gap:8px;margin:11px 0}.filter-tab{border:0;border-radius:20px;background:#e9eef3;color:#6295b9;padding:7px 13px;font-size:11px;font-weight:650}.filter-tab.active{background:#2796e6;color:#fff;box-shadow:0 2px 5px #168cdd2e}.card-rail{display:flex;gap:11px;overflow-x:auto;margin:0 -16px;padding:0 16px 12px;scroll-snap-type:x mandatory;scrollbar-width:none}.hotel-card{width:188px;flex:none;background:#fff;border:1px solid #edf0f2;border-radius:14px;overflow:hidden;box-shadow:0 2px 6px #29455a0b;scroll-snap-align:start}.hotel-photo{position:relative;height:112px;background:#e4ebf1}.hotel-photo img{display:block;width:100%;height:100%;object-fit:cover}.place,.discount{position:absolute;color:#fff;font-size:10px;font-weight:700}.place{top:8px;left:8px;padding:4px 7px;background:#298fdfd9;border-radius:12px}.discount{right:0;bottom:7px;padding:5px 7px;background:#ff8b36;border-radius:7px 0 0 7px}.save-button{position:absolute;right:7px;top:7px;border:0;background:#152a3880;color:#fff;border-radius:5px;padding:3px;display:grid;place-items:center}.save-button svg{width:17px;height:17px}.save-button.saved{background:#fff;color:var(--blue)}.save-button.saved svg{fill:var(--blue)}.hotel-details{padding:10px}.hotel-details h3{font-size:12px;margin:0 0 7px;color:#263443;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hotel-details p{font-size:10px;color:#7b8793;margin:0}.hotel-details p strong{color:#168add}.price{display:flex;align-items:baseline;gap:5px;margin-top:9px}.price del{font-size:9px;color:#a6b0ba}.price strong{font-size:13px;color:#f26d2a}.activity-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px}.activity-state[hidden]{display:none}.activity-illustration{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff0f0;color:#ec656a}.activity-state strong{font-size:13px}.activity-state small{color:#84909c;font-size:11px}.activity-state button{border:0;background:none;color:var(--blue);font-weight:700;font-size:11px;display:flex;align-items:center;margin-top:4px}.activity-state button svg{width:14px;height:14px}.inspiration{margin-top:18px}.inspiration p{font-size:12px;color:#8b97a3;margin:5px 0 12px}.inspiration-card{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;padding-right:10px}.inspiration-card img{width:88px;height:87px;object-fit:cover}.inspiration-card div{display:flex;flex-direction:column;gap:4px;flex:1}.inspiration-card span{font-size:9px;font-weight:750;letter-spacing:.07em;color:var(--blue)}.inspiration-card strong{font-size:12px}.inspiration-card small{font-size:10px;color:#8895a0}.inspiration-card svg{color:#8a9aa6;width:16px;height:16px}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:72px;padding-bottom:max(6px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);align-items:start;background:#fff;border-top:1px solid #e4e9ed;box-shadow:0 -4px 12px #3c53600d;z-index:5}.nav-item{border:0;background:none;color:#8b969f;display:flex;align-items:center;flex-direction:column;gap:4px;padding:9px 0 0;font-size:9px;white-space:nowrap}.nav-item svg{width:21px;height:21px;stroke-width:1.8}.nav-item.active{color:#1495e7;font-weight:650}.nav-item.active svg{stroke-width:2.3}.sheet-backdrop{position:absolute;inset:0;background:#17304777;z-index:8}.bottom-sheet{position:absolute;z-index:9;bottom:0;left:0;right:0;background:#fff;border-radius:24px 24px 0 0;padding:12px 20px max(24px,env(safe-area-inset-bottom));box-shadow:0 -12px 35px #17304724}.sheet-backdrop[hidden],.bottom-sheet[hidden],.search-overlay[hidden]{display:none}.sheet-handle{display:block;width:37px;height:4px;background:#d9e1e8;border-radius:10px;margin:0 auto 22px}.sheet-close{position:absolute;right:17px;top:16px;border:0;background:#f4f7f8;color:#71808f;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.sheet-close svg{width:16px;height:16px}.sheet-badge{display:inline-flex;align-items:center;gap:5px;color:#168ce5;background:#edf8ff;border-radius:30px;padding:6px 9px;font-size:11px;font-weight:750}.sheet-badge svg{width:15px;height:15px}.bottom-sheet h2{margin:13px 0 7px;font-size:24px;letter-spacing:-.04em}.bottom-sheet p{font-size:13px;color:#72808f;line-height:1.5;margin:0 0 16px}.suggestions{display:flex;gap:8px;overflow-x:auto;margin:0 -20px 19px;padding:0 20px;scrollbar-width:none}.suggestions button{border:1px solid #cbe9fc;border-radius:18px;background:#f3fbff;color:#1888d4;font-size:11px;white-space:nowrap;padding:8px 10px}.bottom-sheet label{display:block;font-weight:700;font-size:12px;margin-bottom:8px}.bottom-sheet textarea{resize:none;width:100%;border:1px solid #d9e6ee;border-radius:13px;padding:12px;color:#28394a;font-size:13px;outline:none}.bottom-sheet textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0194f319}.primary-cta{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:45px;border:0;border-radius:11px;background:var(--blue);color:#fff;font-size:13px;font-weight:750;margin-top:13px}.primary-cta svg{width:17px;height:17px}.sheet-note{display:block;color:#9aa6b0;text-align:center;font-size:10px;margin-top:12px}.search-overlay{position:absolute;inset:0;z-index:10;background:#fff;padding:46px 17px}.search-top{display:flex;align-items:center;gap:10px}.search-top>button{border:0;background:none;color:#344a5b;padding:0;transform:rotate(180deg)}.search-top>button svg{width:20px;height:20px}.search-top>div{display:flex;align-items:center;gap:8px;flex:1;height:44px;background:#f3f7f9;border-radius:24px;padding:0 13px;color:#82909c}.search-top>div svg{width:18px;height:18px}.search-top input{width:100%;border:0;background:none;outline:0;color:#263443;font-size:13px}.search-overlay h2{font-size:15px;margin:32px 0 13px}.search-suggestion{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 0;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;color:#455564;font-size:13px}.search-suggestion svg{width:16px;height:16px;color:#9ca9b3}.toast{position:absolute;left:50%;bottom:89px;z-index:15;max-width:80%;transform:translate(-50%,8px);opacity:0;pointer-events:none;border-radius:30px;background:#263d50;color:#fff;padding:9px 15px;text-align:center;font-size:11px;white-space:nowrap;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:500px){body{display:block;background:var(--page)}.phone{width:100%;height:100dvh;border-radius:0;box-shadow:none}.hero{padding-top:max(14px,env(safe-area-inset-top))}}
@media(max-width:350px){.service{font-size:10px}.secondary-services .service{font-size:9px}.ai-copy small{font-size:9px}.brand{width:135px}}
.card-rail[hidden]{display:none}
.status-bar{padding:0 7px}
.status-time{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;font-size:15px;font-weight:650;letter-spacing:-.02em}
.status-icons{gap:5px}
.status-icons svg{display:block;flex:none}
.status-cellular{width:19px;height:13px}
.status-cellular rect{fill:currentColor;stroke:none}
.status-wifi{width:17px;height:13px}
.status-wifi path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.status-wifi circle{fill:currentColor;stroke:none}
.status-battery{width:29px;height:14px}
.status-battery rect,.status-battery path{fill:currentColor;stroke:none}
.status-battery text{fill:#0b91e9;stroke:none;font:700 9px -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif}
.inspiration{margin-top:18px}
.inspiration p{font-size:13px;color:#929da7;margin:6px 0 12px}
.inspiration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.feed-column{display:flex;flex-direction:column;gap:12px;min-width:0}
.story-card{min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 7px #29455a10}
.story-image{position:relative;width:100%;overflow:hidden;background:#e5edf2}
.story-image img{display:block;width:100%;height:100%;object-fit:cover}
.singapore-image{aspect-ratio:520/677}
.singapore-image img{object-position:55% center}
.singapore-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#10183791,transparent 48%,#10183722);pointer-events:none}
.guide-title{position:absolute;z-index:1;top:15px;left:10px;right:6px;color:#fff;text-shadow:0 2px 5px #10203b88;line-height:1.06}
.guide-title span{display:block;font-size:12px;font-weight:800}
.guide-title strong{display:block;margin-top:3px;font-size:20px;font-weight:850;letter-spacing:-.045em}
.villa-image,.deal-image{aspect-ratio:1}
.villa-image img{object-position:center 59%}
.deal-image img{object-position:center}
.location-tag{position:absolute;top:10px;left:0;max-width:calc(100% - 51px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0 18px 18px 0;background:#246ca9;color:#fff;font-size:12px;font-weight:700;padding:6px 12px;box-shadow:0 1px 3px #1d3b5e33}
.location-tag.coral{background:#fa6670}
.discount-tag{position:absolute;right:0;bottom:12px;border-radius:9px 0 0 9px;background:#fa810e;color:#fff;font-size:11px;font-weight:750;padding:6px 9px;box-shadow:0 2px 4px #59320833}
.bookmark-icon{position:absolute;top:8px;right:8px;display:block;width:22px;height:26px;color:#fff;pointer-events:none;filter:drop-shadow(0 1px 2px #0008)}
.bookmark-icon svg{display:block;width:22px;height:26px;stroke-width:2.2}
.deal-ribbon{display:flex;align-items:center;gap:13px;min-height:22px;padding:3px 9px;background:linear-gradient(90deg,#a320bc,#d02bcb);color:#fff;font-size:10px}
.deal-ribbon strong{font-size:11px;font-weight:850}
.deal-ribbon span{opacity:.85}
.story-body{padding:9px 9px 12px}
.story-body h3{font-size:12px;line-height:1.25;color:#34404a;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.story-body p{font-size:11px;color:#4e5a65;margin:0}
.story-body p strong{font-size:12px;color:#218bd8}
.review-stars{display:block;margin-top:5px;color:#f5c52d;font-size:12px;letter-spacing:1px}
.deal-card .story-body h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;min-height:30px}
.deal-price{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:8px}
.deal-price del{color:#a3a8ac;font-size:10px}
.deal-price strong{color:#f06d16;font-size:15px;font-weight:800;letter-spacing:-.025em}
