/* Test 3 — bounded visual refinement. No content or interaction changes. */
:root[data-test3]{--sn-bg:#f6f2fa;--sn-tint:#eee6f6;--sn-ice:#e4d6f1;--sn-ink:#30223f;--sn-secondary:#71627f;--sn-line:#e8dff0;--sn-shadow:0 8px 24px #3a254b08;--sn-radius:22px;--hg-paper:var(--sn-bg);--hg-line:var(--sn-line);--hg-muted:var(--sn-secondary);--t3-card:22px;--t3-control:14px;--t3-panel:28px}
html[data-test3],html[data-test3] body[data-view]{background:var(--sn-bg)}
html[data-test3] body{font-kerning:normal;text-rendering:optimizeLegibility}
html[data-test3] body[data-view] .app-top{background:#f6f2faf5;border-bottom-color:#e8dff066}
html[data-test3] :is(button,input,textarea,select){font-family:var(--sn-font)}
html[data-test3] :is(h1,h2,h3){text-wrap:pretty}
html[data-test3] :is(.sn-trip-heading h1,.page-head h1){font-weight:600;letter-spacing:-.035em;line-height:1.2}
html[data-test3] :is(.hf-heading h2,.sn-dock-heading,.sn-section-title,.section-heading h2,.home-section-head h2){font-weight:600;letter-spacing:-.025em;line-height:1.3}
html[data-test3] :is(.hg-pick h2,.sn-city-copy h3,.sn-stop-text h3,.hf-copy h3){letter-spacing:-.018em;line-height:1.4}
html[data-test3] :is(.hg-pick p,.sn-stop-text p,.sn-stop-text>small:last-child,.v2-flow-body p,.journey-body p){line-height:1.65}
html[data-test3] svg.lucide{stroke-width:1.75}
html[data-test3] :is(button,a,input,select,textarea):focus-visible{outline:2px solid #8760b2;outline-offset:3px}
/* Calm shell: reserve elevation for the navigation and modal layer. */
html[data-test3] body[data-view] #navigation{border:1px solid #e8dff080;border-radius:26px;box-shadow:0 8px 28px #35214412}
html[data-test3] #navigation .nav-item{border-radius:20px;font-weight:500;letter-spacing:0;gap:5px}
html[data-test3] #navigation .nav-item.active:not(.hg-ai){background:#eee4f7;color:#68488f}
html[data-test3] .hg-search-row #searchForm{border-radius:18px;min-height:50px;border-color:var(--sn-line);box-shadow:none}
html[data-test3] :is(.v2-button,.journey-button,.portal-button,.st-button,.td-button,.sn-button.primary){border-radius:var(--t3-control);min-height:48px;font-weight:500;box-shadow:none}
html[data-test3] :is(.v2-field input,.v2-field select,.v2-field textarea,.journey-form input,.journey-form select,.st-field input,.st-field select,.sn-date input){border-radius:var(--t3-control);font-size:16px;line-height:1.5;background:#faf7fd;border:1px solid var(--sn-line)}
/* The existing photograph and deep-purple KV remain the visual anchor. */
html[data-test3] .a2-feature .apple-hero{border-radius:var(--t3-panel);box-shadow:none}
html[data-test3] .a2-feature .apple-hero .hero-heading h1{font-weight:500;letter-spacing:-.03em;line-height:1.22}
html[data-test3] .a2-feature .sn-hero-action{border-radius:var(--t3-control);font-weight:600}
html[data-test3] .a2-feature .hero-controls{background:transparent;border-color:#ffffff38}
html[data-test3] .wx-entry{border-radius:var(--t3-card);border-color:var(--sn-line);box-shadow:none}
html[data-test3] .wx-entry-text>span{color:var(--sn-secondary);line-height:1.5}
html[data-test3] .a2-day .sn-dock-heading{padding-top:26px;margin-bottom:20px;letter-spacing:-.025em}
html[data-test3] .a2-day .service-dock{row-gap:20px}
html[data-test3] .a2-day .service-dock button{font-weight:500}
html[data-test3] .home-selected{padding-top:36px}
html[data-test3] :is(.selected-places button img,.sn-city-card,.st-card,.place-grid .rc,.place-grid .text-card){border-radius:var(--t3-card);box-shadow:none}
html[data-test3] .selected-places{gap:18px}
html[data-test3] .selected-places strong{font-size:16px;line-height:1.4;letter-spacing:-.015em}
html[data-test3] .sn-city-copy{padding:18px}
html[data-test3] body[data-view] .glass-slide{border-radius:var(--t3-card);clip-path:inset(0 round 22px);box-shadow:none}
/* Explore: photographs and their captions carry the hierarchy, without nested panels. */
html[data-test3] .hg-collection{background:transparent;border:0;border-radius:0;padding:12px 0 0;margin-bottom:36px}
html[data-test3] .hg-editorial-head{padding:4px 0 12px}
html[data-test3] .hg-editorial-head .hg-title{font-size:clamp(34px,8.8vw,54px);font-weight:500;line-height:1.12;letter-spacing:-.045em}
html[data-test3] .hg-filters{padding:12px 0 24px;gap:8px;flex-wrap:nowrap;overflow-x:auto}
html[data-test3] .hg-chip{flex-shrink:0;font-size:13px;min-height:44px;padding-inline:14px;border-color:#d9cbe6}
html[data-test3] .hg-picks{gap:28px 16px}
html[data-test3] .hg-pick{padding:0;background:transparent;border:0;border-radius:0;overflow:visible}
html[data-test3] .hg-pick-media{border-radius:20px;aspect-ratio:4/5;max-height:280px}
html[data-test3] .hg-pick-copy{padding:14px 0 0}
html[data-test3] .hg-pick h2{font-size:17px;font-weight:600}
html[data-test3] .hg-pick p{font-size:13px;color:var(--sn-secondary);margin-top:6px}
html[data-test3] .hg-pick-action{background:transparent;text-align:left;padding:10px 0;margin-top:6px;border-radius:0;min-height:44px;font-weight:500}
html[data-test3] .discover-tabs{border-radius:18px!important;padding:5px;background:#eee7f5!important}
html[data-test3] .discover-tabs button{border-radius:13px!important;min-height:44px;font-weight:500}
html[data-test3] .wx-entry-wide{background:#f0e9f7}
html[data-test3] .hf-card{border-radius:var(--t3-card);padding:0;border:0;box-shadow:none;background:transparent;margin-bottom:24px}
html[data-test3] .hf-media{border-radius:20px}
html[data-test3] .hf-copy{padding:12px 0 0}
html[data-test3] .hf-copy h3{font-weight:600;line-height:1.5}
/* Personal pages retain their own structure, with a shared surface vocabulary. */
html[data-test3] :is(.sn-trip-feature,.pm-balance){border-radius:var(--t3-panel);box-shadow:none}
html[data-test3] .sn-trip-copy{padding:24px}
html[data-test3] .sn-trip-copy h2{font-size:24px;line-height:1.3;letter-spacing:-.025em;font-weight:500}
html[data-test3] .sn-stop{padding:24px 0;gap:14px}
html[data-test3] .sn-stop-text h3{font-size:18px;font-weight:600}
html[data-test3] .sn-trip-tools .sn-button{border-radius:var(--t3-card);border-color:var(--sn-line);box-shadow:none;gap:10px;min-height:96px}
html[data-test3] :is(.pm-next,.pm-empty,.pm-record){border-radius:var(--t3-card)!important;box-shadow:none!important}
html[data-test3] .pm-next strong{letter-spacing:-.025em;line-height:1.3}
html[data-test3] .pm-action{min-height:54px;color:#6d4d90;font-size:14px}
html[data-test3] body[data-view] .pm-user .v2-avatar,html[data-test3] body[data-view] .pm-shortcut:nth-child(n) .pm-circle,html[data-test3] .pm-record-icon{background:var(--sn-tint);color:var(--sn-brand);border:0;box-shadow:none}
html[data-test3] :is(.pm-circle svg,.np-icon svg,.np-row>svg,.wx-metric-top svg){stroke-width:1.75}
/* Detail tools: shared rhythm, legible content and consistent controls. */
html[data-test3] :is(.v2-flow-head h2,.journey-dialog header h2,.np-dialog .hf-compose-head h2,.wx-dialog>header h2){font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.4}
html[data-test3] :is(.v2-facts,.v2-handoff,.journey-note,.journey-result,.wx-metric,.wx-look){border-radius:var(--t3-card);box-shadow:none}
html[data-test3] :is(.wx-summary,.wx-daylight){border-radius:var(--t3-panel)}
html[data-test3] .wx-metric>strong{font-variant-numeric:tabular-nums;letter-spacing:-.035em}
html[data-test3] :is(.np-empty-media,.np-media-viewport){border-radius:var(--t3-card)}
html[data-test3] .np-row{min-height:64px}
html[data-test3] .np-row-value{color:#766184!important}
html[data-test3] .chat-screen :is(.message-text,.prompt){box-shadow:none;border-radius:18px}
html[data-test3] .chat-screen .composer{border-radius:var(--t3-card);box-shadow:0 4px 18px #35214408}
@media(min-width:701px){html[data-test3] .hg-picks{gap:32px 24px}html[data-test3] .hg-collection{padding-top:20px}html[data-test3] .hg-pick h2{font-size:20px}}
@media(max-width:350px){html[data-test3] .hg-chip{padding-inline:12px}html[data-test3] .hg-picks{gap:24px 12px}html[data-test3] .sn-trip-copy{padding:20px}html[data-test3] .hg-pick h2{font-size:16px}}
@media(prefers-reduced-transparency:reduce){html[data-test3] body[data-view] .app-top{background:#f6f2fa}html[data-test3] body[data-view] #navigation{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){:root[data-test3]{--sn-secondary:#5f496f;--sn-line:#bba4cd}html[data-test3] .wx-entry-text>span{color:#5f496f}}

/* Full-frame cinematic cover: original destination photography, titles and CTA. */
html[data-test3] .a2-feature .apple-hero{height:440px;min-height:440px;max-height:none;isolation:isolate}
html[data-test3] .a2-feature .apple-hero>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center center!important;filter:none;transform:scale(1.025);transform-origin:50% 48%}
html[data-test3] .a2-feature .apple-hero::after{display:block;z-index:-1;background:linear-gradient(180deg,#170b3105 0%,#21113614 40%,#26163d70 61%,#26163db8 76%,#241536f0 100%)}
html[data-test3] .a2-feature .apple-hero::before{content:"";position:absolute;left:0;bottom:0;height:3px;width:var(--t3-progress,25%);background:#e8dbf6;z-index:4;transition:width .48s cubic-bezier(.2,.8,.2,1)}
html[data-test3] .a2-feature .apple-hero .hero-heading{left:24px;right:24px;top:auto!important;bottom:110px;z-index:2}
html[data-test3] .a2-feature .apple-hero .hero-heading h1{font-size:clamp(25px,6.8vw,31px);font-weight:600;max-width:19ch;line-height:1.15;letter-spacing:-.035em;color:#fff;text-shadow:0 2px 18px #150a2a35}
html[data-test3] .a2-feature .hg-cover-copy{left:24px;right:24px;bottom:79px;z-index:2}
html[data-test3] .a2-feature .hg-cover-description{color:#eee6f6;font-size:13px;line-height:1.5}
html[data-test3] .a2-feature .sn-hero-action{left:22px;bottom:20px;min-height:45px;background:#f6f0fc;color:#322044;box-shadow:none}
html[data-test3] .a2-feature .apple-hero .hero-bottom{top:18px;right:18px;bottom:auto;left:auto;z-index:3}
html[data-test3] .a2-feature .hero-controls{border:1px solid #ffffff6b;background:#24153655;border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
html[data-test3] .a2-feature .hero-controls output{color:#fff;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.035em}
html[data-test3] .a2-feature .hero-controls .icon-btn{color:#fff;background:transparent}
html[data-test3] .a2-feature .hero-controls .icon-btn:active{background:#ffffff29}
@media(prefers-reduced-motion:no-preference){html[data-test3] body[data-view=home] .a2-feature .apple-hero>img{animation:t3-cover-drift 18s ease-in-out infinite alternate}@keyframes t3-cover-drift{from{transform:scale(1.025) translate3d(0,0,0)}to{transform:scale(1.09) translate3d(-.8%,-.7%,0)}}}
@media(prefers-reduced-motion:reduce){html[data-test3] .a2-feature .apple-hero>img{animation:none!important;transform:none}html[data-test3] .a2-feature .apple-hero::before{transition:none}}
@media(min-width:701px){html[data-test3] .a2-feature .apple-hero{height:470px;min-height:470px}html[data-test3] .a2-feature .apple-hero .hero-heading{left:30px;bottom:118px}html[data-test3] .a2-feature .apple-hero .hero-heading h1{font-size:38px;max-width:23ch}html[data-test3] .a2-feature .hg-cover-copy{left:30px;bottom:85px}html[data-test3] .a2-feature .sn-hero-action{left:28px;bottom:24px}}
@media(min-width:1024px){html[data-test3] .a2-feature .apple-hero{height:470px;min-height:470px;max-height:470px}}
@media(max-width:350px){html[data-test3] .a2-feature .apple-hero{height:420px;min-height:420px}html[data-test3] .a2-feature .apple-hero .hero-heading{left:20px;right:20px;bottom:107px}html[data-test3] .a2-feature .apple-hero .hero-heading h1{font-size:24px}html[data-test3] .a2-feature .hg-cover-copy{left:20px;bottom:78px}html[data-test3] .a2-feature .sn-hero-action{left:18px;bottom:19px}}

/* Real food data gains clearly marked generated, whole-dish illustrations. */
html[data-test3] .food-list{gap:28px 18px}
html[data-test3] .food-item{padding-top:0;border-top:0;gap:8px}
html[data-test3] .t3-food-card-image{display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:center 52%;border-radius:var(--t3-card);background:#ece6f2;margin-bottom:6px}
html[data-test3] .food-item h3{font-size:19px;line-height:1.35;margin:0;color:var(--sn-ink)}
html[data-test3] .food-item .food-cn{font-size:13px;color:var(--sn-secondary)}
html[data-test3] .food-item p{font-size:13px;line-height:1.6;color:var(--sn-secondary)}
html[data-test3] .food-item button{color:var(--sn-brand);font-size:13px}
html[data-test3] .t3-food-disclosure{display:block;font-size:11px;line-height:1.55;color:var(--sn-secondary);margin:10px 0 20px}
html[data-test3] #v2Flow .v2-food-title{color:var(--sn-ink)!important;margin:16px 0 8px!important;font-size:32px!important;letter-spacing:-.04em}
html[data-test3] #v2Flow .v2-row img{width:82px;height:82px;border-radius:16px;object-fit:cover;object-position:center 55%}
html[data-test3] .t3-food-gallery{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:12px;margin:20px 0 0;scrollbar-width:thin}
html[data-test3] .t3-food-gallery-image{display:block;flex:0 0 100%;width:100%;height:clamp(230px,72vw,380px);object-fit:contain;object-position:center;border-radius:var(--t3-card);background:#f3eef8;scroll-snap-align:start}
html[data-test3] #v2Flow .t3-food-disclosure{margin:8px 0 18px}
@media(min-width:701px){html[data-test3] .t3-food-gallery-image{height:360px}html[data-test3] .food-item h3{font-size:22px}}