/*
 * Bitewise unified visual theme
 * Social-first light/dark system inspired by Xiaohongshu's neutral hierarchy,
* expressed with Bitewise's orange identity. This file owns color semantics.
 */

:root{
  color-scheme: light;
  --bw-brand: #c96d4c;
  --bw-accent: #b65335;
  --bw-accent-press: #984228;
  --bw-accent-soft: rgba(182, 83, 53, .10);
  --bw-accent-tint: rgba(182, 83, 53, .055);
  --bw-canvas: #f4f1ed;
  --bw-surface: #fcfaf7;
  --bw-surface-raised: #ffffff;
  --bw-ink: #211d1a;
  --bw-copy: #625b55;
  --bw-muted: #8b837c;
  --bw-line: rgba(33, 29, 26, .09);
  --bw-line-strong: rgba(33, 29, 26, .16);
  --bw-success: #2f855a;
  --bw-success-soft: rgba(47, 133, 90, .10);
  --bw-warning: #b7791f;
  --bw-warning-soft: rgba(183, 121, 31, .10);
  --bw-danger: #c74b54;
  --bw-danger-soft: rgba(199, 75, 84, .10);
  --bw-overlay: rgba(16, 13, 11, .58);
  --bw-shadow-xs: 0 1px 2px rgba(33, 24, 18, .045);
  --bw-shadow-soft: 0 6px 18px rgba(33, 24, 18, .055);
  --bw-shadow-medium: 0 14px 38px rgba(33, 24, 18, .09);
  --bw-shadow-float: 0 22px 58px rgba(33, 24, 18, .14);
  --bw-chrome: rgba(252, 250, 247, .90);
  --bw-chrome-strong: rgba(252, 250, 247, .96);
  --bw-section-gap: #ebe6e1;
  --bw-tag-fill: rgba(33, 29, 26, .045);
  --bw-tag-border: rgba(33, 29, 26, .10);
  --bw-tag-text: #2d2824;
  --bw-tag-muted: #817971;
  --bw-voucher-title: #814027;
  --bw-voucher-copy: #885f50;
  --bw-selected-ink: #a94b2f;
  --bw-profile-canvas: #f6f4f1;
  --bw-contrast-bg: #181818;
  --bw-contrast-ink: #ffffff;

  /* Immutable aliases keep legacy page-level themes on the same palette. */
  --bw-foundation-canvas: #f4f1ed;
  --bw-foundation-surface: #fcfaf7;
  --bw-foundation-raised: #ffffff;
  --bw-foundation-ink: #211d1a;
  --bw-foundation-copy: #625b55;
  --bw-foundation-muted: #8b837c;
  --bw-foundation-line: rgba(33, 29, 26, .09);
  --bw-foundation-accent: #b65335;
  --bw-foundation-accent-soft: rgba(182, 83, 53, .10);

  /* Type, space, shape and motion primitives. */
  --bw-font-size-xs: 11px;
  --bw-font-size-sm: 12px;
  --bw-font-size-label: 13px;
  --bw-font-size-body: 14px;
  --bw-font-size-title-sm: 16px;
  --bw-font-size-title: 20px;
  --bw-font-size-display: 28px;
  --bw-line-height-tight: 1.2;
  --bw-line-height-body: 1.5;
  --bw-weight-regular: 400;
  --bw-weight-medium: 500;
  --bw-weight-semibold: 600;
  --bw-weight-bold: 700;
  --bw-space-1: 4px;
  --bw-space-2: 8px;
  --bw-space-3: 12px;
  --bw-space-4: 16px;
  --bw-space-5: 20px;
  --bw-space-6: 24px;
  --bw-space-8: 32px;
  --bw-radius-xs: 8px;
  --bw-radius-sm: 12px;
  --bw-radius-md: 16px;
  --bw-radius-lg: 22px;
  --bw-radius-pill: 999px;
  --bw-control-height: 44px;
  --bw-icon-sm: 18px;
  --bw-icon-md: 20px;
  --bw-icon-lg: 24px;
  --bw-motion-fast: 160ms;
  --bw-motion-base: 220ms;
  --bw-motion-slow: 320ms;
  --bw-ease-standard: cubic-bezier(.2,.72,.2,1);

  /* Legacy aliases now resolve to the same semantic system. */
  --bw-orange: var(--bw-accent);
  --bw-orange-press: var(--bw-accent-press);
  --bw-orange-soft: var(--bw-accent-soft);
  --bw-bg: var(--bw-canvas);
  --bw-paper: var(--bw-surface);
  --bw-ivory: var(--bw-surface);
  --bw-surface-soft: var(--bw-canvas);
  --bw-subtle: var(--bw-muted);
  --bw-hairline: var(--bw-line);
  --bw-green: var(--bw-success);
  --warm-primary: var(--bw-accent);
  --warm-primary-pressed: var(--bw-accent-press);
  --warm-surface: var(--bw-surface);
  --warm-surface-strong: var(--bw-accent-soft);
  --warm-border: var(--bw-line);
  --warm-text: var(--bw-ink);
  --warm-divider: var(--bw-line);
  --dark-orange: var(--bw-accent);
  --dark-green: var(--bw-success);
  --dark-bg: var(--bw-canvas);
  --dark-surface: var(--bw-surface);
  --dark-surface-2: var(--bw-surface-raised);
  --dark-line: var(--bw-line);
  --dark-text: var(--bw-ink);
  --dark-muted: var(--bw-copy);
  --app-font-body: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --app-font-headline: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
}:root[data-theme="dark"]{
  color-scheme: dark;
  --bw-accent-soft: rgba(182, 83, 53, .18);
  --bw-accent-tint: rgba(182, 83, 53, .10);
  --bw-canvas: #0f1013;
  --bw-surface: #17181d;
  --bw-surface-raised: #202127;
  --bw-ink: #f3f0ec;
  --bw-copy: #b0aaa4;
  --bw-muted: #817b76;
  --bw-line: rgba(255, 255, 255, .085);
  --bw-line-strong: rgba(255, 255, 255, .16);
  --bw-success: #67c594;
  --bw-success-soft: rgba(103, 197, 148, .13);
  --bw-warning: #d9a35d;
  --bw-warning-soft: rgba(217, 163, 93, .13);
  --bw-danger: #ef747c;
  --bw-danger-soft: rgba(239, 116, 124, .14);
  --bw-overlay: rgba(0, 0, 0, .80);
  --bw-shadow-xs: 0 1px 2px rgba(0, 0, 0, .16);
  --bw-shadow-soft: 0 8px 24px rgba(0, 0, 0, .18);
  --bw-shadow-medium: 0 16px 42px rgba(0, 0, 0, .26);
  --bw-shadow-float: 0 24px 64px rgba(0, 0, 0, .34);
  --bw-chrome: rgba(23, 24, 29, .90);
  --bw-chrome-strong: rgba(23, 24, 29, .96);
  --bw-section-gap: #0a0b0d;
  --bw-tag-fill: rgba(255, 255, 255, .045);
  --bw-tag-border: rgba(255, 255, 255, .11);
  --bw-tag-text: #ebe7e2;
  --bw-tag-muted: #9a938d;
  --bw-voucher-title: #ffd1bc;
  --bw-voucher-copy: #cba391;
  --bw-selected-ink: #f0a083;
  --bw-profile-canvas: #111216;
  --bw-contrast-bg: #f3f3f4;
  --bw-contrast-ink: #17171a;
  --bw-foundation-canvas: #0f1013;
  --bw-foundation-surface: #17181d;
  --bw-foundation-raised: #202127;
  --bw-foundation-ink: #f3f0ec;
  --bw-foundation-copy: #b0aaa4;
  --bw-foundation-muted: #817b76;
  --bw-foundation-line: rgba(255, 255, 255, .085);
  --bw-foundation-accent: #b65335;
  --bw-foundation-accent-soft: rgba(182, 83, 53, .18);
}/* Shared utility shell */
html:not(.home-page-active),
body:not(.home-page-active){
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}body .page:not(#page-home),
body .acct-sub-page,
body #acct-main,
body .chat-detail-sheet,
body .bottom-sheet{
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}body .page:not(#page-home) > header,
body .page:not(#page-home) > nav,
body .acct-sub-page > header,
body .acct-sub-page > nav,
body .chat-shell-header,
body .chat-detail-header{
  background: var(--bw-chrome) !important;
  border-color: var(--bw-line) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}body .page:not(#page-home) .bg-white,
body .acct-sub-page .bg-white,
body .bottom-sheet,
body .app-confirm-dialog,
body .favorite-list-card,
body .dietary-section-card,
body .allergy-section-card,
body .reservation-card{
  background: var(--bw-surface) !important;
  border-color: var(--bw-line) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}body .page:not(#page-home) .text-primary,
body .acct-sub-page .text-primary{ color: var(--bw-accent) !important; }body .page:not(#page-home) .bg-primary,
body .acct-sub-page .bg-primary{ background: var(--bw-accent) !important; }body .page:not(#page-home) .border-primary,
body .acct-sub-page .border-primary{ border-color: var(--bw-accent) !important; }body:not(.home-page-active) input,
body:not(.home-page-active) textarea,
body:not(.home-page-active) select{
  background: var(--bw-surface) !important;
  border-color: var(--bw-line-strong) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}body:not(.home-page-active) input::placeholder,
body:not(.home-page-active) textarea::placeholder{ color: var(--bw-muted) !important; }body:not(.home-page-active) button:focus-visible,
body:not(.home-page-active) a:focus-visible,
body:not(.home-page-active) input:focus-visible{
  outline: 2px solid rgba(240, 90, 36, .3) !important;
  outline-offset: 2px;
}/* Navigation: one dark family,
with stronger transparency over video. */
.app-tabbar{
  border-color: var(--bw-line) !important;
  background: var(--bw-chrome-strong) !important;
  color: var(--bw-muted) !important;
  box-shadow: none !important;
}.app-tabbar-item.is-active{ color: var(--bw-accent) !important; }body:not([data-app-tab="home"]) .app-tabbar{
  border-color: var(--bw-line) !important;
  background: var(--bw-chrome-strong) !important;
  color: var(--bw-muted) !important;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, .025) !important;
}/* Login: calm dark canvas with restrained raised controls. */
#page-login{
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}#page-login .login-brand-title{ color: var(--bw-ink) !important; }#page-login .login-brand-tagline,
#page-login .login-legal p{ color: var(--bw-copy) !important; }#page-login .login-legal a{ color: var(--bw-accent) !important; }#page-login .login-brand-logo{ filter: drop-shadow(0 10px 24px rgba(0, 0, 0, .3)) !important; }#page-login .login-btn-primary,
#page-login .login-btn-whatsapp,
#page-login .login-btn-wechat{
  border: 1px solid var(--bw-line-strong) !important;
  border-radius: 14px !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}#page-login .login-btn-apple{
  border-color: var(--bw-line-strong) !important;
  background: var(--bw-contrast-bg) !important;
  color: var(--bw-contrast-ink) !important;
}#page-login .login-btn-email{
  border-color: var(--bw-accent) !important;
  background: var(--bw-accent-tint) !important;
  color: var(--bw-accent) !important;
}#page-login .login-btn-email .login-email-icon,
#page-login .login-guest-btn,
#page-login .wa-change-number,
#page-login .wa-resend-btn{ color: var(--bw-accent) !important; }#page-login .login-or-divider .login-or-line{ background: var(--bw-line) !important; }#page-login .login-or-divider .login-or-label{ color: var(--bw-muted) !important; }#page-login .wa-send-code-btn,
#page-login .wx-authorize-btn{
  border: 0 !important;
  background: var(--bw-accent) !important;
  color: #fff !important;
  box-shadow: none !important;
}#page-login #step4 > div > div:first-child{
  background: var(--bw-success-soft) !important;
  color: var(--bw-success) !important;
}#login-more-sheet{ background: var(--bw-surface) !important; }/* Onboarding: continuous dark preference feed; selection carries the saturated color. */
#page-onboarding.page.active,
#page-onboarding.page.active .ob-new-header,
#page-onboarding.page.active .ob-new-main{
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}#page-onboarding .ob-progress span{
  border: 1px solid var(--bw-line-strong) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-muted) !important;
  box-shadow: none !important;
}#page-onboarding .ob-progress span.is-active,
#page-onboarding .ob-progress span.is-complete{
  border-color: var(--bw-accent) !important;
  background: var(--bw-accent) !important;
  color: #fff !important;
  box-shadow: none !important;
}#page-onboarding .ob-progress i{ background: var(--bw-line-strong) !important; }#page-onboarding .ob-progress i.is-complete{ background: var(--bw-accent) !important; }#page-onboarding .ob-question-head h1,
#page-onboarding .ob-section-head h1{ color: var(--bw-ink) !important; }#page-onboarding .ob-question-head h1 em,
#page-onboarding .ob-section-head h1 em,
#page-onboarding .ob-personalized span:first-child{ color: var(--bw-accent) !important; }#page-onboarding .ob-question-head > p,
#page-onboarding .ob-pref-card small,
#page-onboarding .ob-section-head > p{ color: var(--bw-copy) !important; }#page-onboarding .ob-personalized{
  color: var(--bw-accent) !important;
  letter-spacing: .03em !important;
  text-transform: none !important;
}#page-onboarding .ob-pref-card,
#page-onboarding .ob-flavor-card{
  border: 1px solid var(--bw-line) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: var(--bw-shadow-soft) !important;
}#page-onboarding .ob-pref-card-accent{
  border-color: rgba(240, 90, 36, .38) !important;
  background: var(--bw-accent-tint) !important;
}#page-onboarding .ob-pref-card > span:first-child,
#page-onboarding .ob-flavor-card em{ color: var(--bw-accent) !important; }#page-onboarding .ob-pref-card .ob-card-arrow{ color: var(--bw-muted) !important; }#page-onboarding .ob-inline-panel{
  border: 1px solid var(--bw-line) !important;
  background: var(--bw-surface) !important;
}#page-onboarding .ob-chip-grid button{
  border-color: var(--bw-line-strong) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-copy) !important;
}#page-onboarding .ob-chip-grid button.is-selected{
  border-color: var(--bw-accent) !important;
  background: var(--bw-accent-soft) !important;
  color: var(--bw-accent) !important;
}#page-onboarding .ob-tile-grid button{
  border: 1px solid var(--bw-line) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-copy) !important;
  box-shadow: none !important;
}#page-onboarding .ob-tile-grid button .material-symbols-outlined{ color: var(--bw-muted) !important; }#page-onboarding .ob-tile-grid button.is-selected{
  border-color: var(--bw-accent) !important;
  background: var(--bw-accent-soft) !important;
  color: var(--bw-accent) !important;
}#page-onboarding .ob-tile-grid button.is-selected .material-symbols-outlined{ color: var(--bw-accent) !important; }#page-onboarding .ob-voucher-card{
  border: 1px solid rgba(240, 90, 36, .28) !important;
  background: var(--bw-accent-soft) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}#page-onboarding .ob-voucher-card::before,
#page-onboarding .ob-voucher-card::after{ background: var(--bw-canvas) !important; }#page-onboarding .ob-voucher-card strong{ color: var(--bw-ink) !important; }#page-onboarding .ob-voucher-card small{ color: var(--bw-copy) !important; }#page-onboarding .ob-voucher-card > .material-symbols-outlined{ color: var(--bw-accent) !important; }#page-onboarding.page.active .ob-flavor-card input[type="range"]{
  background: linear-gradient(90deg, var(--bw-accent) 0 var(--ob-range-progress), var(--bw-line-strong) var(--ob-range-progress) 100%) center / 100% 3px no-repeat !important;
}#page-onboarding.page.active .ob-new-footer{
  background: linear-gradient(180deg, transparent, var(--bw-canvas) 26%) !important;
}#page-onboarding .ob-new-footer > #onboarding-cta{
  border-radius: 14px !important;
  background: var(--bw-accent) !important;
  color: #fff !important;
  box-shadow: none !important;
}#page-onboarding .ob-skip-bottom,
#page-onboarding .ob-skip-top,
#page-onboarding .ob-back{ color: var(--bw-copy) !important; }/* Home: premium dark media canvas,
neutral glass,
one coral accent. */
html.home-page-active,
body.home-page-active,
#page-home.page.active{ background: var(--bw-canvas) !important; color: var(--bw-ink) !important; }#page-home .home-video-scrim{
  background: linear-gradient(180deg, rgba(0,0,0,.58), transparent 30%), linear-gradient(0deg, rgba(0,0,0,.94), rgba(0,0,0,.46) 34%, transparent 62%) !important;
}#page-home .home-restaurant-card,
#page-home .home-example-ai-reason{
  border-color: rgba(255, 255, 255, .14) !important;
  background: rgba(12, 12, 13, .8) !important;
  box-shadow: none !important;
}#page-home .home-context-questions button{
  border-color: rgba(255,255,255,.15) !important;
  background: rgba(15,15,16,.72) !important;
}#page-home .home-agent-composer{
  border-color: rgba(255,255,255,.14) !important;
  background: rgba(17,17,18,.92) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.22) !important;
}#page-home .home-agent-composer input{ color: #f7f7f8 !important; }#page-home .home-agent-composer input::placeholder{ color: #92949c !important; }#page-home .home-agent-conversation,
#page-home .home-agent-sheet-header{
  border-color: rgba(255,255,255,.1) !important;
  background: #111113 !important;
  color: #f7f7f8 !important;
}#page-home .home-agent-answer-card > p{ color: #b9bbc1 !important; }#page-home .home-video-offer,
#page-home .home-control-mic,
#page-home .home-creator-verified,
#page-home .home-restaurant-reserve,
#page-home .home-agent-next-preview > .material-symbols-outlined{ background: var(--bw-accent) !important; }#page-home .home-example-primary-actions .is-selected,
#page-home .home-example-primary-actions .is-saved,
#page-home .home-example-ai-mark,
#page-home .home-why-match strong,
#page-home .home-why-match em,
#page-home .home-agent-sheet-spark,
#page-home .home-agent-answer-card > strong{ color: var(--bw-accent) !important; }#page-home .home-restaurant-info b{ color: #ffb0a8 !important; }#page-home .home-restaurant-card em,
#page-home .home-preference-chip{
  background: rgba(240, 90, 36, .16) !important;
  color: #ffb0a8 !important;
}.home-creator-sheet{ background: #111113 !important; color: #f7f7f8 !important; }/* Conversation and restaurant detail keep the same white-card language. */
#voice-overlay,
#voice-overlay #chat-messages,
.chat-detail-sheet,
.chat-detail-body{
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}#voice-overlay .chat-bottom-area,
.chat-detail-actions{
  background: var(--bw-chrome-strong) !important;
  border-color: var(--bw-line) !important;
  box-shadow: none !important;
}.chat-unified-composer{
  border-color: var(--bw-line-strong) !important;
  background: var(--bw-surface) !important;
  box-shadow: none !important;
}.chat-bubble.user{
  background: var(--bw-accent) !important;
  color: #fff !important;
}.chat-bubble.ai,
.chat-intent-card,
.chat-search-card,
.chat-recommendation-batch,
.chat-result-card,
.chat-detail-info-card,
.chat-detail-dish,
.chat-detail-media-hero .chat-detail-video-card{
  border-color: var(--bw-line) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}.chat-bubble.typing,
.chat-bubble .param-chip,
.chat-quick-reply,
.chat-detail-content .chat-detail-reason,
.chat-detail-fact{
  border-color: rgba(240,90,36,.2) !important;
  background: var(--bw-accent-soft) !important;
  color: var(--bw-accent) !important;
}.chat-detail-media-hero{
  border-color: var(--bw-line) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
}.chat-detail-section-title,
.chat-detail-dish-name,
.chat-detail-info-row strong,
.chat-detail-video-source strong{ color: var(--bw-ink) !important; }.chat-detail-reason-copy,
.chat-detail-reason-list li,
.chat-detail-info-row,
.chat-detail-video-source small{ color: var(--bw-copy) !important; }.chat-detail-fact > .material-symbols-outlined,
.chat-detail-reason-list .material-symbols-outlined,
.chat-detail-media-heading h3 .material-symbols-outlined{ color: var(--bw-accent) !important; }.chat-detail-credit-banner{
  border: 1px solid rgba(240,90,36,.18) !important;
  background: var(--bw-accent-soft) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}.chat-detail-credit-icon{ background: var(--bw-accent) !important; box-shadow: none !important; }.chat-detail-credit-eyebrow,
.chat-detail-credit-cta{ color: var(--bw-accent) !important; }.chat-detail-credit-desc{ color: var(--bw-copy) !important; }.chat-detail-action{
  border-color: var(--bw-line-strong) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}.chat-detail-action.is-primary{
  border-color: var(--bw-accent) !important;
  background: var(--bw-accent) !important;
  color: #fff !important;
}/* Profile,
settings,
histories and preference pages. */
#page-settings .acct-main-nav,
.profile-content-tabs{
  background: var(--bw-chrome) !important;
  border-color: var(--bw-line) !important;
}.profile-service-card,
.profile-settings-group,
.acct-tx-card,
.reservation-card{
  border-color: var(--bw-line) !important;
  background: var(--bw-surface) !important;
  box-shadow: none !important;
}.profile-content-section{ border-top-color: var(--bw-canvas) !important; }.profile-content-tabs button.is-active::after{ background: var(--bw-accent) !important; }.profile-service-card .material-symbols-outlined,
.profile-settings-group button > .material-symbols-outlined:first-child,
.profile-settings-signout,
.acct-profile-hero .text-primary{ color: var(--bw-accent) !important; }.profile-preference-chips button[aria-pressed="true"],
#acct-dietary .dietary-row[data-active="true"],
#acct-allergies .allergy-row[data-active="true"],
#acct-language .lang-row.is-selected{
  border-color: var(--bw-accent) !important;
  background: var(--bw-accent-soft) !important;
  color: var(--bw-accent) !important;
}#acct-dietary .acct-dietary-footer,
#acct-allergies .acct-allergies-footer{
  background: var(--bw-chrome-strong) !important;
  border-color: var(--bw-line) !important;
}#acct-dietary .acct-dietary-save,
#acct-allergies .acct-allergies-save,
#acct-profile button.bg-primary{
  background: var(--bw-accent) !important;
  box-shadow: none !important;
}.acct-balance-card{
  border: 1px solid var(--bw-line) !important;
  background: var(--bw-surface-raised) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}.acct-tx-icon.is-consumption,
.acct-tx-icon.is-purchase{
  background: var(--bw-accent-soft) !important;
  color: var(--bw-accent) !important;
}.privacy-delete-row,
.app-confirm-btn-cancel{ color: var(--bw-danger) !important; }.app-confirm-backdrop,
.bottom-sheet-backdrop{ background: var(--bw-overlay) !important; }.app-confirm-dialog{ border: 1px solid var(--bw-line) !important; }.app-confirm-btn-keep{ background: var(--bw-canvas) !important; color: var(--bw-ink) !important; }.app-confirm-btn-cancel{ background: var(--bw-danger-soft) !important; }/* Dining Credits: all purchase,
wallet,
QR,
refund and payment states. */
#dining-credits-mount,
#dining-credits-mount:has(> .page.active),
#page-dining-credits,
#page-dining-my-credits,
#page-dining-credit-qr,
#page-dining-redemption-success,
.dc-pay-status-page{
  --dc-brand: var(--bw-accent) !important;
  --dc-brand-light: var(--bw-accent-soft) !important;
  --dc-text-primary: var(--bw-ink) !important;
  --dc-text-secondary: var(--bw-copy) !important;
  --dc-text-tertiary: var(--bw-muted) !important;
  --dc-bg-base: var(--bw-canvas) !important;
  --dc-bg-surface: var(--bw-surface) !important;
  --dc-border: var(--bw-line) !important;
  --dc-success: var(--bw-success) !important;
  --dc-error: var(--bw-danger) !important;
  --dc-perk-green: var(--bw-success) !important;
  --dc-perk-green-bg: var(--bw-success-soft) !important;
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}#page-dining-credits > header,
#page-dining-my-credits > header,
#page-dining-credit-qr > header{
  background: var(--bw-chrome) !important;
  border-color: var(--bw-line) !important;
}#page-dining-credits .dc-main,
#page-dining-my-credits .dc-my-shell,
#page-dining-credit-qr .dc-qr-main{ background: var(--bw-canvas) !important; }#page-dining-credits .dc-credit-card,
#page-dining-my-credits .dc-my-panel,
#page-dining-credit-qr .dc-qr-card,
#page-dining-credit-qr .dc-qr-venues,
#page-dining-redemption-success .dc-redeem-bill-card,
#page-dining-redemption-success .dc-redeem-remaining-card{
  border-color: var(--bw-line) !important;
  background: var(--bw-surface) !important;
  box-shadow: none !important;
}#page-dining-credits .dc-credit-card.is-selected,
#page-dining-my-credits .dc-my-tab.is-active{
  border-color: var(--bw-accent) !important;
  background: var(--bw-accent-tint) !important;
  box-shadow: none !important;
}#page-dining-credits .dc-credit-price,
#page-dining-my-credits .dc-my-refund-btn,
.dc-refund-confirm-icon{
  background: var(--bw-accent-soft) !important;
  color: var(--bw-accent) !important;
  border-color: rgba(240,90,36,.24) !important;
}#page-dining-credits .dc-partners-section,
#page-dining-credits .dc-terms-section,
.dc-pay-card-fields{ background: var(--bw-surface) !important; border: 1px solid var(--bw-line) !important; }#page-dining-credits .dc-bottom-bar{
  background: var(--bw-chrome-strong) !important;
  border-color: var(--bw-line) !important;
  box-shadow: none !important;
}#page-dining-credits .dc-buy-btn,
.dc-btn-primary,
.dc-pay-submit,
.dc-refund-confirm-btn.is-confirm,
.dc-pay-status-btn--primary,
.dc-redeem-primary-btn,
.dc-my-empty-btn{
  border-color: transparent !important;
  background: var(--bw-accent) !important;
  color: #fff !important;
  box-shadow: none !important;
}#page-dining-credit-qr{
  --dc-qr-brand: var(--bw-accent);
  --dc-qr-brand-deep: var(--bw-accent-press);
  --dc-qr-surface: var(--bw-canvas);
  --dc-qr-tertiary: var(--bw-accent);
}#page-dining-purchase-success,
#page-dining-purchase-failed{ background: var(--bw-canvas) !important; color: var(--bw-ink) !important; }#page-dining-credit-qr .dc-qr-balance-amount,
#page-dining-credit-qr .dc-qr-refresh-icon,
#page-dining-credit-qr .dc-qr-venues-icon-wrap{ color: var(--bw-accent) !important; }#page-dining-credit-qr .dc-qr-timer-pill,
#page-dining-credit-qr .dc-qr-venues-icon-wrap{ background: var(--bw-accent-soft) !important; }#page-dining-redemption-success{
  --dc-redeem-brand: var(--bw-accent);
  --dc-redeem-charcoal: var(--bw-ink);
  --dc-redeem-emerald: var(--bw-success);
  --dc-redeem-emerald-bg: var(--bw-success-soft);
  --dc-redeem-orange-bg: var(--bw-accent-soft);
  --dc-redeem-orange-strong: var(--bw-accent-press);
}#page-dining-redemption-success .dc-redeem-check-wrap,
.dc-pay-status-icon-ring.is-success,
.dc-refund-success-icon{
  background: var(--bw-success-soft) !important;
  color: var(--bw-success) !important;
}.dc-pay-status-page{
  --dc-pay-status-ink: var(--bw-ink);
  --dc-pay-status-ink-soft: var(--bw-copy);
  --dc-pay-status-ink-faint: var(--bw-muted);
  --dc-pay-status-line: var(--bw-line);
  --dc-pay-status-success: var(--bw-success);
  --dc-pay-status-success-bg: var(--bw-success-soft);
  --dc-pay-status-error: var(--bw-danger);
  --dc-pay-status-error-bg: var(--bw-danger-soft);
  --dc-pay-status-accent: var(--bw-accent);
  --dc-pay-status-accent-hover: var(--bw-accent-press);
}#dc-refund-sheet.bottom-sheet,
#dc-pay-sheet.bottom-sheet{
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: 0 -12px 40px rgba(22,24,35,.1) !important;
}.dc-refund-sheet-handle,
.dc-pay-sheet-handle{ background: var(--bw-line-strong) !important; }.dc-pay-close-btn,
.dc-pay-method-icon,
.dc-pay-card-fields{ background: var(--bw-canvas) !important; color: var(--bw-copy) !important; }.dc-pay-method{
  border-color: var(--bw-line-strong) !important;
  background: var(--bw-surface) !important;
  box-shadow: none !important;
}.dc-pay-method.is-selected{
  border-color: var(--bw-accent) !important;
  background: var(--bw-accent-tint) !important;
  box-shadow: none !important;
}.dc-pay-method.is-selected .dc-pay-method-radio{
  border-color: var(--bw-accent) !important;
  background: var(--bw-accent) !important;
}.dc-pay-stripe-wordmark{ color: var(--bw-copy) !important; }.dc-refund-sheet-label,
.dc-refund-confirm-method,
.dc-refund-success-body,
.dc-pay-sheet-merchant,
.dc-pay-field-label,
.dc-pay-stripe-badge{ color: var(--bw-copy) !important; }.dc-refund-sheet-title,
.dc-refund-purchase-value,
.dc-pay-sheet-amount,
.dc-pay-sheet-label,
.dc-pay-method-name{ color: var(--bw-ink) !important; }/* Onboarding v2: four predictable tap-first steps with progressive disclosure. */
#page-onboarding.page.active{
  --ob-orange: var(--bw-accent);
  --ob-border: var(--bw-line);
  display: flex !important;
  flex-direction: column;
  width: 100%;
  min-height: 100dvh;
  overflow: hidden !important;
  background: var(--bw-canvas) !important;
}#page-onboarding .ob-atmosphere{ display: none !important; }#page-onboarding.page.active .ob-new-header{
  position: relative !important;
  flex: 0 0 auto;
  display: grid !important;
  grid-template-columns: 40px minmax(0,1fr) 40px !important;
  align-items: center !important;
  width: 100%;
  max-width: 480px;
  min-height: calc(68px + env(safe-area-inset-top,0px)) !important;
  height: calc(68px + env(safe-area-inset-top,0px)) !important;
  margin: 0 auto;
  padding: env(safe-area-inset-top,0px) 20px 0 !important;
  border: 0 !important;
  background: var(--bw-canvas) !important;
}#page-onboarding .ob-back{
  position: static !important;
  grid-column: 1;
  grid-row: 1;
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--bw-ink) !important;
  opacity: 0;
}#page-onboarding .ob-back.is-visible{ opacity: 1; }#page-onboarding .ob-progress{
  position: static !important;
  grid-column: 2;
  grid-row: 1;
  justify-self: stretch !important;
  width: min(100%,240px) !important;
  max-width: 240px !important;
  margin: 0 auto;
  transform: none !important;
}#page-onboarding .ob-progress span{
  flex: 0 0 24px;
  width: 24px !important;
  height: 24px !important;
  border-color: var(--bw-line-strong) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-muted) !important;
  transition: color .25s ease, border-color .25s ease, background .25s ease, transform .25s ease;
}#page-onboarding .ob-progress span.is-active,
#page-onboarding .ob-progress span.is-complete{
  border-color: var(--bw-accent) !important;
  background: var(--bw-accent) !important;
  color: #fff !important;
}#page-onboarding .ob-progress span.is-active{ transform: scale(1.08); }#page-onboarding .ob-progress i{
  height: 2px !important;
  background: var(--bw-line-strong) !important;
  transition: background .3s ease;
}#page-onboarding .ob-progress i.is-complete{ background: var(--bw-accent) !important; }#page-onboarding.page.active .ob-new-main{
  flex: 1 1 auto;
  width: 100%;
  max-width: 480px;
  min-height: 0 !important;
  margin: 0 auto;
  overflow: hidden !important;
  background: var(--bw-canvas) !important;
}#page-onboarding .ob-new-screen{
  height: 100% !important;
  min-height: 0 !important;
  padding: 4px 20px 24px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: var(--bw-canvas) !important;
  scroll-padding-bottom: 24px;
}#page-onboarding .ob-new-screen.is-active{ animation: obStepForward .32s cubic-bezier(.2,.8,.2,1) both !important; }#page-onboarding[data-ob-direction="back"] .ob-new-screen.is-active{ animation-name: obStepBack !important; }@keyframes obStepForward{ from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: none; } }@keyframes obStepBack{ from { opacity: 0; transform: translateX(-18px); } to { opacity: 1; transform: none; } }#page-onboarding .ob-food-hero{
  position: relative;
  width: 100%;
  height: clamp(112px,17dvh,148px);
  margin: 0 0 18px;
  overflow: hidden;
  border: 1px solid rgba(240,90,36,.12);
  border-radius: 20px;
  background: var(--bw-surface-raised);
}#page-onboarding .ob-food-hero::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(255,106,43,.12),rgba(0,0,0,.08) 45%,rgba(0,0,0,.18));
  pointer-events: none;
}#page-onboarding .ob-food-hero img{ width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 52%; }#page-onboarding .ob-question-head,
#page-onboarding .ob-section-head{
  margin: 0 0 18px !important;
  text-align: left !important;
}#page-onboarding .ob-personalized{
  display: flex !important;
  align-items: center;
  gap: 6px;
  margin: 0 0 7px !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--bw-accent) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
}#page-onboarding .ob-question-head h1,
#page-onboarding .ob-section-head h1{
  margin: 0 !important;
  color: var(--bw-ink) !important;
  font-family: var(--app-font-headline) !important;
  font-size: clamp(25px,7vw,32px) !important;
  font-weight: 800 !important;
  line-height: 1.16 !important;
  letter-spacing: -.035em !important;
}#page-onboarding .ob-question-head > p:last-child,
#page-onboarding .ob-section-head > p:last-child{
  margin: 6px 0 0 !important;
  color: var(--bw-copy) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}#page-onboarding .ob-selection-grid{
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}#page-onboarding .ob-selection-grid button,
#page-onboarding .ob-tile-grid button{
  position: relative;
  min-width: 0 !important;
  min-height: 60px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  padding: 10px 13px !important;
  border: 1px solid var(--bw-line) !important;
  border-radius: 14px !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  text-align: left !important;
  box-shadow: none !important;
  transition: border-color .2s ease, background .2s ease, transform .15s ease;
}#page-onboarding .ob-selection-grid button:active,
#page-onboarding .ob-tile-grid button:active{ transform: scale(.985); }#page-onboarding .ob-option-emoji{
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  border-radius: 10px;
  background: var(--bw-canvas);
  font-size: 19px;
}#page-onboarding .ob-selection-grid button b,
#page-onboarding .ob-tile-grid button b{ min-width: 0; color: inherit; font-size: 12px !important; font-weight: 650 !important; line-height: 1.25; }#page-onboarding .ob-tile-grid{
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
}#page-onboarding .ob-tile-grid button .material-symbols-outlined{
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  border-radius: 10px;
  background: var(--bw-canvas);
  color: var(--bw-copy) !important;
  font-size: 20px !important;
}#page-onboarding .ob-selection-grid button.is-selected,
#page-onboarding .ob-tile-grid button.is-selected{
  border-color: var(--bw-accent) !important;
  background: var(--bw-accent-soft) !important;
  color: var(--bw-accent) !important;
}#page-onboarding .ob-selection-grid button.is-selected .ob-option-emoji,
#page-onboarding .ob-tile-grid button.is-selected .material-symbols-outlined{ background: var(--bw-surface-raised) !important; color: var(--bw-accent) !important; }#page-onboarding .ob-selection-grid button.is-selected::after,
#page-onboarding .ob-tile-grid button.is-selected::after{
  content: "✓";
  position: absolute;
  top: 7px;
  right: 7px;
  width: 17px;
  height: 17px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--bw-accent);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
}#page-onboarding .ob-taste-list{ display: grid; gap: 10px; }#page-onboarding .ob-taste-row{
  display: grid;
  grid-template-columns: 92px minmax(0,1fr);
  align-items: center;
  gap: 10px;
  min-height: 68px;
  padding: 10px 11px;
  border: 1px solid var(--bw-line);
  border-radius: 14px;
  background: var(--bw-surface);
}#page-onboarding .ob-taste-row > span{ display: flex; align-items: center; gap: 7px; min-width: 0; }#page-onboarding .ob-taste-row > span i{ font-size: 19px; font-style: normal; }#page-onboarding .ob-taste-row > span b{ overflow: hidden; color: var(--bw-ink); font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }#page-onboarding .ob-taste-options{
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 4px;
  padding: 3px;
  border-radius: 10px;
  background: var(--bw-canvas);
}#page-onboarding .ob-taste-options button{
  min-width: 0;
  min-height: 34px;
  padding: 5px 3px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--bw-muted);
  font-size: 10px;
  font-weight: 650;
  transition: background .2s ease,color .2s ease,box-shadow .2s ease;
}#page-onboarding .ob-taste-options button.is-selected{
  background: var(--bw-surface);
  color: var(--bw-accent);
  box-shadow: 0 1px 4px rgba(22,24,35,.08);
}#page-onboarding .ob-voucher-card{
  min-height: 66px !important;
  margin: 16px 0 2px !important;
  padding: 11px 13px !important;
  border-color: rgba(240,90,36,.2) !important;
  border-radius: 14px !important;
  background: var(--bw-accent-soft) !important;
}#page-onboarding .ob-voucher-card::before,
#page-onboarding .ob-voucher-card::after{ display: none !important; }#page-onboarding.page.active .ob-new-footer{
  position: relative !important;
  flex: 0 0 auto;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  padding: 10px 20px max(12px,calc(env(safe-area-inset-bottom,0px) + 8px)) !important;
  gap: 5px !important;
  border-top: 1px solid var(--bw-line) !important;
  background: var(--bw-chrome-strong) !important;
  box-shadow: none !important;
}#page-onboarding .ob-new-footer > #onboarding-cta{
  min-height: 52px !important;
  border-radius: 14px !important;
  background: var(--bw-accent) !important;
  color: #fff !important;
  box-shadow: none !important;
}#page-onboarding .ob-skip-bottom{ min-height: 26px !important; color: var(--bw-muted) !important; }@media (max-height: 720px){
  #page-onboarding.page.active .ob-new-header { min-height: calc(60px + env(safe-area-inset-top,0px)) !important; height: calc(60px + env(safe-area-inset-top,0px)) !important; }
  #page-onboarding .ob-food-hero { height: 102px; margin-bottom: 13px; }
  #page-onboarding .ob-question-head { margin-bottom: 13px !important; }
  #page-onboarding .ob-selection-grid button,#page-onboarding .ob-tile-grid button { min-height: 54px !important; }
  #page-onboarding .ob-taste-row { min-height: 60px; padding-block: 7px; }
}@media (max-width: 350px){
  #page-onboarding .ob-new-screen { padding-inline: 16px !important; }
  #page-onboarding .ob-selection-grid,#page-onboarding .ob-tile-grid { gap: 8px !important; }
  #page-onboarding .ob-selection-grid button,#page-onboarding .ob-tile-grid button { padding-inline: 10px !important; }
  #page-onboarding .ob-taste-row { grid-template-columns: 76px minmax(0,1fr); }
  #page-onboarding .ob-taste-row > span b { font-size: 11px; }
  #page-onboarding .ob-taste-options button { font-size: 9px; }
}/* Onboarding scroll layout: one continuous preference editor,
not a wizard. */
#page-onboarding[data-ob-layout="scroll"].page.active .ob-new-header{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: calc(64px + env(safe-area-inset-top,0px)) !important;
  height: calc(64px + env(safe-area-inset-top,0px)) !important;
  padding: env(safe-area-inset-top,0px) 20px 0 !important;
  border-bottom: 1px solid var(--bw-line) !important;
  background: var(--bw-chrome) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}#page-onboarding[data-ob-layout="scroll"] .ob-scroll-brand{ display: flex; align-items: center; gap: 9px; min-width: 0; }#page-onboarding[data-ob-layout="scroll"] .ob-scroll-brand img{ width: 30px; height: 30px; flex: 0 0 30px; object-fit: contain; }#page-onboarding[data-ob-layout="scroll"] .ob-scroll-brand strong{ overflow: hidden; color: var(--bw-ink); font-size: 15px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }#page-onboarding[data-ob-layout="scroll"] .ob-skip-top,
#page-onboarding[data-ob-layout="scroll"] .ob-skip-top.is-visible{
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  min-height: 38px;
  margin-left: 12px;
  color: var(--bw-accent) !important;
  font-size: 13px;
  font-weight: 650;
}#page-onboarding[data-ob-layout="scroll"].page.active .ob-new-main{
  flex: 1 1 auto;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
  background: var(--bw-canvas) !important;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}#page-onboarding[data-ob-layout="scroll"] .ob-new-screen,
#page-onboarding[data-ob-layout="scroll"] .ob-new-screen.is-active{
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  padding: 21px 20px 24px !important;
  overflow: visible !important;
  background: var(--bw-canvas) !important;
  animation: none !important;
}#page-onboarding[data-ob-layout="scroll"] #ob-slide-0{ padding-top: 14px !important; }#page-onboarding[data-ob-layout="scroll"] #ob-slide-1,
#page-onboarding[data-ob-layout="scroll"] #ob-slide-2,
#page-onboarding[data-ob-layout="scroll"] #ob-slide-3{ border-top: 6px solid var(--bw-section-gap); }#page-onboarding[data-ob-layout="scroll"] .ob-food-hero{
  height: clamp(118px,17dvh,146px);
  margin-bottom: 15px;
  border-radius: 16px;
}#page-onboarding[data-ob-layout="scroll"] .ob-question-head{ margin-bottom: 12px !important; }#page-onboarding[data-ob-layout="scroll"] .ob-question-head h1{
  max-width: 350px;
  font-size: clamp(24px,6.8vw,30px) !important;
  line-height: 1.14 !important;
}#page-onboarding[data-ob-layout="scroll"] .ob-question-head > p:last-child{
  max-width: 360px;
  margin-top: 6px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}#page-onboarding[data-ob-layout="scroll"] .ob-voucher-feature{
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: auto !important;
  min-height: 66px !important;
  margin: 0 0 20px !important;
  padding: 11px 13px !important;
  border: 1px solid rgba(240,90,36,.24) !important;
  background: linear-gradient(135deg,rgba(255,106,43,.18),rgba(255,106,43,.07)) !important;
}#page-onboarding[data-ob-layout="scroll"] .ob-voucher-feature > .material-symbols-outlined{
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  border-radius: 11px;
  background: var(--bw-accent);
  color: #fff !important;
  font-size: 20px;
}#page-onboarding[data-ob-layout="scroll"] .ob-voucher-feature strong{ color: var(--bw-voucher-title) !important; font-size: 13px; }#page-onboarding[data-ob-layout="scroll"] .ob-voucher-feature small{ color: var(--bw-voucher-copy) !important; font-size: 10.5px; }#page-onboarding[data-ob-layout="scroll"] .ob-scroll-section-head{
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
}#page-onboarding[data-ob-layout="scroll"] .ob-scroll-section-head > .material-symbols-outlined{
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: var(--bw-accent-soft);
  color: var(--bw-accent);
  font-size: 21px;
}#page-onboarding[data-ob-layout="scroll"] .ob-scroll-section-head h2{
  margin: 0;
  color: var(--bw-ink);
  font-family: var(--app-font-headline);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.02em;
}#page-onboarding[data-ob-layout="scroll"] .ob-scroll-section-head p{
  margin: 3px 0 0;
  color: var(--bw-muted);
  font-size: 11px;
  line-height: 1.35;
}#page-onboarding[data-ob-layout="scroll"] .ob-scroll-edit-note{
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 18px 4px 0;
  padding: 11px 12px;
  border-radius: 12px;
  background: var(--bw-surface);
  color: var(--bw-copy);
  font-size: 11px;
  line-height: 1.5;
}#page-onboarding[data-ob-layout="scroll"] .ob-scroll-edit-note::before{ content: "✓"; color: var(--bw-accent); font-weight: 800; }#page-onboarding[data-ob-layout="scroll"] .ob-selection-grid,
#page-onboarding[data-ob-layout="scroll"] .ob-tile-grid{ gap: 8px !important; }#page-onboarding[data-ob-layout="scroll"] .ob-selection-grid button,
#page-onboarding[data-ob-layout="scroll"] .ob-tile-grid button{
  min-height: 54px !important;
  padding: 8px 11px !important;
  border-radius: 13px !important;
}#page-onboarding[data-ob-layout="scroll"] .ob-taste-list{ gap: 8px; }#page-onboarding[data-ob-layout="scroll"] .ob-taste-row{
  min-height: 62px;
  padding: 8px 10px;
  border-radius: 13px;
}#page-onboarding[data-ob-layout="scroll"].page.active .ob-new-footer{
  padding: 10px 20px max(13px,calc(env(safe-area-inset-bottom,0px) + 9px)) !important;
  border-top: 1px solid var(--bw-line) !important;
  background: var(--bw-chrome-strong) !important;
}#page-onboarding[data-ob-layout="scroll"] .ob-new-footer > #onboarding-cta{
  min-height: 52px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
}#page-onboarding[data-ob-layout="scroll"] .ob-skip-bottom{ display: none !important; }@media (max-height: 700px){
  #page-onboarding[data-ob-layout="scroll"] .ob-food-hero { height: 112px; }
  #page-onboarding[data-ob-layout="scroll"] .ob-new-screen,
  #page-onboarding[data-ob-layout="scroll"] .ob-new-screen.is-active { padding-top: 20px !important; padding-bottom: 24px !important; }
}@media (prefers-reduced-motion: reduce){
  *, *::before, *::after { scroll-behavior: auto !important; }
  #page-onboarding .ob-new-screen.is-active { animation: none !important; }
}/* Dark-system guardrails: neutralize remaining legacy light utility colors. */
#page-home > header,
#home-lang-menu{
  border-color: var(--bw-line) !important;
  background: var(--bw-chrome) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px);
}#home-lang-menu .lang-opt{ color: var(--bw-ink) !important; }#home-lang-menu .h-px{ background: var(--bw-line) !important; }#page-home #home-lang-btn{ border-color: var(--bw-line-strong) !important; color: var(--bw-copy) !important; }body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) .bg-white,
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="bg-[#FFF"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="bg-[#F5F8F6]"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="bg-[#F5F2EE]"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="bg-[#F0F8F4]"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="bg-[#EBF5EF]"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="bg-[#E4E9E8]"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="bg-[#E0EDE8]"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="bg-[#DDE4DF]"]{
  background: var(--bw-surface) !important;
}body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="border-[#C2DDD1]"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="border-[#F0F5F2]"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="border-[#E8F0EB]"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="border-[#E8D5C4]"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="border-[#E0EDE8]"]{
  border-color: var(--bw-line) !important;
}body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="text-[#16211D]"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="text-[#2C1810]"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [style*="color:#3A4A42"]{
  color: var(--bw-ink) !important;
}body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="text-[#5C6B63]"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="text-[#7C746D]"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [style*="color:#8B7B6E"]{
  color: var(--bw-copy) !important;
}body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="text-[#B0BDBA]"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [class*="text-[#C2DDD1]"]{
  color: var(--bw-muted) !important;
}body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [style*="background:#F7FAF8"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [style*="background:#f5f5f5"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [style*="background:#fcf9f8"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [style*="background:#FEF5EA"],
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet) [style*="background:#FFFDF5"]{
  background: var(--bw-canvas) !important;
}/* Text contrast rescue for legacy components with hard-coded light-theme ink. */
body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet,
.chat-detail-sheet)
  :where(h1,
h2,
h3,
h4,
h5,
h6,
[class$="-title"],
[class*="-title "],
[class$="-name"],
[class*="-name "],
[class$="-value"],
[class*="-value "]){
  color: var(--bw-ink) !important;
}body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet,
.chat-detail-sheet)
  :where([class$="-desc"],
[class*="-desc "],
[class$="-description"],
[class*="-description "],
[class$="-subtitle"],
[class*="-subtitle "],
[class$="-meta"],
[class*="-meta "],
[class$="-hint"],
[class*="-hint "],
[class$="-caption"],
[class*="-caption "],
[class$="-helper"],
[class*="-helper "]){
  color: var(--bw-copy) !important;
}body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet,
.chat-detail-sheet)
  :where(.text-on-surface,
.text-gray-900,
.text-slate-900,
.text-neutral-900,
.text-black){
  color: var(--bw-ink) !important;
}body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet,
.chat-detail-sheet)
  :where(.text-on-surface-variant,
.text-gray-500,
.text-gray-600,
.text-slate-500,
.text-neutral-500){
  color: var(--bw-copy) !important;
}body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet,
.chat-detail-sheet) .text-primary{
  color: var(--bw-accent) !important;
}body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet,
.chat-detail-sheet)
  :where(.bg-primary,
#onboarding-cta,
.chat-detail-action.is-primary,
.dc-buy-btn,
.dc-btn-primary,
.dc-pay-submit){
  color: #fff !important;
}body :where(.page:not(#page-home),
.acct-sub-page,
.bottom-sheet,
.chat-detail-sheet)
  :where(.bg-primary,
#onboarding-cta,
.chat-detail-action.is-primary,
.dc-buy-btn,
.dc-btn-primary,
.dc-pay-submit) *{
  color: inherit !important;
}/* Redemption code remains high-contrast without breaking the dark shell. */
#page-dining-credit-qr .dc-qr-code-frame{
  border-color: var(--bw-line-strong) !important;
  background: var(--bw-surface-raised) !important;
}#page-dining-credit-qr .dc-qr-backup-code{ color: var(--bw-accent) !important; }/* ===== 引导页选择标签：参考小红书内容偏好标签 ===== */
#page-onboarding .ob-selection-grid,
#page-onboarding .ob-tile-grid,
#page-onboarding[data-ob-layout="scroll"] .ob-selection-grid,
#page-onboarding[data-ob-layout="scroll"] .ob-tile-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}#page-onboarding .ob-selection-grid button,
#page-onboarding .ob-tile-grid button,
#page-onboarding[data-ob-layout="scroll"] .ob-selection-grid button,
#page-onboarding[data-ob-layout="scroll"] .ob-tile-grid button{
  position:relative!important;
  min-height:46px!important;
  height:auto!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:11px 12px!important;
  border:1px solid var(--bw-tag-border)!important;
  border-radius:10px!important;
  background:var(--bw-tag-fill)!important;
  color:var(--bw-tag-text)!important;
  text-align:center!important;
  box-shadow:none!important;
  aspect-ratio:auto!important;
}/* 未选：居中 + 文案 */
#page-onboarding .ob-selection-grid button:not(.is-selected)::before,
#page-onboarding .ob-tile-grid button:not(.is-selected)::before{
  content:"+";
  flex:0 0 auto;
  color:var(--bw-tag-muted);
  font-size:15px;
  font-weight:500;
  line-height:1;
}#page-onboarding .ob-selection-grid button b,
#page-onboarding .ob-tile-grid button b{
  min-width:0;
  overflow:hidden;
  color:inherit!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.25!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}/* 菜系保留小 emoji；饮食/场景隐藏大图标，走标签感 */
#page-onboarding .ob-option-emoji{
  width:auto!important;
  height:auto!important;
  flex:0 0 auto!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:15px!important;
  line-height:1!important;
}#page-onboarding .ob-tile-grid button .material-symbols-outlined{
  display:none!important;
}/* 选中：浅橙底 + 强调色（对齐参考图粉色选中态） */
#page-onboarding .ob-selection-grid button.is-selected,
#page-onboarding .ob-tile-grid button.is-selected{
  border-color:rgba(255,106,43,.45)!important;
  background:rgba(255,106,43,.16)!important;
  color:var(--bw-selected-ink)!important;
}#page-onboarding .ob-selection-grid button.is-selected::before,
#page-onboarding .ob-tile-grid button.is-selected::before{
  content:""!important;
  width:16px;
  height:16px;
  flex:0 0 16px;
  border-radius:50%;
  background:#ff6a2b;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 12h12' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size:10px 10px;
  background-repeat:no-repeat;
  background-position:center;
}#page-onboarding .ob-selection-grid button.is-selected::after,
#page-onboarding .ob-tile-grid button.is-selected::after{
  display:none!important;
}#page-onboarding .ob-selection-grid button.is-selected .ob-option-emoji{
  background:transparent!important;
  filter:none;
}#page-onboarding .ob-selection-grid button:active,
#page-onboarding .ob-tile-grid button:active{
  transform:scale(.98);
}/* 口味强度也改成同风格小标签 */
#page-onboarding .ob-taste-options{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}#page-onboarding .ob-taste-options button{
  min-height:36px!important;
  padding:0 8px!important;
  border:1px solid var(--bw-tag-border)!important;
  border-radius:999px!important;
  background:var(--bw-tag-fill)!important;
  color:var(--bw-tag-text)!important;
  font-size:12px!important;
  font-weight:600!important;
}#page-onboarding .ob-taste-options button.is-selected{
  border-color:rgba(255,106,43,.45)!important;
  background:rgba(255,106,43,.16)!important;
  color:var(--bw-selected-ink)!important;
}@media (max-width:380px){
  #page-onboarding .ob-selection-grid button,
  #page-onboarding .ob-tile-grid button{
    min-height:44px!important;
    padding:10px 8px!important;
    gap:4px!important;
  }
  #page-onboarding .ob-selection-grid button b,
  #page-onboarding .ob-tile-grid button b{font-size:12px!important}
}/* Display settings: system / light / dark preference. */
#acct-display .display-settings-body{ padding: 22px 18px 90px; }#acct-display .display-settings-intro{
  margin: 0 2px 12px;
  color: var(--bw-copy) !important;
  font-size: 13px;
  line-height: 1.55;
}#acct-display .display-theme-list{
  overflow: hidden;
  border: 1px solid var(--bw-line);
  border-radius: 16px;
  background: var(--bw-surface);
}#acct-display .display-theme-row{
  width: 100%;
  min-height: 72px;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) 22px;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  border: 0;
  border-bottom: 1px solid var(--bw-line);
  background: transparent;
  color: var(--bw-ink);
  text-align: left;
}#acct-display .display-theme-row:last-child{ border-bottom: 0; }#acct-display .display-theme-row:active{ background: var(--bw-tag-fill); }#acct-display .display-theme-row.is-selected{ background: var(--bw-accent-soft); }#acct-display .display-theme-icon{
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: var(--bw-tag-fill);
  color: var(--bw-copy);
  font-size: 20px;
}#acct-display .display-theme-row.is-selected .display-theme-icon{ background: var(--bw-surface); color: var(--bw-accent); }#acct-display .display-theme-copy{ min-width: 0; display: flex; flex-direction: column; gap: 3px; }#acct-display .display-theme-copy strong{ color: var(--bw-ink) !important; font-size: 14px; font-weight: 600; }#acct-display .display-theme-copy small{ color: var(--bw-copy) !important; font-size: 11px; line-height: 1.35; }#acct-display .display-theme-check{ color: var(--bw-accent); font-size: 20px; opacity: 0; }#acct-display .display-theme-row.is-selected .display-theme-check{ opacity: 1; }/* Complete light-theme contract for the immersive Home surface. */
:root[data-theme="light"].home-page-active,
:root[data-theme="light"] body.home-page-active,
:root[data-theme="light"] #page-home.page.active,
:root[data-theme="light"] #page-home .home-main,
:root[data-theme="light"] #page-home .home-discovery,
:root[data-theme="light"] #page-home .home-example-track,
:root[data-theme="light"] #page-home .home-example-card{
  background: #fff !important;
  color: var(--bw-ink) !important;
}:root[data-theme="light"] #page-home > header,
:root[data-theme="light"] #home-lang-menu,
:root[data-theme="light"] .app-tabbar{
  border-color: var(--bw-line) !important;
  background: rgba(255,255,255,.98) !important;
  color: var(--bw-muted) !important;
}:root[data-theme="light"] #page-home .home-header-brand,
:root[data-theme="light"] #home-lang-menu,
:root[data-theme="light"] #home-lang-menu button,
:root[data-theme="light"] #page-home #home-lang-btn{
  color: var(--bw-ink) !important;
}:root[data-theme="light"] #page-home #home-lang-btn{
  border-color: var(--bw-line-strong) !important;
  background: var(--bw-tag-fill) !important;
}:root[data-theme="light"] #page-home .home-bottom-area .home-control-panel.is-ready,
:root[data-theme="light"] #page-home .home-agent-composer,
:root[data-theme="light"] #page-home .home-agent-conversation,
:root[data-theme="light"] #page-home .home-agent-sheet-header,
:root[data-theme="light"] #page-home .home-agent-drawer-header,
:root[data-theme="light"] #page-home .home-agent-answer-card,
:root[data-theme="light"] #page-home .home-agent-thread,
:root[data-theme="light"] #page-home .home-agent-results,
:root[data-theme="light"] .home-creator-sheet{
  border-color: var(--bw-line) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}:root[data-theme="light"] #page-home .home-agent-composer input,
:root[data-theme="light"] #page-home .home-agent-turn strong,
:root[data-theme="light"] #page-home .home-agent-drawer-header strong,
:root[data-theme="light"] #page-home .home-agent-results-heading strong,
:root[data-theme="light"] .home-creator-sheet-header strong{
  color: var(--bw-ink) !important;
}:root[data-theme="light"] #page-home .home-agent-composer input::placeholder,
:root[data-theme="light"] #page-home .home-agent-turn span,
:root[data-theme="light"] #page-home .home-agent-drawer-header small,
:root[data-theme="light"] #page-home .home-agent-answer-card > p,
:root[data-theme="light"] #page-home .home-agent-result-copy,
:root[data-theme="light"] .home-creator-sheet-header small,
:root[data-theme="light"] .home-creator-sheet-meta{
  color: var(--bw-copy) !important;
}:root[data-theme="light"] #page-home .home-agent-quick-replies button,
:root[data-theme="light"] #page-home .home-context-questions button,
:root[data-theme="light"] .home-creator-sheet-close{
  border-color: var(--bw-line) !important;
  background: var(--bw-tag-fill) !important;
  color: var(--bw-ink) !important;
}:root[data-theme="light"] #page-home .home-agent-thread-turn.is-user{
  background: var(--bw-accent-soft) !important;
  color: var(--bw-ink) !important;
}:root[data-theme="light"] .home-creator-sheet-handle{ background: var(--bw-line-strong) !important; }/* Dark mode explicitly reasserts its text/surface pairing. */
:root[data-theme="dark"] body:not(.home-page-active),
:root[data-theme="dark"] body .page:not(#page-home),
:root[data-theme="dark"] body .acct-sub-page,
:root[data-theme="dark"] body .bottom-sheet{
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}/* Profile content must remain one continuous themed surface. */
#page-settings #acct-main,
#page-settings .profile-social-main,
#page-settings .profile-content-section,
#page-settings .profile-video-grid,
#page-settings .profile-video-empty{
  background: var(--bw-profile-canvas) !important;
  color: var(--bw-ink) !important;
}#page-settings .profile-content-section{
  min-height: 46dvh;
  border-top: 6px solid var(--bw-line) !important;
}#page-settings .profile-content-tabs{
  border-color: var(--bw-line) !important;
  background: color-mix(in srgb, var(--bw-profile-canvas) 96%, transparent) !important;
}#page-settings .profile-content-tabs button{ color: var(--bw-muted) !important; }#page-settings .profile-content-tabs button.is-active{ color: var(--bw-ink) !important; }#page-settings .profile-video-grid{ min-height: 300px; }#page-settings .profile-video-empty > .material-symbols-outlined{ color: var(--bw-muted) !important; }#page-settings .profile-video-empty strong{ color: var(--bw-ink) !important; }#page-settings .profile-video-empty p{ color: var(--bw-copy) !important; }/* Dining Credits theme contract: override legacy !important light tokens. */
#dining-credits-mount,
#dining-credits-mount:has(> .page.active),
#page-dining-credits,
#page-dining-credits .dc-main{
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}#page-dining-credits.page :where(.dc-hero-title,
.dc-section-title,
.dc-terms-sec-label,
.dc-partners-section-heading,
.dc-page-row-label,
.dc-terms-head-copy b,
.dc-terms-group h4,
.dc-bottom-credits){
  color: var(--bw-ink) !important;
}#page-dining-credits.page :where(.dc-hero-tagline,
.dc-credit-validity,
.dc-terms-head-copy span,
.dc-terms-line,
.dc-bottom-max,
.dc-bottom-credits.is-prompt){
  color: var(--bw-copy) !important;
}#page-dining-credits.page :where(.dc-credit-card,
.dc-perks-list,
.dc-partners-section,
.dc-terms-section,
.dc-terms,
.dc-terms-head,
.dc-terms-inner){
  border-color: var(--bw-line) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}#page-dining-credits .dc-credit-card.is-selected{
  border-color: var(--bw-accent) !important;
  background: var(--bw-accent-tint) !important;
}#page-dining-credits .dc-credit-price{
  background: var(--bw-accent-soft) !important;
  color: var(--bw-accent) !important;
}#page-dining-credits .dc-credit-max,
#page-dining-credits .dc-credit-card.is-selected .dc-credit-max,
#page-dining-credits .dc-page-row-label.is-brand,
#page-dining-credits .dc-page-row-chevron,
#page-dining-credits .dc-terms-chevron{ color: var(--bw-accent) !important; }#page-dining-credits .dc-credit-radio{ border-color: var(--bw-line-strong) !important; }:root[data-theme="dark"] body[data-app-tab="benefits"] #page-dining-credits .dc-bottom-bar,
:root[data-theme="light"] body[data-app-tab="benefits"] #page-dining-credits .dc-bottom-bar{
  border-color: var(--bw-line) !important;
  background: var(--bw-chrome-strong) !important;
  color: var(--bw-ink) !important;
}#page-dining-credits .dc-bottom-bar .dc-buy-btn:disabled,
#page-dining-credits .dc-bottom-bar .dc-buy-btn.is-disabled{
  background: var(--bw-accent) !important;
  color: #fff !important;
  opacity: .38 !important;
}/* ===== Onboarding design v3: intro landing + single preference page ===== */
#page-onboarding[data-ob-layout="design"].page.active{
  --ob-orange: #ff4d00;
  --ob-orange-soft: #fff1ea;
  --ob-ink: #111;
  --ob-copy: #666;
  --ob-muted: #999;
  --ob-line: #ececec;
  --ob-track: #f3f3f3;
  --bw-canvas: #ffffff !important;
  --bw-surface: #ffffff !important;
  --bw-surface-raised: #ffffff !important;
  --bw-chrome: #ffffff !important;
  --bw-chrome-strong: #ffffff !important;
  --bw-ink: #111111 !important;
  --bw-copy: #666666 !important;
  --bw-muted: #999999 !important;
  --bw-line: #ececec !important;
  --bw-line-strong: #e0e0e0 !important;
  --bw-accent: #ff4d00 !important;
  --bw-accent-press: #e64500 !important;
  --bw-accent-soft: rgba(255, 77, 0, .12) !important;
  --bw-accent-tint: rgba(255, 77, 0, .08) !important;
  --bw-tag-fill: #ffffff !important;
  --bw-tag-border: #e8e8e8 !important;
  --bw-tag-text: #222222 !important;
  --bw-tag-muted: #b0b0b0 !important;
  --bw-section-gap: #f7f7f7 !important;
  background: #fff !important;
  color: #111 !important;
}#page-onboarding[data-ob-layout="design"] .ob-atmosphere{ display: none !important; }/* Intro landing */
#page-onboarding[data-ob-layout="design"] .ob-intro-screen{
  position: relative !important;
  display: none !important;
  flex-direction: column;
  width: 100%;
  max-width: 480px;
  height: auto !important;
  min-height: 100% !important;
  margin: 0 auto;
  padding: calc(env(safe-area-inset-top,0px) + 18px) 22px max(18px, env(safe-area-inset-bottom,0px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #fff !important;
  animation: none !important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-screen,
#page-onboarding[data-ob-layout="design"] .ob-intro-screen.is-active:not([hidden]),
#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-screen.is-active{
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}#page-onboarding[data-ob-layout="design"] .ob-intro-brand{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 2px 0 14px;
}#page-onboarding[data-ob-layout="design"] .ob-intro-brand .ob-brand-mark,
#page-onboarding[data-ob-layout="design"] .ob-intro-brand img.ob-brand-mark,
#page-onboarding[data-ob-layout="design"] .ob-intro-brand img{
  width: 48px;
  height: 48px;
  display: block;
  object-fit: contain;
  border-radius: 12px;
  background: transparent;
  transform: none;
}#page-onboarding[data-ob-layout="design"] .ob-intro-brand strong{
  color: #111;
  font-family: var(--app-font-headline);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: none;
}#page-onboarding[data-ob-layout="design"] .ob-intro-copy{
  text-align: center;
  margin: 0 0 16px;
}#page-onboarding[data-ob-layout="design"] .ob-intro-copy h1{
  margin: 0;
  color: #111 !important;
  font-family: var(--app-font-headline);
  font-size: clamp(24px, 7vw, 28px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.03em;
}#page-onboarding[data-ob-layout="design"] .ob-intro-copy h1 em{
  color: #ff4d00 !important;
  font-style: normal;
}#page-onboarding[data-ob-layout="design"] .ob-intro-copy p{
  margin: 10px 0 0;
  color: #666 !important;
  font-size: 13px;
  line-height: 1.55;
}#page-onboarding[data-ob-layout="design"] .ob-intro-collage{
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  grid-template-rows: 118px 118px;
  gap: 10px;
  margin: 0 0 14px;
}#page-onboarding[data-ob-layout="design"] .ob-collage-tile{
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: 16px;
  background: #f3f3f3;
}#page-onboarding[data-ob-layout="design"] .ob-collage-tile:nth-child(1){ border-radius: 18px 14px 14px 18px; }#page-onboarding[data-ob-layout="design"] .ob-collage-tile:nth-child(2){ border-radius: 14px 18px 18px 14px; }#page-onboarding[data-ob-layout="design"] .ob-collage-tile img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}#page-onboarding[data-ob-layout="design"] .ob-collage-tag{
  position: absolute;
  left: 8px;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: calc(100% - 16px);
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 4px 14px rgba(0,0,0,.12);
  color: #222;
  font-size: 10px;
  font-weight: 650;
  line-height: 1;
}#page-onboarding[data-ob-layout="design"] .ob-collage-tag i{
  font-style: normal;
  font-size: 11px;
}#page-onboarding[data-ob-layout="design"] .ob-collage-tag b{
  overflow: hidden;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}#page-onboarding[data-ob-layout="design"] .ob-voucher-feature{
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  margin: 0 0 14px !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg,#fff1ea,#ffe8dc) !important;
  box-shadow: none !important;
}#page-onboarding[data-ob-layout="design"] .ob-voucher-feature::before,
#page-onboarding[data-ob-layout="design"] .ob-voucher-feature::after{ display: none !important; }#page-onboarding[data-ob-layout="design"] .ob-voucher-feature > .material-symbols-outlined{
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #ff4d00;
  color: #fff !important;
  font-size: 20px;
}#page-onboarding[data-ob-layout="design"] .ob-voucher-feature p{ margin: 0; min-width: 0; }#page-onboarding[data-ob-layout="design"] .ob-voucher-feature strong{
  display: block;
  color: #222 !important;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.3;
}#page-onboarding[data-ob-layout="design"] .ob-voucher-feature small{
  display: block;
  margin-top: 2px;
  color: #888 !important;
  font-size: 11px;
  line-height: 1.35;
}#page-onboarding[data-ob-layout="design"] .ob-intro-values{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}#page-onboarding[data-ob-layout="design"] .ob-intro-values li{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
}#page-onboarding[data-ob-layout="design"] .ob-intro-values .material-symbols-outlined{
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff1ea;
  color: #ff4d00;
  font-size: 18px;
}#page-onboarding[data-ob-layout="design"] .ob-intro-values b{
  color: #444 !important;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.35;
}#page-onboarding[data-ob-layout="design"] .ob-intro-actions{
  margin-top: 0;
  display: grid;
  gap: 10px;
  padding-top: 6px;
}#page-onboarding[data-ob-layout="design"] .ob-intro-cta{
  width: 100%;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 0;
  border-radius: 14px;
  background: #ff4d00;
  color: #fff;
  font-size: 16px;
  font-weight: 750;
}#page-onboarding[data-ob-layout="design"] .ob-intro-cta .material-symbols-outlined{ font-size: 18px; }#page-onboarding[data-ob-layout="design"] .ob-intro-actions .ob-skip-bottom{
  display: inline-flex !important;
  justify-content: center;
  min-height: 36px;
  border: 0;
  background: transparent;
  color: #999 !important;
  font-size: 13px;
  font-weight: 550;
}/* Preference page chrome */
#page-onboarding[data-ob-layout="design"].is-prefs{
  display: flex !important;
  flex-direction: column;
}#page-onboarding[data-ob-layout="design"] .ob-pref-header{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 12px;
  width: 100%;
  max-width: 480px;
  min-height: calc(64px + env(safe-area-inset-top,0px)) !important;
  height: auto !important;
  margin: 0 auto;
  padding: env(safe-area-inset-top,0px) 16px 8px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  background: #fff !important;
}#page-onboarding[data-ob-layout="design"] .ob-pref-header[hidden]{ display: none !important; }#page-onboarding[data-ob-layout="design"] .ob-pref-header .ob-back{
  opacity: 1 !important;
  color: #111 !important;
}#page-onboarding[data-ob-layout="design"] .ob-pref-header .ob-back .material-symbols-outlined{ font-size: 18px; }#page-onboarding[data-ob-layout="design"] .ob-pref-head-copy{
  min-width: 0;
  text-align: left;
}#page-onboarding[data-ob-layout="design"] .ob-pref-head-copy strong{
  display: block;
  color: #111 !important;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.2;
}#page-onboarding[data-ob-layout="design"] .ob-pref-head-copy small{
  display: block;
  margin-top: 2px;
  color: #999 !important;
  font-size: 11px;
  line-height: 1.3;
}#page-onboarding[data-ob-layout="design"] .ob-pref-header .ob-skip-top{
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-end;
  min-width: 40px;
  min-height: 36px;
  color: #ff4d00 !important;
  font-size: 13px;
  font-weight: 650;
}#page-onboarding[data-ob-layout="design"].is-prefs .ob-new-main{
  flex: 1 1 auto;
  width: 100%;
  max-width: 480px;
  min-height: 0 !important;
  margin: 0 auto;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #fff !important;
  -webkit-overflow-scrolling: touch;
}#page-onboarding[data-ob-layout="design"] .ob-new-main[hidden]{ display: none !important; }#page-onboarding[data-ob-layout="design"] #ob-slide-1{
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 8px 18px 28px !important;
  overflow: visible !important;
  background: #fff !important;
  animation: none !important;
}#page-onboarding[data-ob-layout="design"] .ob-scroll-section-head,
#acct-dietary #profile-preference-editor .ob-scroll-section-head{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 18px 0 10px;
}#page-onboarding[data-ob-layout="design"] .ob-scroll-section-head:first-child,
#acct-dietary #profile-preference-editor .ob-scroll-section-head:first-child{ margin-top: 6px; }#page-onboarding[data-ob-layout="design"] .ob-scroll-section-head > .material-symbols-outlined,
#acct-dietary #profile-preference-editor .ob-scroll-section-head > .material-symbols-outlined{
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #fff1ea;
  color: #ff4d00;
  font-size: 17px;
}#page-onboarding[data-ob-layout="design"] .ob-scroll-section-head h2,
#acct-dietary #profile-preference-editor .ob-scroll-section-head h2{
  margin: 0;
  color: #111 !important;
  font-size: 15px;
  font-weight: 750;
}/* Xiaohongshu-style preference tags: 3 columns */
#page-onboarding[data-ob-layout="design"] .ob-selection-grid,
/* Xiaohongshu-style preference tags: 3 columns */
#acct-dietary #profile-preference-editor .ob-selection-grid,
#page-onboarding[data-ob-layout="design"] .ob-tile-grid,
#acct-dietary #profile-preference-editor .ob-tile-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 8px !important;
}#page-onboarding[data-ob-layout="design"] .ob-selection-grid button,
#acct-dietary #profile-preference-editor .ob-selection-grid button,
#page-onboarding[data-ob-layout="design"] .ob-tile-grid button,
#acct-dietary #profile-preference-editor .ob-tile-grid button{
  min-height: 42px !important;
  padding: 9px 8px !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #222 !important;
  gap: 4px !important;
}#page-onboarding[data-ob-layout="design"] .ob-selection-grid button:not(.is-selected)::before,
#acct-dietary #profile-preference-editor .ob-selection-grid button:not(.is-selected)::before,
#page-onboarding[data-ob-layout="design"] .ob-tile-grid button:not(.is-selected)::before,
#acct-dietary #profile-preference-editor .ob-tile-grid button:not(.is-selected)::before{
  content: "+";
  color: #b8b8b8;
  font-size: 14px;
  font-weight: 500;
}#page-onboarding[data-ob-layout="design"] .ob-selection-grid button.ob-more-cuisines:not(.is-selected)::before,
#acct-dietary #profile-preference-editor .ob-selection-grid button.ob-more-cuisines:not(.is-selected)::before{
  content: none !important;
  display: none !important;
}#page-onboarding[data-ob-layout="design"] .ob-extra-cuisine[hidden],
#acct-dietary #profile-preference-editor .ob-extra-cuisine[hidden]{display:none!important}#page-onboarding[data-ob-layout="design"] .ob-extra-cuisine:not([hidden]),
#acct-dietary #profile-preference-editor .ob-extra-cuisine:not([hidden]){display:flex!important}#page-onboarding[data-ob-layout="design"] .ob-more-cuisines[hidden],
#acct-dietary #profile-preference-editor .ob-more-cuisines[hidden]{display:none!important}#page-onboarding[data-ob-layout="design"] #ob-cuisine-grid.is-cuisine-expanded .ob-more-cuisines,
#acct-dietary #profile-preference-editor #ob-cuisine-grid.is-cuisine-expanded .ob-more-cuisines{display:none!important}#page-onboarding[data-ob-layout="design"] #ob-cuisine-grid.is-cuisine-expanded .ob-extra-cuisine,
#acct-dietary #profile-preference-editor #ob-cuisine-grid.is-cuisine-expanded .ob-extra-cuisine{display:flex!important}#page-onboarding[data-ob-layout="design"] .ob-selection-grid button.is-selected,
#acct-dietary #profile-preference-editor .ob-selection-grid button.is-selected,
#page-onboarding[data-ob-layout="design"] .ob-tile-grid button.is-selected,
#acct-dietary #profile-preference-editor .ob-tile-grid button.is-selected{
  border-color: rgba(255,77,0,.55) !important;
  background: #fff4ee !important;
  color: #ff4d00 !important;
}#page-onboarding[data-ob-layout="design"] .ob-selection-grid button.is-selected::before,
#acct-dietary #profile-preference-editor .ob-selection-grid button.is-selected::before,
#page-onboarding[data-ob-layout="design"] .ob-tile-grid button.is-selected::before,
#acct-dietary #profile-preference-editor .ob-tile-grid button.is-selected::before{
  content: "" !important;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  border-radius: 50%;
  background: #ff4d00;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 12h12' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}#page-onboarding[data-ob-layout="design"] .ob-tile-grid button .material-symbols-outlined,
#acct-dietary #profile-preference-editor .ob-tile-grid button .material-symbols-outlined{ display: none !important; }#page-onboarding[data-ob-layout="design"] .ob-option-emoji,
#acct-dietary #profile-preference-editor .ob-option-emoji{
  font-size: 13px !important;
}#page-onboarding[data-ob-layout="design"] .ob-selection-grid button b,
#acct-dietary #profile-preference-editor .ob-selection-grid button b,
#page-onboarding[data-ob-layout="design"] .ob-tile-grid button b,
#acct-dietary #profile-preference-editor .ob-tile-grid button b{
  font-size: 12px !important;
  font-weight: 650 !important;
}/* Taste segmented sliding controls */
#page-onboarding[data-ob-layout="design"] .ob-taste-list,
/* Taste segmented sliding controls */
#acct-dietary #profile-preference-editor .ob-taste-list{
  display: grid;
  gap: 12px;
}#page-onboarding[data-ob-layout="design"] .ob-taste-row,
#acct-dietary #profile-preference-editor .ob-taste-row{
  display: grid;
  grid-template-columns: 72px minmax(0,1fr);
  align-items: center;
  gap: 8px;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}#page-onboarding[data-ob-layout="design"] .ob-taste-row > span,
#acct-dietary #profile-preference-editor .ob-taste-row > span{
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}#page-onboarding[data-ob-layout="design"] .ob-taste-row > span i,
#acct-dietary #profile-preference-editor .ob-taste-row > span i{
  font-size: 15px;
  font-style: normal;
}#page-onboarding[data-ob-layout="design"] .ob-taste-row > span b,
#acct-dietary #profile-preference-editor .ob-taste-row > span b{
  color: #222;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}#page-onboarding[data-ob-layout="design"] .ob-taste-options.ob-taste-seg,
#acct-dietary #profile-preference-editor .ob-taste-options.ob-taste-seg{
  display: grid !important;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 0 !important;
  min-height: 36px;
  padding: 3px;
  border-radius: 10px;
  background: #f3f3f3 !important;
  overflow: hidden;
}#page-onboarding[data-ob-layout="design"] .ob-taste-options.ob-taste-seg button,
#acct-dietary #profile-preference-editor .ob-taste-options.ob-taste-seg button{
  min-height: 30px !important;
  padding: 0 4px !important;
  border: 1.5px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #777 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  white-space: nowrap;
}#page-onboarding[data-ob-layout="design"] .ob-taste-options.ob-taste-seg button.is-selected,
#acct-dietary #profile-preference-editor .ob-taste-options.ob-taste-seg button.is-selected{
  border-color: #ff4d00 !important;
  background: #fff !important;
  color: #ff4d00 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}#page-onboarding[data-ob-layout="design"] .ob-new-footer{
  display: block;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  padding: 10px 18px max(14px, calc(env(safe-area-inset-bottom,0px) + 10px)) !important;
  border-top: 1px solid #f0f0f0 !important;
  background: #fff !important;
}#page-onboarding[data-ob-layout="design"] .ob-new-footer[hidden]{ display: none !important; }#page-onboarding[data-ob-layout="design"] .ob-new-footer > #onboarding-cta{
  width: 100%;
  min-height: 52px !important;
  border: 0;
  border-radius: 14px !important;
  background: #ff4d00 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  box-shadow: none !important;
}@media (max-width: 380px){
  #page-onboarding[data-ob-layout="design"] .ob-intro-collage { grid-template-rows: 104px 104px; }
  #page-onboarding[data-ob-layout="design"] .ob-taste-row { grid-template-columns: 64px minmax(0,1fr); }
  #page-onboarding[data-ob-layout="design"] .ob-taste-options.ob-taste-seg button { font-size: 10px !important; }
  #page-onboarding[data-ob-layout="design"] .ob-selection-grid button b,
  #page-onboarding[data-ob-layout="design"] .ob-tile-grid button b { font-size: 11px !important; }
}@media (max-height: 720px){
  #page-onboarding[data-ob-layout="design"] .ob-intro-collage { grid-template-rows: 96px 96px; margin-bottom: 10px; }
  #page-onboarding[data-ob-layout="design"] .ob-intro-values { margin-bottom: 12px; }
}/* Guard against legacy absolute-screen onboarding rules */
#page-onboarding[data-ob-layout="design"].page.active{
  position: fixed !important;
  inset: 0 !important;
  overflow: hidden !important;
}#page-onboarding[data-ob-layout="design"] .ob-intro-screen,
#page-onboarding[data-ob-layout="design"] #ob-slide-1,
#page-onboarding[data-ob-layout="design"] .ob-new-screen{
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  height: auto !important;
  max-width: none !important;
}#page-onboarding[data-ob-layout="design"].is-intro{
  overflow-x: hidden !important;
  overflow-y: auto !important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-screen{
  min-height: 100% !important;
}#page-onboarding[data-ob-layout="design"].is-prefs .ob-new-main{
  position: relative !important;
  max-width: 480px !important;
  padding: 0 !important;
}#page-onboarding[data-ob-layout="design"] .ob-voucher-feature{
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}#page-onboarding[data-ob-layout="design"] .ob-pref-header .ob-back:not(.is-visible){
  opacity: 1 !important;
  pointer-events: auto !important;
}/* ===== Dining Credits: complete light/dark theme contract =====
 * This block intentionally lives last. The feature stylesheet contains legacy
 * page-local hex values,
so every Dining Credits route is normalized here.
 */
#page-dining-credits,
#page-dining-my-credits{
  --dc-brand: var(--bw-accent) !important;
  --dc-text-primary: var(--bw-ink) !important;
  --dc-text-secondary: var(--bw-copy) !important;
  --dc-text-tertiary: var(--bw-muted) !important;
  --dc-bg-base: var(--bw-canvas) !important;
  --dc-bg-surface: var(--bw-surface) !important;
  --dc-border: var(--bw-line) !important;
  --dc-success: var(--bw-success) !important;
  --dc-error: var(--bw-danger) !important;
  --dc-error-light: var(--bw-danger-soft) !important;
}/* Wallet / My Credits */
#page-dining-my-credits,
#page-dining-my-credits.page.active,
#page-dining-my-credits .dc-my-shell{
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}#page-dining-my-credits .dc-my-page-header{
  border-color: var(--bw-line) !important;
  background: var(--bw-chrome-strong) !important;
}#page-dining-my-credits :where(
  .dc-my-hero-account,
.dc-my-hero-subline.is-hero-primary,
.dc-my-refund-card-title,
.dc-my-refund-detail-text,
.dc-my-card-amount,
.dc-my-card-value,
.dc-my-details-header,
.dc-my-details-chevron,
.dc-my-record-name
){ color: var(--bw-ink) !important; }#page-dining-my-credits :where(
  .dc-my-hero-label,
.dc-my-hero-subline,
.dc-my-hero-summary,
.dc-my-tab,
.dc-my-refund-detail-subtext,
.dc-my-card-meta-item,
.dc-my-card-meta-link,
.dc-my-card-meta-text,
.dc-my-records-panel-heading,
.dc-my-record-detail,
.dc-my-empty-title
){ color: var(--bw-copy) !important; }#page-dining-my-credits .dc-my-tabs{
  border: 1px solid var(--bw-line) !important;
  background: var(--bw-tag-fill) !important;
}#page-dining-my-credits .dc-my-tab.is-active{
  background: var(--bw-surface) !important;
  color: var(--bw-accent) !important;
  box-shadow: 0 0 0 1px var(--bw-line) !important;
}#page-dining-my-credits .dc-my-card{
  border: 1px solid var(--bw-line) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: var(--bw-shadow-soft) !important;
}#page-dining-my-credits .dc-my-card.is-refunded,
#page-dining-my-credits .dc-my-refund-card-details,
#page-dining-my-credits .dc-my-records-panel:not([hidden]){
  border-color: var(--bw-line) !important;
}#page-dining-my-credits .dc-my-refund-detail-icon.is-success{
  background: var(--bw-success-soft) !important;
  color: var(--bw-success) !important;
}#page-dining-my-credits .dc-my-refund-detail-icon.is-neutral{
  background: var(--bw-tag-fill) !important;
  color: var(--bw-copy) !important;
}#page-dining-my-credits .dc-my-refund-btn{
  border-color: color-mix(in srgb, var(--bw-accent) 30%, transparent) !important;
  background: var(--bw-accent-soft) !important;
  color: var(--bw-accent) !important;
}#page-dining-my-credits .dc-my-empty-icon{ color: var(--bw-muted) !important; }#page-dining-my-credits .material-symbols-outlined.is-success,
#page-dining-my-credits .dc-my-record-saved{ color: var(--bw-success) !important; }#page-dining-my-credits .material-symbols-outlined.is-pending{ color: var(--bw-warning) !important; }#page-dining-my-credits .material-symbols-outlined.is-muted{ color: var(--bw-muted) !important; }#page-dining-my-credits .material-symbols-outlined.is-urgent{ color: var(--bw-warning) !important; }/* Redemption code */
#page-dining-credit-qr{
  --dc-qr-brand: var(--bw-accent) !important;
  --dc-qr-brand-deep: var(--bw-accent-press) !important;
  --dc-qr-surface: var(--bw-canvas) !important;
  --dc-qr-tertiary: var(--bw-accent) !important;
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}#page-dining-credit-qr .dc-qr-header{
  border-bottom: 1px solid var(--bw-line) !important;
  background: var(--bw-chrome-strong) !important;
}#page-dining-credit-qr .dc-qr-card,
#page-dining-credit-qr .dc-qr-venues{
  border-color: var(--bw-line) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}#page-dining-credit-qr :where(.dc-qr-balance-label,
.dc-qr-timer,
.dc-qr-venues-subtitle){
  color: var(--bw-copy) !important;
}#page-dining-credit-qr .dc-qr-pay-hint{
  color: var(--bw-ink) !important;
}#page-dining-credit-qr .dc-qr-pay-hint-local{
  color: var(--bw-copy) !important;
}#page-dining-credit-qr :where(.dc-qr-balance-amount,
.dc-qr-redeem-cap,
.dc-qr-timer-count,
.dc-qr-venues-title){
  color: var(--bw-ink) !important;
}#page-dining-credit-qr .dc-qr-balance-amount,
#page-dining-credit-qr .dc-qr-header-title,
#page-dining-credit-qr .dc-qr-back-btn{ color: var(--bw-accent) !important; }#page-dining-credit-qr .dc-qr-code-frame{
  border-color: var(--bw-line-strong) !important;
  background: var(--bw-surface-raised) !important;
  color: var(--bw-accent) !important;
  box-shadow: none !important;
}#page-dining-credit-qr .dc-qr-code-frame:active{ background: var(--bw-accent-tint) !important; }#page-dining-credit-qr .dc-qr-backup-code{ color: var(--bw-accent) !important; }#page-dining-credit-qr .dc-qr-timer-pill{
  background: var(--bw-accent-soft) !important;
  color: var(--bw-accent) !important;
}#page-dining-credit-qr .dc-qr-venues-chevron{ color: var(--bw-muted) !important; }/* Redemption success */
#page-dining-redemption-success{
  --dc-redeem-brand: var(--bw-accent) !important;
  --dc-redeem-charcoal: var(--bw-ink) !important;
  --dc-redeem-emerald: var(--bw-success) !important;
  --dc-redeem-emerald-bg: var(--bw-success-soft) !important;
  --dc-redeem-orange-bg: var(--bw-accent-soft) !important;
  --dc-redeem-orange-strong: var(--bw-accent) !important;
  --dc-redeem-orange-muted: var(--bw-copy) !important;
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}#page-dining-redemption-success :where(.dc-redeem-saved,
.dc-redeem-venue,
.dc-redeem-fully-used-title){
  color: var(--bw-ink) !important;
}#page-dining-redemption-success :where(.dc-redeem-saved-label,
.dc-redeem-datetime,
.dc-redeem-bill-row,
.dc-redeem-fully-used-body){
  color: var(--bw-copy) !important;
}#page-dining-redemption-success .dc-redeem-bill-card{
  border-color: var(--bw-line) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}#page-dining-redemption-success .dc-redeem-bill-total-block{ border-color: var(--bw-line) !important; }#page-dining-redemption-success .dc-redeem-remaining-card{ background: var(--bw-accent-soft) !important; }#page-dining-redemption-success .dc-redeem-fully-used-card{ background: var(--bw-surface-raised) !important; }#page-dining-redemption-success .dc-redeem-actions{
  border-top: 1px solid var(--bw-line) !important;
  background: var(--bw-chrome-strong) !important;
}#page-dining-redemption-success .dc-redeem-topup-btn{
  border-color: var(--bw-accent) !important;
  color: var(--bw-accent) !important;
}/* Purchase result states */
.dc-pay-status-page{
  --dc-pay-status-ink: var(--bw-ink) !important;
  --dc-pay-status-ink-soft: var(--bw-copy) !important;
  --dc-pay-status-ink-faint: var(--bw-muted) !important;
  --dc-pay-status-line: var(--bw-line) !important;
  --dc-pay-status-success: var(--bw-success) !important;
  --dc-pay-status-success-bg: var(--bw-success-soft) !important;
  --dc-pay-status-error: var(--bw-danger) !important;
  --dc-pay-status-error-bg: var(--bw-danger-soft) !important;
  --dc-pay-status-accent: var(--bw-accent) !important;
  --dc-pay-status-accent-hover: var(--bw-accent-press) !important;
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}.dc-pay-status-reason{
  background: var(--bw-surface-raised) !important;
  color: var(--bw-muted) !important;
}.dc-pay-status-btn--ghost{
  border-color: var(--bw-line-strong) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
}/* Partner,
refund and payment sheets */
#dc-partners-sheet.bottom-sheet,
#dc-refund-sheet.bottom-sheet,
#dc-pay-sheet.bottom-sheet{
  border: 1px solid var(--bw-line) !important;
  border-bottom: 0 !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}.dc-partners-sheet-title,
.dc-partner-row-name,
.dc-partner-row-rating,
.dc-refund-sheet-title,
.dc-refund-purchase-value,
.dc-pay-sheet-amount,
.dc-pay-sheet-label,
.dc-pay-method-name{ color: var(--bw-ink) !important; }.dc-partner-row-address,
.dc-refund-sheet-label,
.dc-refund-confirm-method,
.dc-refund-success-body,
.dc-refund-success-hint,
.dc-pay-sheet-merchant,
.dc-pay-field-label,
.dc-pay-stripe-badge{ color: var(--bw-copy) !important; }.dc-partners-sheet-list,
.dc-partner-row,
.dc-partners-sheet-actions{ border-color: var(--bw-line) !important; }.dc-partners-sheet-actions{ background: var(--bw-surface) !important; }.dc-refund-sheet-handle,
.dc-pay-sheet-handle{ background: var(--bw-line-strong) !important; }.dc-refund-confirm-icon{
  background: var(--bw-accent-soft) !important;
  color: var(--bw-accent) !important;
}.dc-refund-success-icon{
  background: var(--bw-success-soft) !important;
  color: var(--bw-success) !important;
}.dc-refund-confirm-btn.is-cancel{
  border-color: var(--bw-line-strong) !important;
  background: var(--bw-surface-raised) !important;
  color: var(--bw-ink) !important;
}.dc-refund-confirm-btn.is-confirm,
.dc-pay-submit{ background: var(--bw-accent) !important; color: #fff !important; }.dc-pay-close-btn,
.dc-pay-method-icon,
.dc-pay-card-fields{
  border-color: var(--bw-line) !important;
  background: var(--bw-surface-raised) !important;
  color: var(--bw-copy) !important;
}.dc-pay-method-icon.is-apple,
.dc-pay-method-icon.is-google{
  border-color: var(--bw-line) !important;
  background: var(--bw-surface-raised) !important;
  color: var(--bw-ink) !important;
}.dc-pay-method{
  border-color: var(--bw-line-strong) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}.dc-pay-method.is-selected{
  border-color: var(--bw-accent) !important;
  background: var(--bw-accent-tint) !important;
  box-shadow: none !important;
}.dc-pay-method-radio{ border-color: var(--bw-line-strong) !important; }.dc-pay-method.is-selected .dc-pay-method-radio{
  border-color: var(--bw-accent) !important;
  background: var(--bw-accent) !important;
}.dc-pay-input{
  border-color: var(--bw-line-strong) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
}/* Onboarding participates in Follow system as well. Its light art direction is
   preserved,
while dark mode swaps only neutral surfaces and text hierarchy. */
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].page.active{
  --ob-orange: var(--bw-accent) !important;
  --ob-orange-soft: var(--bw-accent-soft) !important;
  --ob-ink: var(--bw-ink) !important;
  --ob-copy: var(--bw-copy) !important;
  --ob-muted: var(--bw-muted) !important;
  --ob-line: var(--bw-line) !important;
  --ob-track: var(--bw-surface-raised) !important;
  --bw-canvas: #0e0e11 !important;
  --bw-surface: #19191e !important;
  --bw-surface-raised: #232328 !important;
  --bw-chrome: rgba(25,25,30,.96) !important;
  --bw-chrome-strong: rgba(25,25,30,.98) !important;
  --bw-ink: rgba(255,255,255,.84) !important;
  --bw-copy: rgba(255,255,255,.58) !important;
  --bw-muted: rgba(255,255,255,.46) !important;
  --bw-line: rgba(255,255,255,.07) !important;
  --bw-line-strong: rgba(255,255,255,.14) !important;
  --bw-tag-fill: rgba(255,255,255,.04) !important;
  --bw-tag-border: rgba(255,255,255,.12) !important;
  --bw-tag-text: rgba(255,255,255,.84) !important;
  --bw-tag-muted: rgba(255,255,255,.52) !important;
  --bw-section-gap: #0a0a0d !important;
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] :where(
  .ob-intro-screen,
.ob-new-header,
.ob-new-main,
#ob-slide-1,
.ob-new-footer
){
  border-color: var(--bw-line) !important;
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] :where(
  .ob-intro-brand strong,
.ob-intro-copy h1,
.ob-pref-head-copy strong,
.ob-scroll-section-head h2,
.ob-taste-row > span b,
.ob-intro-value-copy strong
){ color: var(--bw-ink) !important; }:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] :where(
  .ob-intro-copy p,
.ob-pref-head-copy small,
.ob-intro-value-copy small,
.ob-intro-footnote
){ color: var(--bw-copy) !important; }:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] .ob-scroll-section-head > .material-symbols-outlined,
:root[data-theme="dark"] #acct-dietary #profile-preference-editor .ob-scroll-section-head > .material-symbols-outlined{
  background: var(--bw-accent-soft) !important;
  color: var(--bw-accent) !important;
}:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] :where(
  .ob-selection-grid button,
  .ob-tile-grid button
),
:root[data-theme="dark"] #acct-dietary #profile-preference-editor :where(
  .ob-selection-grid button,
  .ob-tile-grid button
){
  border-color: var(--bw-line-strong) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
}:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] :where(
  .ob-selection-grid button.is-selected,
  .ob-tile-grid button.is-selected
),
:root[data-theme="dark"] #acct-dietary #profile-preference-editor :where(
  .ob-selection-grid button.is-selected,
  .ob-tile-grid button.is-selected
){
  border-color: color-mix(in srgb, var(--bw-accent) 55%, transparent) !important;
  background: var(--bw-accent-soft) !important;
  color: var(--bw-accent) !important;
}:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] .ob-taste-options.ob-taste-seg,
:root[data-theme="dark"] #acct-dietary #profile-preference-editor .ob-taste-options.ob-taste-seg{
  background: var(--bw-surface-raised) !important;
}:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] .ob-taste-options.ob-taste-seg button,
:root[data-theme="dark"] #acct-dietary #profile-preference-editor .ob-taste-options.ob-taste-seg button{
  color: var(--bw-copy) !important;
}:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] .ob-taste-options.ob-taste-seg button.is-selected,
:root[data-theme="dark"] #acct-dietary #profile-preference-editor .ob-taste-options.ob-taste-seg button.is-selected{
  border-color: var(--bw-accent) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-accent) !important;
  box-shadow: none !important;
}/* Home conversation voice control: white glyph on the orange action. */
#page-home #home-mic-btn,
#page-home #home-mic-btn:active,
#page-home #home-mic-btn.is-pressed,
#page-home #home-mic-btn.is-listening,
#page-home.home-agent-sheet-open #home-mic-btn,
#page-home.home-agent-sheet-open #home-mic-btn:active,
#page-home.home-agent-sheet-open #home-mic-btn.is-pressed{
  color: #fff !important;
}#page-home #home-mic-btn .material-symbols-outlined{
  color: inherit !important;
}:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] :where(
  .ob-intro-value,
.ob-voucher-feature
){
  border-color: var(--bw-line) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}/* ===== Onboarding intro v4: strict first-screen layout ===== */
#page-onboarding[data-ob-layout="design"].is-intro{
  background:#faf7f2!important;
}#page-onboarding[data-ob-layout="design"] .ob-intro-screen{
  background:#faf7f2!important;
  padding:calc(env(safe-area-inset-top,0px) + 14px) 20px max(16px,env(safe-area-inset-bottom,0px))!important;
  gap:0;
}#page-onboarding[data-ob-layout="design"] .ob-intro-brand{
  margin:0 0 14px;
}#page-onboarding[data-ob-layout="design"] .ob-intro-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 0 14px;
}#page-onboarding[data-ob-layout="design"] .ob-intro-copy{
  text-align:left!important;
  margin:0 0 14px!important;
}#page-onboarding[data-ob-layout="design"] .ob-intro-kicker{
  display:block!important;
  margin:0 0 6px!important;
  color:rgba(0,0,0,.42)!important;
  font-size:11px!important;
  font-weight:620!important;
  letter-spacing:.01em!important;
  line-height:1.3!important;
}#page-onboarding[data-ob-layout="design"] .ob-intro-copy h1,
#page-onboarding[data-ob-layout="design"] .ob-intro-copy h1[data-i18n],
#page-onboarding[data-ob-layout="design"] .ob-intro-copy h1[data-i18n-html]{
  margin:0!important;
  color:#111!important;
  font-family:var(--app-font-headline)!important;
  font-size:clamp(24px,6.8vw,30px)!important;
  font-weight:850!important;
  line-height:1.22!important;
  letter-spacing:-.035em!important;
  text-align:left!important;
}#page-onboarding[data-ob-layout="design"] .ob-intro-copy h1 em{
  color:#ff6b4a!important;
  font-style:normal!important;
}#page-onboarding[data-ob-layout="design"] .ob-intro-accent{
  display:block!important;
  margin:10px 0 0!important;
  color:#ff6b4a!important;
  font-size:clamp(14px,3.8vw,16px)!important;
  font-weight:750!important;
  line-height:1.45!important;
}#page-onboarding[data-ob-layout="design"] .ob-intro-body{
  display:block!important;
  margin:8px 0 0!important;
  color:#6f6f6f!important;
  font-size:clamp(12px,3.4vw,14px)!important;
  font-weight:500!important;
  line-height:1.55!important;
}#page-onboarding[data-ob-layout="design"] .ob-intro-subtitle{
  display:none!important;
}#page-onboarding[data-ob-layout="design"] .ob-intro-collage{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:minmax(120px,1fr) minmax(120px,1fr)!important;
  gap:10px!important;
  margin:0 0 12px!important;
}#page-onboarding[data-ob-layout="design"] .ob-collage-tile{
  border-radius:18px!important;
  min-height:0;
}#page-onboarding[data-ob-layout="design"] .ob-collage-tag{
  left:50%!important;
  right:auto!important;
  max-width:calc(100% - 20px);
  padding:7px 10px!important;
  box-shadow:0 6px 18px rgba(0,0,0,.16);
  font-size:11px!important;
}#page-onboarding[data-ob-layout="design"] .ob-voucher-feature{
  margin:0 0 12px!important;
}#page-onboarding[data-ob-layout="design"] .ob-intro-values{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:4px;
  margin:0 0 16px!important;
  grid-template-columns:none!important;
}#page-onboarding[data-ob-layout="design"] .ob-intro-values li{
  flex:1 1 0;
  min-width:0;
}#page-onboarding[data-ob-layout="design"] .ob-intro-value-sep{
  flex:0 0 auto!important;
  width:auto!important;
  color:#d0d0d0!important;
  font-size:18px;
  font-weight:300;
  line-height:1;
  padding-bottom:18px;
}#page-onboarding[data-ob-layout="design"] .ob-intro-values .material-symbols-outlined{
  background:transparent!important;
  color:#ff4d00!important;
  width:auto;
  height:auto;
  font-size:22px;
}#page-onboarding[data-ob-layout="design"] .ob-intro-cta{
  border-radius:999px!important;
  min-height:52px;
}#page-onboarding[data-ob-layout="design"] .ob-intro-actions .ob-skip-bottom{
  color:#999!important;
}/* Taste: Xiaohongshu intensity row + scrollable segmented control */
#page-onboarding[data-ob-layout="design"] .ob-taste-list,
/* Taste: Xiaohongshu intensity row + scrollable segmented control */
#acct-dietary #profile-preference-editor .ob-taste-list{
  display:grid;
  gap:14px;
}#page-onboarding[data-ob-layout="design"] .ob-taste-row,
#acct-dietary #profile-preference-editor .ob-taste-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  align-items:stretch;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}#page-onboarding[data-ob-layout="design"] .ob-taste-xhs,
#acct-dietary #profile-preference-editor .ob-taste-xhs{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:44px;
  padding:10px 14px;
  border-radius:999px;
  background:#fff4ef;
}#page-onboarding[data-ob-layout="design"] .ob-taste-xhs-left,
#acct-dietary #profile-preference-editor .ob-taste-xhs-left{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-width:0;
  color:#222;
  font-size:14px;
  font-weight:700;
}#page-onboarding[data-ob-layout="design"] .ob-taste-xhs-left i,
#acct-dietary #profile-preference-editor .ob-taste-xhs-left i{
  font-style:normal;
  font-size:16px;
}#page-onboarding[data-ob-layout="design"] .ob-taste-xhs-level,
#acct-dietary #profile-preference-editor .ob-taste-xhs-level{
  flex:0 0 auto;
  color:#999!important;
  font-size:13px;
  font-style:normal;
  font-weight:600;
  white-space:nowrap;
}#page-onboarding[data-ob-layout="design"] .ob-taste-options.ob-taste-seg,
#acct-dietary #profile-preference-editor .ob-taste-options.ob-taste-seg{
  display:flex!important;
  grid-auto-flow:unset!important;
  grid-auto-columns:unset!important;
  gap:0!important;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  min-height:40px;
  padding:3px;
  border-radius:12px;
  background:#f3f3f3!important;
}#page-onboarding[data-ob-layout="design"] .ob-taste-options.ob-taste-seg::-webkit-scrollbar,
#acct-dietary #profile-preference-editor .ob-taste-options.ob-taste-seg::-webkit-scrollbar{display:none}#page-onboarding[data-ob-layout="design"] .ob-taste-options.ob-taste-seg button,
#acct-dietary #profile-preference-editor .ob-taste-options.ob-taste-seg button{
  flex:1 0 auto;
  min-width:64px;
  scroll-snap-align:center;
  min-height:34px!important;
  padding:0 10px!important;
  border:1.5px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#777!important;
  font-size:12px!important;
  font-weight:650!important;
  white-space:nowrap;
}#page-onboarding[data-ob-layout="design"] .ob-taste-options.ob-taste-seg button.is-selected,
#acct-dietary #profile-preference-editor .ob-taste-options.ob-taste-seg button.is-selected{
  border-color:#ff4d00!important;
  background:#fff!important;
  color:#ff4d00!important;
  box-shadow:0 1px 4px rgba(0,0,0,.06);
}@media (max-height:720px){
  #page-onboarding[data-ob-layout="design"] .ob-intro-collage{
    grid-template-rows:96px 96px!important;
  }
  #page-onboarding[data-ob-layout="design"] .ob-intro-body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}/* ===== Whole-app route audit: final semantic contracts ===== */

/* Financial values are content,
not theme accents. */
#page-dining-credits.page .dc-credit-price,
#page-dining-credits.page .dc-credit-max,
#page-dining-credits.page .dc-credit-card.is-selected .dc-credit-max,
#page-dining-credits.page .dc-bottom-credits,
#page-dining-my-credits .dc-my-hero-subline.is-hero-primary,
#page-dining-my-credits .dc-my-card-amount,
#page-dining-my-credits .dc-my-card-value,
#page-dining-credit-qr .dc-qr-balance-amount,
#page-dining-redemption-success .dc-redeem-saved,
#page-dining-redemption-success .dc-redeem-remaining-amount,
.dc-pay-sheet-amount,
.dc-refund-purchase-value,
.acct-tx-page .acct-tx-value,
.acct-activity-page .acct-tx-value,
.acct-tx-detail-page .acct-tx-detail-hero-amount,
#acct-main #acct-credits-amount,
#acct-main .acct-credits-card-amount{
  color: var(--bw-ink) !important;
}#page-dining-credits.page .dc-credit-price{
  border-color: var(--bw-line) !important;
  background: var(--bw-surface-raised) !important;
}/* Shared non-media route shell. */
#page-settings,
#page-settings #acct-main,
#page-settings .acct-sub-page,
#acct-payment-history,
#acct-transaction-detail,
#acct-consumption-history,
#acct-consumption-detail,
#acct-reservations,
#acct-reservation-detail{
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}#page-settings #acct-main > nav,
#page-settings .acct-sub-page > nav,
#page-settings .acct-sub-page > header,
#acct-payment-history.acct-activity-page > .acct-activity-header,
#page-settings .acct-tx-page > .acct-tx-header,
#page-settings .acct-tx-detail-page > .acct-tx-header{
  border-color: var(--bw-line) !important;
  background: var(--bw-chrome-strong) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}/* Profile root and all settings pages. */
#page-settings :where(.profile-social-hero,
.profile-service-card,
.profile-settings-group,
.display-theme-list,
.allergy-section-card){
  border-color: var(--bw-line) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}#page-settings :where(.profile-stat strong,
.profile-service-card b,
.profile-settings-group button,
.acct-section-label,
.allergy-section-title){ color: var(--bw-ink) !important; }#page-settings :where(.profile-social-id,
.profile-stat span,
.profile-service-card small,
.dietary-intro,
.allergy-intro p,
.profile-settings-version){ color: var(--bw-copy) !important; }#page-settings [class~="text-[#16211D]"]{ color: var(--bw-ink) !important; }#page-settings [class~="text-[#5C6B63]"]{ color: var(--bw-copy) !important; }#page-settings [class~="text-[#B0BDBA]"]{ color: var(--bw-muted) !important; }#page-settings :where(.lang-row,
.privacy-row,
.allergy-row,
.dietary-row){ border-color: var(--bw-line) !important; color: var(--bw-ink) !important; }#page-settings :where(.profile-settings-signout,
.reservation-filter-button,
.reservation-load-more){
  border-color: var(--bw-line-strong) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
}/* Payment,
usage and refund activity lists. */
#acct-payment-history.acct-activity-page .acct-activity-title,
#page-settings .acct-tx-page .acct-tx-header-title,
#page-settings .acct-tx-detail-page .acct-tx-header-title{ color: var(--bw-ink) !important; }#acct-payment-history.acct-activity-page .acct-activity-subtitle,
#page-settings :where(.acct-pay-history-date,
.acct-tx-detail,
.acct-tx-title-date,
.acct-tx-detail-hero-sub,
.acct-tx-detail-hero-date,
.acct-tx-detail-hero-date-label,
.acct-tx-detail-row-label,
.acct-pay-history-empty-desc){ color: var(--bw-copy) !important; }#acct-payment-history.acct-activity-page .acct-activity-back,
#page-settings .acct-tx-header-btn{ color: var(--bw-accent) !important; }#page-settings :where(.acct-tx-card,
.acct-tx-detail-glass-card){
  border: 1px solid var(--bw-line) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}#page-settings :where(.acct-tx-title,
.acct-tx-amount,
.acct-tx-value,
.acct-tx-detail-hero-amount,
.acct-tx-detail-hero-date-value,
.acct-tx-detail-section-label,
.acct-tx-detail-row-value,
.acct-tx-detail-payment,
.acct-tx-detail-ref-copy,
.acct-pay-history-empty-title){ color: var(--bw-ink) !important; }#page-settings :where(.acct-tx-chevron,
.acct-pay-history-empty-icon,
.acct-tx-detail-link-row .material-symbols-outlined,
.acct-tx-detail-ref-copy .material-symbols-outlined){ color: var(--bw-muted) !important; }#page-settings .acct-tx-detail-glass-row{ border-color: var(--bw-line) !important; }#page-settings :where(.acct-tx-icon.is-credits-added,
.acct-tx-detail-hero-icon-wrap.is-completed,
.acct-tx-detail-status-pill.is-completed,
.acct-tx-badge.is-completed){
  background: var(--bw-success-soft) !important;
  color: var(--bw-success) !important;
}#page-settings :where(.acct-tx-icon.is-refund-completed,
.acct-tx-icon.is-consumption){
  background: var(--bw-tag-fill) !important;
  color: var(--bw-copy) !important;
}#page-settings :where(.acct-tx-icon.is-refund-pending,
.acct-tx-detail-hero-icon-wrap.is-pending,
.acct-tx-detail-status-pill.is-pending,
.acct-tx-badge.is-pending){
  background: var(--bw-warning-soft) !important;
  color: var(--bw-warning) !important;
}#page-settings :where(.acct-tx-icon.is-refund-failed,
.acct-tx-detail-hero-icon-wrap.is-failed,
.acct-tx-detail-status-pill.is-failed,
.acct-tx-badge.is-failed){
  background: var(--bw-danger-soft) !important;
  color: var(--bw-danger) !important;
}/* Reservation lists and details. */
#acct-reservations .reservation-section-label,
#acct-reservations .reservation-month-label{ color: var(--bw-ink) !important; }#acct-reservations .reservation-list,
#acct-reservation-detail [class~="bg-white"]{
  border-color: var(--bw-line) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}#acct-reservations .reservation-row{ border-color: var(--bw-line) !important; }#acct-reservations .reservation-row:active{ background: var(--bw-tag-fill) !important; }#acct-reservations .reservation-name{ color: var(--bw-ink) !important; }#acct-reservations .reservation-meta{ color: var(--bw-copy) !important; }#acct-reservations .reservation-icon{ background: var(--bw-tag-fill) !important; color: var(--bw-copy) !important; }#acct-reservations .reservation-icon .material-symbols-outlined{ color: inherit !important; }#acct-reservations .reservation-chevron{ color: var(--bw-muted) !important; }#acct-reservations .reservation-status.is-confirmed,
#acct-reservations .reservation-status.is-completed{ background: var(--bw-success-soft) !important; color: var(--bw-success) !important; }#acct-reservations .reservation-status.is-pending{ background: var(--bw-warning-soft) !important; color: var(--bw-warning) !important; }#acct-reservations .reservation-status.is-rejected{ background: var(--bw-danger-soft) !important; color: var(--bw-danger) !important; }#acct-reservations .reservation-status.is-cancelled{ background: var(--bw-tag-fill) !important; color: var(--bw-copy) !important; }#acct-reservations .reservation-empty-icon{ color: var(--bw-muted) !important; }#acct-reservations .reservation-empty-title{ color: var(--bw-ink) !important; }#acct-reservations .reservation-empty-copy{ color: var(--bw-copy) !important; }#acct-reservation-detail [class~="bg-[#FFF7E6]"]{
  border-color: color-mix(in srgb, var(--bw-warning) 24%, transparent) !important;
  background: var(--bw-warning-soft) !important;
  color: var(--bw-warning) !important;
}#acct-reservation-detail [class~="bg-[#FEF2F2]"]{
  border-color: color-mix(in srgb, var(--bw-danger) 24%, transparent) !important;
  background: var(--bw-danger-soft) !important;
  color: var(--bw-danger) !important;
}#acct-reservation-detail button[class~="text-[#E53E3E]"]{
  border-color: color-mix(in srgb, var(--bw-danger) 32%, transparent) !important;
  background: var(--bw-danger-soft) !important;
  color: var(--bw-danger) !important;
}#reservation-filter-sheet .reservation-filter-option{
  border-color: var(--bw-line) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
}/* Top-level sheets and dialogs follow the active theme. */
#confirmEditSheet,
#dietary-sheet,
#more-allergies-sheet,
#reservation-sheet,
#reservation-filter-sheet,
#chat-creator-list-sheet,
#chat-hours-sheet,
#home-creator-sheet,
#wa-country-sheet,
#login-more-sheet{
  border-color: var(--bw-line) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}#reservation-cancel-dialog,
.app-confirm-dialog{
  border-color: var(--bw-line) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
}/* Reassert dark onboarding after the final layout rules. */
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].page.active,
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] :where(.ob-intro-screen,
.ob-new-header,
.ob-new-main,
#ob-slide-1,
.ob-new-footer){
  border-color: var(--bw-line) !important;
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] :where(.ob-intro-brand strong,
.ob-intro-copy h1,
.ob-pref-head-copy strong,
.ob-scroll-section-head h2,
.ob-taste-row > span b,
.ob-intro-value-copy strong){
  color: var(--bw-ink) !important;
}:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] :where(.ob-intro-copy p,
.ob-pref-head-copy small,
.ob-intro-value-copy small,
.ob-intro-footnote){
  color: var(--bw-copy) !important;
}:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] :where(.ob-selection-grid button,
.ob-tile-grid button,
.ob-intro-value,
.ob-voucher-feature),
:root[data-theme="dark"] #acct-dietary #profile-preference-editor :where(.ob-selection-grid button,
.ob-tile-grid button,
.ob-intro-value,
.ob-voucher-feature){
  border-color: var(--bw-line-strong) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-ink) !important;
  box-shadow: none !important;
}:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] :where(.ob-selection-grid button.is-selected,
.ob-tile-grid button.is-selected),
:root[data-theme="dark"] #acct-dietary #profile-preference-editor :where(.ob-selection-grid button.is-selected,
.ob-tile-grid button.is-selected){
  border-color: var(--bw-accent) !important;
  background: var(--bw-accent-soft) !important;
  color: var(--bw-accent) !important;
}:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] .ob-taste-options.ob-taste-seg,
:root[data-theme="dark"] #acct-dietary #profile-preference-editor .ob-taste-options.ob-taste-seg{
  background: var(--bw-surface-raised) !important;
}:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] .ob-taste-options.ob-taste-seg button,
:root[data-theme="dark"] #acct-dietary #profile-preference-editor .ob-taste-options.ob-taste-seg button{ color: var(--bw-copy) !important; }:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] .ob-taste-options.ob-taste-seg button.is-selected,
:root[data-theme="dark"] #acct-dietary #profile-preference-editor .ob-taste-options.ob-taste-seg button.is-selected{
  border-color: var(--bw-accent) !important;
  background: var(--bw-surface) !important;
  color: var(--bw-accent) !important;
  box-shadow: none !important;
}/* ===== Onboarding dark + slide taste (v5) ===== */
/* Dark tokens only for preference step; intro stays light per design. */
#page-onboarding[data-ob-layout="design"].is-prefs.page.active{
  --ob-orange:#ff6b4a;
  --bw-canvas:#000!important;
  --bw-surface:#121212!important;
  --bw-surface-raised:#1c1c1e!important;
  --bw-chrome:#000!important;
  --bw-chrome-strong:#000!important;
  --bw-ink:#f5f5f5!important;
  --bw-copy:#a8a8a8!important;
  --bw-muted:#7a7a7a!important;
  --bw-line:#2a2a2a!important;
  --bw-line-strong:#3a3a3a!important;
  --bw-accent:#ff6b4a!important;
  --bw-accent-press:#e9561c!important;
  --bw-accent-soft:rgba(255,107,74,.16)!important;
  --bw-tag-fill:#1c1c1e!important;
  --bw-tag-border:#2f2f32!important;
  --bw-tag-text:rgba(255,255,255,.88)!important;
  --bw-tag-muted:rgba(255,255,255,.45)!important;
  background:#000!important;
  color:#f5f5f5!important;
}#page-onboarding[data-ob-layout="design"].is-prefs .ob-pref-header,
#page-onboarding[data-ob-layout="design"].is-prefs .ob-new-main,
#page-onboarding[data-ob-layout="design"].is-prefs #ob-slide-1,
#page-onboarding[data-ob-layout="design"].is-prefs .ob-new-footer{
  background:#000!important;
  border-color:#1f1f1f!important;
}#page-onboarding[data-ob-layout="design"].is-prefs .ob-pref-head-copy strong{color:#fff!important}#page-onboarding[data-ob-layout="design"].is-prefs .ob-pref-head-copy small{color:#8a8a8a!important}#page-onboarding[data-ob-layout="design"].is-prefs .ob-pref-header .ob-back{color:#fff!important}#page-onboarding[data-ob-layout="design"].is-prefs .ob-scroll-section-head h2,
#acct-dietary #profile-preference-editor.is-prefs .ob-scroll-section-head h2{color:#fff!important}#page-onboarding[data-ob-layout="design"].is-prefs .ob-selection-grid button,
#acct-dietary #profile-preference-editor.is-prefs .ob-selection-grid button,
#page-onboarding[data-ob-layout="design"].is-prefs .ob-tile-grid button,
#acct-dietary #profile-preference-editor.is-prefs .ob-tile-grid button{
  background:#1c1c1e!important;
  border-color:#2f2f32!important;
  color:rgba(255,255,255,.88)!important;
}#page-onboarding[data-ob-layout="design"].is-prefs .ob-selection-grid button.is-selected,
#acct-dietary #profile-preference-editor.is-prefs .ob-selection-grid button.is-selected,
#page-onboarding[data-ob-layout="design"].is-prefs .ob-tile-grid button.is-selected,
#acct-dietary #profile-preference-editor.is-prefs .ob-tile-grid button.is-selected{
  border-color:rgba(255,107,74,.7)!important;
  background:rgba(255,107,74,.14)!important;
  color:#ff8f5c!important;
}/* Taste: label + slide track only (no upper intensity row) */
#page-onboarding[data-ob-layout="design"] .ob-taste-xhs,
/* Taste: label + slide track only (no upper intensity row) */
#acct-dietary #profile-preference-editor .ob-taste-xhs{display:none!important}#page-onboarding[data-ob-layout="design"] .ob-taste-list,
#acct-dietary #profile-preference-editor .ob-taste-list{gap:14px}#page-onboarding[data-ob-layout="design"] .ob-taste-row,
#acct-dietary #profile-preference-editor .ob-taste-row{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
}#page-onboarding[data-ob-layout="design"] .ob-taste-label,
#acct-dietary #profile-preference-editor .ob-taste-label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-width:0;
  color:#f0f0f0;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}#page-onboarding[data-ob-layout="design"] .ob-taste-label i,
#acct-dietary #profile-preference-editor .ob-taste-label i{font-style:normal;font-size:15px}/* Taste intensity pills: compact dark capsules + slide fill */
#page-onboarding[data-ob-layout="design"] .ob-taste-list,
/* Taste intensity pills: compact dark capsules + slide fill */
#acct-dietary #profile-preference-editor .ob-taste-list{
  display:grid!important;
  gap:8px!important;
}#page-onboarding[data-ob-layout="design"] .ob-taste-card,
#acct-dietary #profile-preference-editor .ob-taste-card{
  display:block!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}#page-onboarding[data-ob-layout="design"] .ob-taste-card-head,
#acct-dietary #profile-preference-editor .ob-taste-card-head{display:none!important}#page-onboarding[data-ob-layout="design"] .ob-taste-slider,
#acct-dietary #profile-preference-editor .ob-taste-slider{
  --taste-progress:50%;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  padding:4px 14px 4px 4px!important;
  border:1px solid #2f2f32!important;
  border-radius:999px!important;
  background:#1c1c1e!important;
  box-shadow:none!important;
  overflow:hidden!important;
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  cursor:grab!important;
}#page-onboarding[data-ob-layout="design"] .ob-taste-slider::before,
#acct-dietary #profile-preference-editor .ob-taste-slider::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  bottom:0!important;
  width:var(--taste-progress)!important;
  z-index:0!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,rgba(255,107,74,.18),rgba(255,107,74,.36))!important;
  box-shadow:inset 0 0 0 1px rgba(255,107,74,.12)!important;
  pointer-events:none!important;
  transition:width .14s ease!important;
}#page-onboarding[data-ob-layout="design"] .ob-taste-slider.is-dragging,
#acct-dietary #profile-preference-editor .ob-taste-slider.is-dragging{
  cursor:grabbing!important;
  border-color:rgba(255,107,74,.55)!important;
}#page-onboarding[data-ob-layout="design"] .ob-taste-slider.is-dragging::before,
#acct-dietary #profile-preference-editor .ob-taste-slider.is-dragging::before{
  transition:none!important;
  background:linear-gradient(90deg,rgba(255,107,74,.24),rgba(255,107,74,.44))!important;
}#page-onboarding[data-ob-layout="design"] .ob-taste-slider.is-max,
#acct-dietary #profile-preference-editor .ob-taste-slider.is-max{
  border-color:rgba(255,107,74,.7)!important;
}#page-onboarding[data-ob-layout="design"] .ob-taste-card .ob-taste-label,
#acct-dietary #profile-preference-editor .ob-taste-card .ob-taste-label{
  position:relative!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  color:#f2f2f2!important;
  font-size:12px!important;
  font-weight:650!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}#page-onboarding[data-ob-layout="design"] .ob-taste-card .ob-taste-ico,
#acct-dietary #profile-preference-editor .ob-taste-card .ob-taste-ico,
#page-onboarding[data-ob-layout="design"] .ob-taste-card .ob-taste-label i.ob-taste-ico,
#acct-dietary #profile-preference-editor .ob-taste-card .ob-taste-label i.ob-taste-ico{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 30px!important;
  border-radius:9px!important;
  background:#2a2a2e!important;
  border:1px solid #3a3a3f!important;
  box-shadow:none!important;
  font-style:normal!important;
  font-size:14px!important;
  line-height:1!important;
}#page-onboarding[data-ob-layout="design"] .ob-taste-card .ob-taste-label b,
#acct-dietary #profile-preference-editor .ob-taste-card .ob-taste-label b{
  color:#f2f2f2!important;
  font-size:12px!important;
  font-weight:650!important;
}#page-onboarding[data-ob-layout="design"] .ob-taste-card .ob-taste-level,
#acct-dietary #profile-preference-editor .ob-taste-card .ob-taste-level{
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  color:#ff8f5c!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:700!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-align:right!important;
  pointer-events:none!important;
  transition:color .12s ease, transform .12s ease!important;
}#page-onboarding[data-ob-layout="design"] .ob-taste-slider.is-dragging .ob-taste-level,
#acct-dietary #profile-preference-editor .ob-taste-slider.is-dragging .ob-taste-level,
#page-onboarding[data-ob-layout="design"] .ob-taste-card .ob-taste-level.is-live,
#acct-dietary #profile-preference-editor .ob-taste-card .ob-taste-level.is-live{
  color:#ff6b4a!important;
  transform:none;
}#page-onboarding[data-ob-layout="design"] .ob-taste-slider-track,
#acct-dietary #profile-preference-editor .ob-taste-slider-track{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:1fr!important;
  opacity:0!important;
  pointer-events:none!important;
  background:transparent!important;
  border:0!important;
  min-height:0!important;
  padding:0!important;
}#page-onboarding[data-ob-layout="design"] .ob-taste-opt,
#acct-dietary #profile-preference-editor .ob-taste-opt,
#page-onboarding[data-ob-layout="design"] .ob-taste-opt::after,
#acct-dietary #profile-preference-editor .ob-taste-opt::after,
#page-onboarding[data-ob-layout="design"] .ob-taste-slider-thumb,
#acct-dietary #profile-preference-editor .ob-taste-slider-thumb{
  display:none!important;
}#page-onboarding[data-ob-layout="design"] .ob-taste-row,
#acct-dietary #profile-preference-editor .ob-taste-row{display:none!important}@media (max-width:380px){
  #page-onboarding[data-ob-layout="design"] .ob-taste-slider{min-height:38px!important;height:38px!important;padding:3px 12px 3px 3px!important}
  #page-onboarding[data-ob-layout="design"] .ob-taste-card .ob-taste-ico,
  #page-onboarding[data-ob-layout="design"] .ob-taste-card .ob-taste-label i.ob-taste-ico{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:8px!important;font-size:13px!important}
  #page-onboarding[data-ob-layout="design"] .ob-taste-card .ob-taste-label b,
  #page-onboarding[data-ob-layout="design"] .ob-taste-card .ob-taste-level{font-size:11px!important}
}/* ===== Intro first screen: STRICT light layout matching design ===== */
#page-onboarding[data-ob-layout="design"].page.active.is-intro{
  --bw-canvas:#faf6f1!important;
  --bw-surface:#fff!important;
  --bw-ink:#161616!important;
  --bw-copy:#6b6b6b!important;
  --bw-muted:#9a9a9a!important;
  --bw-accent:#ff6b4a!important;
  background:#faf6f1!important;
  color:#161616!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-atmosphere{
  display:none!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-screen{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
  min-height:100%!important;
  height:100%!important;
  padding:calc(env(safe-area-inset-top,0px) + 12px) 18px max(12px,env(safe-area-inset-bottom,0px))!important;
  background:#faf6f1!important;
  color:#161616!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  gap:0!important;
  box-sizing:border-box!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0 0 16px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  min-height:0!important;
  height:auto!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-brand strong{
  order:0!important;
  display:block!important;
  color:#1a1a1a!important;
  font-family:var(--app-font-headline)!important;
  font-size:17px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  line-height:1.1!important;
  text-align:center!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-brand .ob-brand-mark,
#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-brand img.ob-brand-mark,
#page-onboarding[data-ob-layout="design"].is-intro .ob-brand-mark,
#page-onboarding[data-ob-layout="design"].is-intro .ob-brand-mark img,
#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-brand img{
  order:1!important;
  width:48px!important;
  height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  display:block!important;
  margin:0 auto!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
  flex:0 0 auto!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-copy{
  text-align:left!important;
  margin:0 0 14px!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-kicker{
  display:block!important;
  margin:0 0 6px!important;
  color:rgba(26,26,26,.4)!important;
  font-size:11px!important;
  font-weight:620!important;
  letter-spacing:.01em!important;
  line-height:1.3!important;
  text-align:left!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-subtitle{
  display:none!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-body{display:none!important}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-accent{
  display:block!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-copy h1{
  margin:0!important;
  color:#111!important;
  font-family:var(--app-font-headline)!important;
  font-size:clamp(24px,6.8vw,30px)!important;
  font-weight:850!important;
  line-height:1.22!important;
  letter-spacing:-.03em!important;
  text-align:left!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-copy h1 em{
  color:#ff6b4a!important;
  font-style:normal!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-accent{
  margin:10px 0 0!important;
  color:#ff6b4a!important;
  font-size:clamp(14px,3.8vw,16px)!important;
  font-weight:750!important;
  line-height:1.45!important;
  text-align:left!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-body{
  margin:8px 0 0!important;
  color:#6f6f6f!important;
  font-size:clamp(12px,3.4vw,14px)!important;
  font-weight:500!important;
  line-height:1.55!important;
  text-align:left!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-collage{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:minmax(120px,1fr) minmax(120px,1fr)!important;
  flex:1 1 auto!important;
  gap:clamp(8px,2.2vw,10px)!important;
  margin:0 0 12px!important;
  min-height:clamp(200px,36vh,300px)!important;
  max-height:min(42vh,340px)!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-collage-tile{
  position:relative!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#ece7e1!important;
  min-height:0!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-collage-tile img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-collage-tag{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  max-width:calc(100% - 16px)!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(0,0,0,.14)!important;
  color:#222!important;
  font-size:11px!important;
  font-weight:650!important;
  line-height:1!important;
  transform:translateX(-50%)!important;
  white-space:nowrap!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-collage-tile.is-tag-top .ob-collage-tag{
  top:12px!important;
  bottom:auto!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-collage-tile.is-tag-bottom .ob-collage-tag{
  top:auto!important;
  bottom:12px!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-voucher-feature{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:62px!important;
  margin:0 0 12px!important;
  padding:12px 14px!important;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#fff1ea,#ffe8dc)!important;
  box-shadow:none!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  flex:0 0 auto!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-voucher-feature > .material-symbols-outlined{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:#ff6b4a!important;
  color:#fff!important;
  font-size:22px!important;
  flex:0 0 40px!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-voucher-feature strong{
  display:block!important;
  color:#222!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:1.3!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-voucher-feature small{
  display:block!important;
  margin-top:3px!important;
  color:#8a8a8a!important;
  font-size:11px!important;
  line-height:1.35!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:2px!important;
  margin:0 0 12px!important;
  padding:0!important;
  list-style:none!important;
  flex:0 0 auto!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values li{
  flex:1 1 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:6px!important;
  text-align:center!important;
  min-width:0!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-value-sep{
  flex:0 0 auto!important;
  align-self:center!important;
  padding:0 2px 18px!important;
  color:#d2d2d2!important;
  font-size:16px!important;
  font-weight:300!important;
  line-height:1!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values .material-symbols-outlined{
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  color:#ff6b4a!important;
  font-size:24px!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values b{
  color:#555!important;
  font-size:11px!important;
  font-weight:650!important;
  line-height:1.35!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-actions{
  margin-top:0!important;
  margin-bottom:0!important;
  display:grid!important;
  gap:8px!important;
  padding-top:2px!important;
  flex:0 0 auto!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-cta{
  width:100%!important;
  min-height:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:0!important;
  border-radius:999px!important;
  background:#ff6b4a!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:750!important;
  box-shadow:none!important;
}#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-actions .ob-skip-bottom{
  display:inline-flex!important;
  justify-content:center!important;
  min-height:32px!important;
  border:0!important;
  background:transparent!important;
  color:#9a9a9a!important;
  font-size:13px!important;
  font-weight:500!important;
}@media (max-height:760px){
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-brand{margin-bottom:10px!important;gap:8px!important}
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-copy{margin-bottom:10px!important}
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-collage{
    min-height:200px!important;
    max-height:min(36vh,280px)!important;
  }
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values{margin-bottom:8px!important}
}@media (max-height:700px){
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-brand .ob-brand-mark,
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-brand img.ob-brand-mark{
    width:40px!important;
    height:40px!important;
    border-radius:10px!important;
  }
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-collage{
    min-height:170px!important;
    max-height:min(32vh,240px)!important;
  }
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-body{
    display:-webkit-box!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  #page-onboarding[data-ob-layout="design"].is-intro .ob-voucher-feature{min-height:56px!important;margin-bottom:8px!important;padding:10px 12px!important}
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values{margin-bottom:6px!important}
}@media (max-width:380px){
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-screen{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  #page-onboarding[data-ob-layout="design"].is-intro .ob-collage-tag{
    padding:6px 9px!important;
    font-size:10px!important;
  }
}/* Both themes share one editorial typography hierarchy. */
:root[data-theme] body{
  font-family:var(--app-font-body)!important;
  font-size:var(--bw-font-size-body);
  font-weight:var(--bw-weight-regular);
  line-height:var(--bw-line-height-body);
  letter-spacing:-.006em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}:root[data-theme] body :is(
  #page-login,
#page-onboarding,
#page-home,
#page-settings,
#page-dining-credits,
#page-dining-my-credits,
#page-dining-credit-qr,
#page-dining-redemption-success,
#page-dining-purchase-success,
#page-dining-purchase-failed,
#voice-overlay
) *{
  font-weight: 400 !important;
}:root[data-theme] body :is(.bottom-sheet,
.app-confirm-dialog,
.chat-detail-sheet) *{
  font-weight: 400 !important;
}:root[data-theme] body :is(
  #page-login,
#page-onboarding,
#page-home,
#page-settings,
#page-dining-credits,
#page-dining-my-credits,
#page-dining-credit-qr,
#page-dining-redemption-success,
#page-dining-purchase-success,
#page-dining-purchase-failed,
#voice-overlay
) :is(strong,
b,
button,
.font-semibold,
.font-bold){
  font-weight: var(--bw-weight-semibold) !important;
}:root[data-theme] body :is(.bottom-sheet,
.app-confirm-dialog,
.chat-detail-sheet) :is(strong,
b,
button,
.font-semibold,
.font-bold){
  font-weight: var(--bw-weight-semibold) !important;
}:root[data-theme] body :is(
  #page-login,
#page-onboarding,
#page-home,
#page-settings,
#page-dining-credits,
#page-dining-my-credits,
#page-dining-credit-qr,
#page-dining-redemption-success,
#page-dining-purchase-success,
#page-dining-purchase-failed
) :is(
  h1,
h2,
h3,
.login-brand-title,
.ob-intro-brand strong,
.ob-intro-copy h1,
.ob-pref-head-copy strong,
.home-header-brand,
.home-example-dish-name,
.result-brand,
.result-header-title,
.result-card-name,
.acct-main-wordmark,
.acct-activity-title,
.acct-tx-header-title,
.dc-header-title,
.dc-hero-title,
.dc-section-title,
.dc-my-header-title,
.dc-qr-header-title,
.dc-pay-status-headline,
.dc-redeem-saved
){
  font-family:var(--app-font-headline)!important;
  font-weight:var(--bw-weight-bold)!important;
  letter-spacing:-.022em;
}:root[data-theme] body :is(
  #page-dining-credits,
#page-dining-my-credits,
#page-dining-credit-qr,
#page-dining-redemption-success,
#page-settings
) :is(
  .dc-credit-price,
.dc-credit-max,
.dc-bottom-credits,
.dc-my-card-amount,
.dc-my-card-value,
.dc-qr-balance-amount,
.dc-redeem-remaining-amount,
.acct-tx-value,
.acct-tx-detail-hero-amount,
.dish-price
){
  font-variant-numeric:tabular-nums;
  font-weight:var(--bw-weight-semibold)!important;
  letter-spacing:-.01em;
}/* 2026-08 current-flow polish: keep onboarding visually continuous and reduce profile crowding. */
#page-onboarding[data-ob-layout="design"].is-prefs.page.active{
  --ob-orange: #c64a16;
  --bw-canvas: #f5f5f5 !important;
  --bw-surface: #ffffff !important;
  --bw-surface-raised: #fafafa !important;
  --bw-chrome: #ffffff !important;
  --bw-chrome-strong: #ffffff !important;
  --bw-ink: rgba(0,0,0,.84) !important;
  --bw-copy: rgba(0,0,0,.62) !important;
  --bw-muted: rgba(0,0,0,.52) !important;
  --bw-line: rgba(0,0,0,.09) !important;
  --bw-line-strong: rgba(0,0,0,.16) !important;
  --bw-accent: #c64a16 !important;
  --bw-accent-press: #a83a10 !important;
  --bw-accent-soft: rgba(198,74,22,.10) !important;
  background: #f5f5f5 !important;
  color: rgba(0,0,0,.84) !important;
}#page-onboarding[data-ob-layout="design"].is-prefs :is(.ob-pref-header,
.ob-new-main,
#ob-slide-1,
.ob-new-footer){
  background: #f5f5f5 !important;
  border-color: rgba(0,0,0,.08) !important;
}#page-onboarding[data-ob-layout="design"].is-prefs :is(.ob-pref-head-copy strong,
.ob-pref-header .ob-back,
.ob-scroll-section-head h2){ color: rgba(0,0,0,.84) !important; }#page-onboarding[data-ob-layout="design"].is-prefs .ob-pref-head-copy small{ color: rgba(0,0,0,.56) !important; }#page-onboarding[data-ob-layout="design"].is-prefs :is(.ob-selection-grid button,
.ob-tile-grid button,
.ob-taste-slider),
#acct-dietary #profile-preference-editor.is-prefs :is(.ob-selection-grid button,
.ob-tile-grid button,
.ob-taste-slider){
  background: #fff !important;
  border-color: rgba(0,0,0,.10) !important;
  color: rgba(0,0,0,.82) !important;
}#page-onboarding[data-ob-layout="design"].is-prefs :is(.ob-selection-grid button.is-selected,
.ob-tile-grid button.is-selected),
#acct-dietary #profile-preference-editor.is-prefs :is(.ob-selection-grid button.is-selected,
.ob-tile-grid button.is-selected){
  border-color: rgba(198,74,22,.56) !important;
  background: rgba(198,74,22,.10) !important;
  color: #a83a10 !important;
}#page-onboarding[data-ob-layout="design"].is-prefs .ob-taste-slider::before,
#acct-dietary #profile-preference-editor.is-prefs .ob-taste-slider::before{
  background: linear-gradient(90deg,rgba(198,74,22,.10),rgba(198,74,22,.24)) !important;
  box-shadow: inset 0 0 0 1px rgba(198,74,22,.10) !important;
}#page-onboarding[data-ob-layout="design"].is-prefs :is(.ob-taste-card .ob-taste-label,
.ob-taste-card .ob-taste-label b),
#acct-dietary #profile-preference-editor.is-prefs :is(.ob-taste-card .ob-taste-label,
.ob-taste-card .ob-taste-label b){ color: rgba(0,0,0,.84) !important; }#page-onboarding[data-ob-layout="design"].is-prefs :is(.ob-taste-card .ob-taste-ico,
.ob-taste-card .ob-taste-label i.ob-taste-ico),
#acct-dietary #profile-preference-editor.is-prefs :is(.ob-taste-card .ob-taste-ico,
.ob-taste-card .ob-taste-label i.ob-taste-ico){
  background: #f4f4f4 !important;
  border-color: rgba(0,0,0,.08) !important;
}#page-onboarding[data-ob-layout="design"].is-prefs .ob-taste-card .ob-taste-level,
#acct-dietary #profile-preference-editor.is-prefs .ob-taste-card .ob-taste-level{ color: #a83a10 !important; }#page-settings .profile-service-card{
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 14px 4px;
  padding: 16px 8px !important;
}#page-settings .profile-service-card button{ min-height: 62px; }#page-settings .profile-service-card b{ font-size: 12px; }#page-settings .profile-service-card small{ font-size: 10px; }#page-settings .profile-video-empty > button{
  min-height: 40px;
  margin-top: 16px;
  padding: 0 18px;
  border: 1px solid var(--bw-line-strong);
  border-radius: 999px;
  background: var(--bw-surface);
  color: var(--bw-accent);
  font-size: 13px;
  font-weight: 600;
}@media (max-width: 370px){
  #page-settings .profile-service-card { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}#page-onboarding[data-ob-layout="design"] .ob-new-footer .ob-cta-status{
  margin:0 0 8px;
  text-align:center;
  color:rgba(26,26,26,.48);
  font-size:12px;
  font-weight:600;
  line-height:1.3;
}#page-onboarding[data-ob-layout="design"] .ob-new-footer .ob-cta-status[hidden]{display:none!important}#page-onboarding[data-ob-layout="design"] .ob-new-footer > #onboarding-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}#page-onboarding[data-ob-layout="design"] .ob-new-footer > #onboarding-cta .ob-cta-arrow{
  font-size:16px;
  line-height:1;
  font-weight:700;
}

/* Settings preference logic v6: one completeness ring, a true empty state and inline editing. */
:root[data-theme] #acct-dietary .acct-dietary-body{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))!important}
#acct-dietary .preference-studio-overview{padding:22px 2px 4px!important}
#acct-dietary .preference-studio-chart-title{
  position:static!important;
  display:block!important;
  margin:0 0 16px!important;
  color:var(--bw-ink)!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
  text-align:left!important;
}
#acct-dietary :is(.preference-studio-empty,.preference-studio-profile)[hidden]{display:none!important}
#acct-dietary .preference-studio-empty{
  display:flex!important;
  min-height:150px!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:16px!important;
  margin:0 0 22px!important;
  padding:22px!important;
  border:1px solid var(--bw-line)!important;
  border-radius:18px!important;
  background:var(--bw-surface)!important;
  box-shadow:var(--bw-shadow-xs)!important;
}
#acct-dietary .preference-studio-empty p{
  max-width:280px!important;
  margin:0!important;
  color:var(--bw-copy)!important;
  font-size:14px!important;
  line-height:1.6!important;
}
#acct-dietary .preference-studio-empty button{
  display:inline-flex!important;
  min-height:38px!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 14px!important;
  border:1px solid var(--bw-line-strong)!important;
  border-radius:999px!important;
  background:var(--bw-surface-raised)!important;
  color:var(--bw-accent)!important;
  font-size:12px!important;
  font-weight:750!important;
  box-shadow:none!important;
}
#acct-dietary .preference-studio-profile{display:block!important;margin:0 0 22px!important}
#acct-dietary .preference-studio-chart{
  position:relative!important;
  width:100%!important;
  height:188px!important;
  max-width:none!important;
  margin:0!important;
}
#acct-dietary .preference-studio-donut{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  width:174px!important;
  height:174px!important;
  border:0!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%) rotate(-90deg)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.12)!important;
}
#acct-dietary .preference-studio-donut::after{
  content:""!important;
  position:absolute!important;
  inset:12px!important;
  border-radius:50%!important;
  background:var(--bw-surface)!important;
  box-shadow:inset 0 0 0 1px var(--bw-line)!important;
}
#acct-dietary .preference-studio-score{
  position:absolute!important;
  inset:12px!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  transform:rotate(90deg)!important;
  text-align:center!important;
}
#acct-dietary .preference-studio-score strong{
  color:var(--bw-ink)!important;
  font-size:30px!important;
  font-weight:820!important;
  line-height:1!important;
}
#acct-dietary .preference-studio-score span{
  color:var(--bw-copy)!important;
  font-size:11px!important;
  font-weight:650!important;
}
#acct-dietary .preference-studio-guidance{
  max-width:300px!important;
  margin:4px auto 14px!important;
  color:var(--bw-copy)!important;
  font-size:12px!important;
  line-height:1.5!important;
  text-align:center!important;
}
#acct-dietary .preference-studio-summary{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  padding:0!important;
}
#acct-dietary .preference-studio-summary .preference-studio-selected-list{
  display:flex!important;
  min-height:0!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:7px!important;
}
#acct-dietary .preference-studio-summary .preference-studio-selected-chip{
  min-height:30px!important;
  padding:5px 10px!important;
  border-color:var(--bw-line-strong)!important;
  border-radius:999px!important;
  background:var(--bw-surface-raised)!important;
  color:var(--bw-ink)!important;
  font-size:11px!important;
}
#acct-dietary .preference-studio-summary .preference-studio-selected-chip.is-overflow{color:var(--bw-accent)!important}
#acct-dietary .preference-studio-summary > small{
  color:var(--bw-muted)!important;
  font-size:10.5px!important;
  text-align:center!important;
}
#acct-dietary .preference-studio-more{margin:18px 0 4px!important}
#acct-dietary .preference-studio-more > summary{
  display:flex!important;
  min-height:68px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:12px 2px!important;
  border:0!important;
  border-top:1px solid var(--bw-line)!important;
  border-bottom:1px solid var(--bw-line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--bw-ink)!important;
  box-shadow:none!important;
}
#acct-dietary .preference-studio-more-copy{display:flex!important;min-width:0!important;flex-direction:column!important;gap:4px!important}
#acct-dietary .preference-studio-more-copy b{color:var(--bw-ink)!important;font-size:14px!important;font-weight:750!important}
#acct-dietary .preference-studio-more-copy small{color:var(--bw-copy)!important;font-size:11px!important;line-height:1.35!important}
#acct-dietary .preference-studio-more-chevron{
  flex:0 0 auto!important;
  color:var(--bw-muted)!important;
  font-size:22px!important;
  transition:transform .2s ease!important;
}
#acct-dietary .preference-studio-more[open] .preference-studio-more-chevron{transform:rotate(180deg)!important}
#acct-dietary .preference-studio-more-body{padding-top:10px!important}
@media(max-width:380px){
  #acct-dietary .preference-studio-overview{padding-top:18px!important}
  #acct-dietary .preference-studio-chart{height:174px!important}
  #acct-dietary .preference-studio-donut{width:160px!important;height:160px!important}
}

/* Settings preferences: match onboarding preference surface */
#acct-dietary.acct-dietary-page{background:#fff!important}
#acct-dietary .acct-dietary-nav{background:#fff!important;border-bottom:1px solid #f0f0f0!important}
#acct-dietary .acct-dietary-page-title{font-size:16px!important;font-weight:750!important;color:#111!important}
#acct-dietary .dietary-intro{margin:0 18px 4px;color:#999!important;font-size:12px!important;line-height:1.4!important}
#acct-dietary .acct-dietary-body{padding:0 0 12px!important;background:#fff!important}
#acct-dietary #profile-preference-editor{padding:0}
#acct-dietary #settings-pref-slide{
  display:block!important;padding:8px 18px 28px!important;background:#fff!important
}
#acct-dietary .acct-dietary-footer{
  background:#fff!important;border-top:1px solid #f0f0f0!important;box-shadow:none!important;
  padding:10px 18px max(14px,calc(env(safe-area-inset-bottom,0px) + 10px))!important
}
#acct-dietary .acct-dietary-save{
  min-height:52px;border-radius:14px!important;background:#ff4d00!important;font-size:15px!important;font-weight:750!important
}

/* 2026-08 onboarding dark-mode consolidation.
   This final layer prevents legacy light-only rules from splitting the
   intro, header, content and footer across different color schemes. */
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].page.active {
  --bw-canvas: #0d0d0f !important;
  --bw-surface: #18181b !important;
  --bw-surface-raised: #222226 !important;
  --bw-ink: rgba(255,255,255,.92) !important;
  --bw-copy: rgba(255,255,255,.68) !important;
  --bw-muted: rgba(255,255,255,.50) !important;
  --bw-line: rgba(255,255,255,.10) !important;
  --bw-line-strong: rgba(255,255,255,.16) !important;
  --bw-accent: #ff5a16 !important;
  --bw-accent-soft: rgba(255,90,22,.16) !important;
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"] :is(
  .ob-intro-screen,
  .ob-intro-brand,
  .ob-pref-header,
  .ob-new-main,
  #ob-slide-1,
  .ob-new-footer
) {
  background: var(--bw-canvas) !important;
  border-color: var(--bw-line) !important;
  color: var(--bw-ink) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-brand {
  background: transparent !important;
  border: 0 !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-brand strong,
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-copy h1 {
  color: var(--bw-ink) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-accent {
  color: #ff7a45 !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-body {
  color: var(--bw-copy) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-intro .ob-collage-tile {
  background: var(--bw-surface-raised) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-intro .ob-collage-tag {
  background: rgba(24,24,27,.92) !important;
  color: var(--bw-ink) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.34) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-intro .ob-voucher-feature {
  background: #211914 !important;
  border: 1px solid rgba(255,122,69,.22) !important;
  color: var(--bw-ink) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-intro .ob-voucher-feature strong {
  color: var(--bw-ink) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-intro .ob-voucher-feature small {
  color: var(--bw-copy) !important;
}

/* Three stable benefits; decorative chevrons used to wrap as extra flex items. */
#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  align-items: start !important;
  gap: 10px !important;
}
#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-value-sep {
  display: none !important;
}
#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values li:not(.ob-intro-value-sep) {
  min-width: 0 !important;
  padding: 0 2px !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values .material-symbols-outlined {
  color: #ff7a45 !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values b {
  color: rgba(255,255,255,.72) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-intro .ob-skip-bottom {
  color: rgba(255,255,255,.58) !important;
}

/* Preference step: one continuous dark surface with readable controls. */
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-prefs.page.active,
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-prefs :is(
  .ob-pref-header,
  .ob-new-main,
  #ob-slide-1,
  .ob-new-footer
) {
  background: var(--bw-canvas) !important;
  color: var(--bw-ink) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-prefs .ob-pref-header {
  border-bottom: 1px solid var(--bw-line) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-prefs .ob-new-footer {
  border-top: 1px solid var(--bw-line) !important;
  background: rgba(13,13,15,.96) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-prefs :is(
  .ob-pref-head-copy strong,
  .ob-pref-header .ob-back,
  .ob-scroll-section-head h2
) {
  color: var(--bw-ink) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-prefs .ob-pref-head-copy small {
  color: var(--bw-copy) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-prefs :is(
  .ob-selection-grid button,
  .ob-tile-grid button,
  .ob-taste-slider
) {
  background: var(--bw-surface) !important;
  border-color: var(--bw-line-strong) !important;
  color: var(--bw-ink) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-prefs :is(
  .ob-selection-grid button b,
  .ob-tile-grid button b,
  .ob-taste-card .ob-taste-label,
  .ob-taste-card .ob-taste-label b
) {
  color: var(--bw-ink) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-prefs :is(
  .ob-selection-grid button.is-selected,
  .ob-tile-grid button.is-selected
) {
  background: var(--bw-accent-soft) !important;
  border-color: rgba(255,90,22,.72) !important;
  color: #ff8a58 !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-prefs .ob-taste-list {
  display: grid !important;
  gap: 10px !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-prefs .ob-taste-slider {
  min-height: 42px !important;
  height: 42px !important;
  padding: 5px 14px 5px 5px !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-prefs .ob-taste-slider::before {
  background: linear-gradient(90deg,rgba(255,90,22,.16),rgba(255,90,22,.34)) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-prefs .ob-taste-card .ob-taste-ico {
  background: var(--bw-surface-raised) !important;
  border-color: var(--bw-line) !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-prefs .ob-taste-card .ob-taste-level {
  color: #ff8a58 !important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-prefs .ob-cta-status {
  color: var(--bw-copy) !important;
}

/* ===== 2026-08-14 profile + preferences repair ===== */
#page-settings.page.active{
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-height:100dvh!important;
  height:auto!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  opacity:1!important;
  visibility:visible!important;
}
#page-settings.page.active #acct-main{
  position:relative!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-height:100dvh!important;
  height:auto!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  display:block!important;
  background:var(--bw-profile-canvas,#fff)!important;
  color:var(--bw-ink)!important;
}
#page-settings.page.active .profile-social-main,
#page-settings.page.active .profile-social-hero,
#page-settings.page.active .profile-service-card,
#page-settings.page.active .profile-content-section{
  visibility:visible!important;
  opacity:1!important;
}
#page-settings.page.active .profile-social-main{
  display:block!important;
  position:relative!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
  /* 只避让固定顶栏一次，避免 safe-area 重复叠加导致要上滑才看到内容 */
  padding-top:calc(56px + env(safe-area-inset-top,0px) + 8px)!important;
  padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;
  background:var(--bw-profile-canvas,#fff)!important;
}
#page-settings.page.active .profile-service-card{
  display:grid!important;
}
#page-settings .acct-main-nav{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:50!important;
}

/* Preferences shell: keep save footer always visible */
:root[data-theme] #acct-dietary.acct-dietary-page{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#acct-dietary .acct-dietary-nav{flex:0 0 auto!important}
#acct-dietary .acct-dietary-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  padding:12px 0 20px!important;
}
#acct-dietary .acct-dietary-footer{
  flex:0 0 auto!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:5!important;
  width:100%!important;
  background:var(--bw-chrome-strong,#fff)!important;
  border-top:1px solid var(--bw-line,#eee)!important;
  padding:10px 18px max(14px,calc(env(safe-area-inset-bottom,0px) + 10px))!important;
}
#acct-dietary .acct-dietary-save{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:52px!important;
  border:0!important;
  border-radius:14px!important;
  background:var(--bw-accent,#ff4d00)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:750!important;
}
#acct-dietary .acct-dietary-page-title{
  color:var(--bw-ink)!important;
}
:root[data-theme="dark"] #acct-dietary.acct-dietary-page,
:root[data-theme="dark"] #acct-dietary .acct-dietary-nav,
:root[data-theme="dark"] #acct-dietary .acct-dietary-body,
:root[data-theme="dark"] #acct-dietary .acct-dietary-footer,
:root[data-theme="dark"] #acct-dietary #settings-pref-slide{
  background:var(--bw-canvas)!important;
  color:var(--bw-ink)!important;
  border-color:var(--bw-line)!important;
}
:root[data-theme="dark"] #acct-dietary .acct-dietary-page-title,
:root[data-theme="dark"] #acct-dietary .dietary-intro,
:root[data-theme="dark"] #acct-dietary #profile-preference-editor .ob-scroll-section-head h2{
  color:var(--bw-ink)!important;
}

/* Settings preference editor: flow layout (not onboarding absolute screen) */
#acct-dietary #profile-preference-editor{
  position:relative!important;
  display:block!important;
  min-height:0!important;
  overflow:visible!important;
}
#acct-dietary #settings-pref-slide,
#acct-dietary #profile-preference-editor .settings-pref-slide,
#acct-dietary #profile-preference-editor .ob-new-screen{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:4px 18px 28px!important;
  overflow:visible!important;
  transform:none!important;
  animation:none!important;
  background:transparent!important;
}
#acct-dietary .dietary-intro{
  margin:4px 18px 10px!important;
}
#acct-dietary #profile-preference-editor .ob-scroll-section-head:first-child{
  margin-top:4px!important;
}
#acct-dietary #profile-preference-editor .ob-scroll-section-head{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  visibility:visible!important;
  opacity:1!important;
}
#acct-dietary #profile-preference-editor .ob-scroll-section-head > .material-symbols-outlined{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  flex:0 0 auto!important;
  border-radius:8px!important;
  background:#fff1ea!important;
  color:#ff4d00!important;
  font-size:17px!important;
}
:root[data-theme="dark"] #acct-dietary #profile-preference-editor .ob-scroll-section-head > .material-symbols-outlined{
  background:rgba(255,90,22,.16)!important;
  color:#ff8a58!important;
}
:root[data-theme="dark"] #acct-dietary #profile-preference-editor .ob-scroll-section-head h2{
  color:rgba(255,255,255,.92)!important;
}

/* Preference tags: prevent + / emoji overlap */
#page-onboarding[data-ob-layout="design"] .ob-selection-grid button,
#acct-dietary #profile-preference-editor .ob-selection-grid button,
#page-onboarding[data-ob-layout="design"] .ob-tile-grid button,
#acct-dietary #profile-preference-editor .ob-tile-grid button{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  position:relative!important;
}
#page-onboarding[data-ob-layout="design"] .ob-selection-grid button:not(.is-selected)::before,
#acct-dietary #profile-preference-editor .ob-selection-grid button:not(.is-selected)::before,
#page-onboarding[data-ob-layout="design"] .ob-tile-grid button:not(.is-selected)::before,
#acct-dietary #profile-preference-editor .ob-tile-grid button:not(.is-selected)::before{
  content:"+";
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 12px!important;
  width:12px!important;
  min-width:12px!important;
  margin:0!important;
  line-height:1!important;
  color:#b8b8b8!important;
  font-size:13px!important;
  font-weight:600!important;
}
#page-onboarding[data-ob-layout="design"] .ob-option-emoji,
#acct-dietary #profile-preference-editor .ob-option-emoji{
  position:relative!important;
  z-index:1!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1!important;
}
#page-onboarding[data-ob-layout="design"] .ob-selection-grid button b,
#acct-dietary #profile-preference-editor .ob-selection-grid button b,
#page-onboarding[data-ob-layout="design"] .ob-tile-grid button b,
#acct-dietary #profile-preference-editor .ob-tile-grid button b{
  position:relative!important;
  z-index:1!important;
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
}

/* Settings taste sliders: follow active theme (no forced black bars on light) */
:root:not([data-theme="dark"]) #acct-dietary #profile-preference-editor .ob-taste-slider{
  background:#f2f2f2!important;
  border-color:#e5e5e5!important;
}
:root:not([data-theme="dark"]) #acct-dietary #profile-preference-editor .ob-taste-slider::before{
  background:linear-gradient(90deg,rgba(198,74,22,.12),rgba(198,74,22,.28))!important;
  box-shadow:inset 0 0 0 1px rgba(198,74,22,.10)!important;
}
:root:not([data-theme="dark"]) #acct-dietary #profile-preference-editor .ob-taste-card .ob-taste-label,
:root:not([data-theme="dark"]) #acct-dietary #profile-preference-editor .ob-taste-card .ob-taste-label b{
  color:#222!important;
}
:root:not([data-theme="dark"]) #acct-dietary #profile-preference-editor .ob-taste-card .ob-taste-ico,
:root:not([data-theme="dark"]) #acct-dietary #profile-preference-editor .ob-taste-card .ob-taste-label i.ob-taste-ico{
  background:#fff!important;
  border-color:#e8e8e8!important;
}
:root:not([data-theme="dark"]) #acct-dietary #profile-preference-editor .ob-taste-card .ob-taste-level{
  color:#c64a16!important;
}
#acct-dietary #profile-preference-editor .ob-taste-card .ob-taste-label{
  gap:10px!important;
}
#acct-dietary #profile-preference-editor .ob-taste-card .ob-taste-ico,
#acct-dietary #profile-preference-editor .ob-taste-card .ob-taste-label i.ob-taste-ico{
  margin-right:0!important;
}

/* ===== 2026-08-14 dark-mode layout polish ===== */
#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
  justify-content:stretch!important;
  gap:12px!important;
  margin:0 0 14px!important;
  padding:0!important;
  list-style:none!important;
}
#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-value-sep,
#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values > .ob-intro-value-sep{
  display:none!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
}
#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values > li{
  flex:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  text-align:center!important;
}
:root[data-theme="dark"] #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values b{
  color:rgba(255,255,255,.78)!important;
}

/* Profile tabs side-by-side */
#page-settings .profile-content-tabs,
#page-settings.page.active .profile-content-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:stretch!important;
  height:48px!important;
}
#page-settings .profile-content-tabs button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
}

/* Profile service grid spacing in dark/light */
#page-settings .profile-service-card{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px 10px!important;
  padding:18px 12px!important;
}
#page-settings .profile-service-card button{
  min-height:68px!important;
  gap:6px!important;
}
#page-settings .profile-service-card .material-symbols-outlined{
  font-size:24px!important;
  line-height:1!important;
}
#page-settings .profile-service-card b{
  font-size:12px!important;
  line-height:1.25!important;
  white-space:normal!important;
}
#page-settings .profile-service-card small{
  font-size:10px!important;
  line-height:1.2!important;
}
:root[data-theme="dark"] #page-settings .profile-content-tabs{
  background:color-mix(in srgb,var(--bw-profile-canvas,#19191e) 96%,transparent)!important;
  border-color:var(--bw-line)!important;
}
:root[data-theme="dark"] #page-settings .profile-service-card{
  background:var(--bw-surface)!important;
  border-color:var(--bw-line)!important;
}

/* Profile video lightbox: same TikTok chrome as home/agent */
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-actions{
  right:8px!important;
  top:auto!important;
  bottom:calc(168px + env(safe-area-inset-bottom,0px))!important;
  transform:none!important;
  gap:18px!important;
  z-index:7!important;
  display:flex!important;
  flex-direction:column!important;
  pointer-events:auto!important;
}
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-actions button{
  width:48px!important;
  min-height:52px!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  padding:0!important;
  color:#fff!important;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.55));
}
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-actions small{
  display:block!important;
  margin:0!important;
  color:inherit!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.1!important;
  white-space:nowrap;
}
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-footer{
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:5!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:6px!important;
  padding:56px 64px max(14px,calc(env(safe-area-inset-bottom,0px) + 10px)) 14px!important;
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 34%,rgba(0,0,0,.78) 100%)!important;
  pointer-events:none!important;
  text-align:left!important;
}
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-footer > *{pointer-events:auto!important}
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-title{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(20px,5.6vw,24px)!important;
  font-weight:800!important;
  line-height:1.18!important;
  text-align:left!important;
  opacity:1!important;
  transform:none!important;
}
/* 收藏/喜欢：店铺信息滑动落地 2 秒后再露；推荐胶囊立即可见（与首页结构一致） */
.result-video-lightbox[data-source="profile"] .result-video-lightbox-meta,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-restaurant,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-meta,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-restaurant{
  opacity:0!important;
  transform:translateY(12px)!important;
  pointer-events:none!important;
  transition:opacity .32s ease, transform .32s ease!important;
}
.result-video-lightbox[data-source="profile"].is-reveal-details .result-video-lightbox-meta,
.result-video-lightbox[data-source="profile"].is-reveal-details .result-video-lightbox-restaurant,
.result-video-lightbox[data-profile-video-preview="true"].is-reveal-details .result-video-lightbox-meta,
.result-video-lightbox[data-profile-video-preview="true"].is-reveal-details .result-video-lightbox-restaurant{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}

/* 对话/喜欢/收藏：顶部创作者 + 推荐信息，对齐首页节奏 */
.result-video-lightbox-creator{
  display:none;
}
.result-video-lightbox[data-source="profile"] .result-video-lightbox-creator:not([hidden]),
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-creator:not([hidden]),
.result-video-lightbox[data-source="agent"] .result-video-lightbox-creator:not([hidden]),
.result-video-lightbox[data-source="chat"] .result-video-lightbox-creator:not([hidden]){
  position:absolute!important;
  z-index:22!important;
  /* 首页无返回；详情需避开返回键，头像整体下移 */
  top:max(84px, calc(env(safe-area-inset-top, 0px) + 72px))!important;
  left:14px!important;
  right:16px!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
  background:transparent!important;
}
.result-video-lightbox-creator .home-creator-bar{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
}
.result-video-lightbox-creator .home-creator-top{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  pointer-events:none!important;
}
.result-video-lightbox-creator .home-creator-open,
.result-video-lightbox-creator .home-creator-follow{
  pointer-events:auto!important;
}
.result-video-lightbox-creator .home-creator-open{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:min(236px, calc(100vw - 104px))!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  text-align:left!important;
}
.result-video-lightbox-creator .home-creator-avatar{
  width:45px!important;
  height:45px!important;
  flex:0 0 45px!important;
  border:2px solid rgba(255,255,255,.8)!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.result-video-lightbox-creator .home-creator-identity{
  display:grid!important;
  grid-template-columns:auto auto!important;
  align-items:center!important;
  justify-content:start!important;
  gap:0 5px!important;
  min-width:0!important;
  color:#fff!important;
}
.result-video-lightbox-creator .home-creator-identity strong{
  font-size:15px!important;
  color:#fff!important;
  text-shadow:0 1px 4px rgba(0,0,0,.72)!important;
}
.result-video-lightbox-creator .home-creator-identity small{
  grid-column:1/-1!important;
  color:rgba(255,255,255,.78)!important;
  font-size:10px!important;
  text-shadow:0 1px 4px rgba(0,0,0,.72)!important;
}
.result-video-lightbox-creator .home-creator-verified{
  width:15px!important;
  height:15px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#ff6b4a!important;
  color:#fff!important;
  font-size:9px!important;
}
/* 关注：与首页一致——贴昵称右侧，玻璃态白字，未关注带 + */
.result-video-lightbox-creator .home-creator-follow{
  flex:0 0 auto!important;
  margin-left:0!important;
  min-height:30px!important;
  padding:4px 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:999px!important;
  background:rgba(22,22,24,.42)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:750!important;
  box-shadow:0 5px 16px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(14px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(118%)!important;
  text-shadow:0 1px 4px rgba(0,0,0,.30)!important;
}
.result-video-lightbox-creator .home-creator-follow:not(.is-following)::before{
  content:"+";
  display:inline-block;
  font-size:15px;
  font-weight:700;
  line-height:1;
}
.result-video-lightbox-creator .home-creator-follow.is-following{
  border-color:rgba(255,132,91,.62)!important;
  background:rgba(255,95,61,.38)!important;
  color:#fff!important;
  box-shadow:0 5px 18px rgba(255,95,61,.18),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.result-video-lightbox-creator .home-creator-follow.is-following::before{
  content:none!important;
  display:none!important;
}
.result-video-lightbox-creator .home-creator-stats{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 2px!important;
  pointer-events:none!important;
}
.result-video-lightbox-creator .home-creator-stat{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:600!important;
  text-shadow:0 1px 4px rgba(0,0,0,.72)!important;
}
.result-video-lightbox-creator .home-creator-stat-star{
  font-size:14px!important;
  color:#ffd27a!important;
}
.result-video-lightbox-creator .home-creator-stat em{
  font-style:normal!important;
}

/* ===== Browser shell (Chrome / mobile Safari) ===== */
:root{
  --bw-app-height:100dvh;
  --home-viewport-height:100dvh;
  --home-viewport-top:0px;
}
html,body{
  width:100%!important;
  height:var(--bw-app-height,100dvh)!important;
  max-height:var(--bw-app-height,100dvh)!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
#page-home.page.active{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  transform:none!important;
}
body.bw-keyboard-open #page-home.page.active,
body.home-inline-keyboard-open #page-home.page.active{
  bottom:auto!important;
  height:var(--home-viewport-height,var(--bw-app-height,100dvh))!important;
  max-height:var(--home-viewport-height,var(--bw-app-height,100dvh))!important;
}
#page-settings.page.active{
  position:fixed!important;
  inset:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
#page-settings.page.active #acct-main{
  position:relative!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
}
#page-dining-credits.page.active,
#page-dining-my-credits.page.active{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:hidden!important;
}
#page-dining-credits.page.active .dc-main,
#page-dining-my-credits.page.active .dc-my-shell{
  height:100%;
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
}
body>.app-tabbar,
.app-tabbar{
  position:fixed!important;
  bottom:0!important;
  z-index:500!important;
  pointer-events:auto!important;
}
.app-tabbar-item{
  pointer-events:auto!important;
  touch-action:manipulation;
}
@media (min-width:768px){
  #page-home.page.active,
  #page-settings.page.active{
    left:50%!important;
    right:auto!important;
    width:min(430px,100vw)!important;
    transform:translateX(-50%)!important;
  }
  .app-tabbar{
    width:430px;
    left:50%;
    right:auto;
    transform:translateX(-50%);
  }
}

/* ===== UI polish: browser lightbox chrome + action states ===== */

/* 返回 + 为什么推荐：同一顶栏横排，避免重叠 */
.result-video-lightbox-back-chat,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-back-chat,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-back-chat,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-back-chat{
  pointer-events:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  width:auto !important;
  min-width:44px !important;
  min-height:36px !important;
  height:36px !important;
  padding:0 12px 0 8px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(0,0,0,.55) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:650 !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  text-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:40 !important;
  box-shadow:0 4px 14px rgba(0,0,0,.28) !important;
}
.result-video-lightbox[data-source="agent"] .result-video-lightbox-back-chat:before,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-back-chat:before,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-back-chat:before{
  content:none !important;
  display:none !important;
}
.result-video-lightbox-back-chat .material-symbols-outlined,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-back-chat .material-symbols-outlined,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-back-chat .material-symbols-outlined,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-back-chat .material-symbols-outlined{
  display:block !important;
  font-size:20px !important;
  line-height:1 !important;
  color:#fff !important;
  visibility:visible !important;
  width:20px !important;
  height:20px !important;
}
.result-video-lightbox-back-chat.hidden,
.result-video-lightbox-back-chat[hidden]{
  display:none !important;
}
.result-video-lightbox[data-source="agent"] .result-video-lightbox-top,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-top,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-top{
  padding:max(12px, calc(env(safe-area-inset-top, 0px) + 8px)) 12px 0 !important;
  z-index:40 !important;
  pointer-events:none;
}
#page-home.bito-session-over-feed.home-agent-sheet-open .home-bottom-area,
#page-home.bito-session-over-feed.home-agent-sheet-open #home-agent-panel{
  z-index:610 !important;
}
body.bito-session-over-feed .app-tabbar,
body.bito-feed-active .app-tabbar{
  z-index:190;
}
#page-home .home-agent-drawer-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
#page-home .home-agent-close-btn{
  width:44px!important;
  height:44px!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  border-radius:999px!important;
}
#page-home .home-agent-header-actions{
  display:flex;
  align-items:center;
  gap:2px;
  flex:0 0 auto;
}
#page-home .home-agent-history-btn{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  min-width:44px;
  padding:0;
  border:0;
  border-radius:999px;
  background:transparent;
  color:inherit;
}
#page-home .home-agent-history-btn .material-symbols-outlined{font-size:21px}
#page-home .home-agent-drawer-identity{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.result-video-lightbox-unavailable{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(8,8,8,.72);
  color:#f4f1ed;
  text-align:center;
  font-size:15px;
  font-weight:650;
  pointer-events:none;
}
.result-video-lightbox-unavailable.hidden,
.result-video-lightbox-unavailable[hidden]{
  display:none!important;
}
.bito-history-backdrop[hidden],
.bito-history-drawer[hidden],
.bito-history-actions-backdrop[hidden],
.bito-history-actions[hidden],
.bito-history-dialog[hidden],
.bito-history-detail-page[hidden]{
  display:none!important;
}
body.bito-history-open,
body.bito-history-detail-open,
body.bito-history-detail-media-open{
  overflow:hidden!important;
}
.bito-history-backdrop{
  position:fixed;
  inset:0;
  z-index:540;
  background:rgba(0,0,0,.46);
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease;
}
.bito-history-backdrop.is-open{
  opacity:1;
  pointer-events:auto;
}
.bito-history-drawer{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  z-index:550;
  display:flex;
  flex-direction:column;
  width:min(86vw,360px);
  background:#161412;
  color:#f4f1ed;
  box-shadow:18px 0 40px rgba(0,0,0,.28);
  transform:translateX(-104%);
  transition:transform .28s cubic-bezier(.4,0,.2,1);
  overscroll-behavior:contain;
}
.bito-history-drawer.is-open{
  transform:translateX(0);
}
.bito-history-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:max(16px, env(safe-area-inset-top,0px)) 12px 12px 18px;
}
.bito-history-header h2{
  margin:0;
  font-size:18px;
  font-weight:750;
}
.bito-history-close{
  width:44px;
  height:44px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#f4f1ed;
}
.bito-history-status{
  margin:0 18px 10px;
  color:#c4b8ae;
  font-size:12px;
  line-height:1.45;
}
.bito-history-status button{
  min-height:44px;
  margin-left:8px;
  padding:0 10px;
  border:0;
  border-radius:999px;
  background:rgba(223,134,101,.18);
  color:#ffd3c2;
  font-size:12px;
  font-weight:700;
}
.bito-history-list{
  flex:1;
  overflow-y:auto;
  padding:4px 10px max(20px, env(safe-area-inset-bottom,0px));
  overscroll-behavior:contain;
}
.bito-history-list[aria-busy="true"]{
  overflow:hidden;
}
.bito-history-skeleton{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:68px;
  margin:0 0 6px;
  padding:12px;
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.bito-history-skeleton-copy{
  flex:1;
  min-width:0;
}
.bito-history-skeleton-copy::before,
.bito-history-skeleton-copy::after,
.bito-history-skeleton::after{
  content:"";
  display:block;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.12),rgba(255,255,255,.05));
  background-size:220% 100%;
  animation:bito-history-shimmer 1.2s ease-in-out infinite;
}
.bito-history-skeleton-copy::before{width:68%;height:14px}
.bito-history-skeleton-copy::after{width:44%;height:10px;margin-top:8px}
.bito-history-skeleton::after{flex:0 0 32px;width:32px;height:32px}
.bito-history-list-loading{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c4b8ae;
  font-size:12px;
}
@keyframes bito-history-shimmer{
  0%{background-position:100% 0}
  100%{background-position:-120% 0}
}
.bito-history-empty{
  padding:36px 18px;
  color:#c4b8ae;
  font-size:14px;
  line-height:1.55;
  text-align:center;
}
.bito-history-item{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  margin:0 0 6px;
  padding:12px 8px 12px 12px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:#f4f1ed;
  text-align:left;
}
.bito-history-item.is-current{
  background:rgba(255,255,255,.08);
}
.bito-history-item-copy{
  flex:1;
  min-width:0;
  min-height:44px;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  border-radius:10px;
  touch-action:pan-y;
  transition:background .14s ease,transform .14s ease;
}
.bito-history-item-copy.is-pressing{
  background:rgba(255,255,255,.07);
  transform:scale(.985);
}
.bito-history-item-copy strong,
.bito-history-item-copy small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bito-history-item-copy strong{
  font-size:14px;
  font-weight:700;
}
.bito-history-item-copy small{
  margin-top:3px;
  color:#c4b8ae;
  font-size:12px;
}
.bito-history-actions-backdrop{
  position:fixed;
  inset:0;
  z-index:555;
  background:rgba(0,0,0,.12);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}
.bito-history-actions-backdrop.is-open{
  opacity:1;
  pointer-events:auto;
}
.bito-history-actions{
  position:fixed;
  left:var(--bito-history-menu-left,16px);
  top:var(--bito-history-menu-top,72px);
  z-index:560;
  display:flex;
  flex-direction:column;
  width:184px;
  padding:6px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(29,25,22,.98);
  box-shadow:0 16px 42px rgba(0,0,0,.34);
  opacity:0;
  transform:translateY(-4px) scale(.97);
  transform-origin:top left;
  transition:opacity .16s ease,transform .16s ease;
}
.bito-history-actions.is-open{
  opacity:1;
  transform:none;
}
.bito-history-actions button{
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 12px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#f4f1ed;
  font-size:14px;
  font-weight:650;
  text-align:left;
}
.bito-history-actions button:hover,
.bito-history-actions button:focus-visible{
  background:rgba(255,255,255,.07);
}
.bito-history-actions button .material-symbols-outlined{
  font-size:19px;
}
.bito-history-actions button.is-danger,
.bito-history-dialog-actions button.is-danger{
  color:#ffb4a8;
}
.bito-history-dialog{
  position:fixed;
  inset:0;
  z-index:570;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.46);
}
.bito-history-dialog-card{
  width:min(100%,320px);
  padding:18px 16px 14px;
  border-radius:18px;
  background:#1d1916;
  color:#f4f1ed;
}
.bito-history-dialog-card h3{
  margin:0 0 10px;
  font-size:16px;
}
.bito-history-dialog-card p{
  margin:0 0 14px;
  color:#c4b8ae;
  font-size:13px;
  line-height:1.5;
}
.bito-history-dialog-card input{
  width:100%;
  height:44px;
  margin:0 0 8px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:#111;
  color:#f4f1ed;
}
.bito-history-dialog-error{
  margin:0 0 10px;
  color:#ffb4a8;
  font-size:12px;
}
.bito-history-dialog-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
}
.bito-history-dialog-actions button{
  min-height:44px;
  padding:0 12px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#f4f1ed;
  font-weight:650;
}
.bito-history-dialog-actions button.is-primary{
  background:#df8665;
  color:#1a120f;
}
.bito-history-detail-page{
  position:fixed;
  inset:0;
  z-index:570;
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:430px;
  height:100dvh;
  margin:0 auto;
  overflow:hidden;
  background:#12110f;
  color:#f7f3ef;
  box-shadow:0 0 48px rgba(0,0,0,.38);
  opacity:0;
  transform:translateX(100%);
  transition:transform .24s cubic-bezier(.4,0,.2,1),opacity .18s ease;
}
.bito-history-detail-page.is-open{
  opacity:1;
  transform:none;
}
.bito-history-detail-page.is-media-behind{
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}
.bito-history-detail-header{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  min-height:72px;
  padding:max(12px,env(safe-area-inset-top,0px)) 16px 12px 10px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(18,17,15,.94);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.bito-history-detail-back{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#f7f3ef;
}
.bito-history-detail-back .material-symbols-outlined{font-size:26px}
.bito-history-detail-header>div{min-width:0}
.bito-history-detail-header h2{
  margin:0;
  overflow:hidden;
  color:#fff;
  font-size:17px;
  font-weight:760;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bito-history-detail-header p{
  margin:3px 0 0;
  color:#a99f97;
  font-size:11px;
  line-height:1.3;
}
.bito-history-detail-content{
  flex:1 1 auto;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  padding:18px 16px max(28px,calc(env(safe-area-inset-bottom,0px) + 18px));
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.bito-history-detail-context{
  margin:0 0 20px;
  padding:15px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:#1b1916;
}
.bito-history-detail-context h3,
.bito-history-detail-batch h3{
  margin:0 0 11px;
  color:#f7f3ef;
  font-size:13px;
  font-weight:740;
  line-height:1.35;
}
.bito-history-detail-context>div,
.bito-history-detail-batch-context{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.bito-history-detail-context span,
.bito-history-detail-batch-context span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:30px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:#e5ddd6;
  font-size:11px;
  line-height:1.3;
}
.bito-history-detail-context b,
.bito-history-detail-batch-context b{
  color:#df8665;
  font-style:normal;
  font-weight:720;
}
.bito-history-detail-context em{
  color:#e5ddd6;
  font-style:normal;
}
.bito-history-detail-timeline{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.bito-history-detail-turn{
  width:fit-content;
  max-width:86%;
  margin:0;
  padding:10px 12px;
  border-radius:15px;
  background:#24211e;
  color:#f7f3ef;
}
.bito-history-detail-turn.is-user{
  align-self:flex-end;
  border-bottom-right-radius:5px;
  background:#df8665;
  color:#21130e;
}
.bito-history-detail-turn.is-assistant{
  align-self:flex-start;
  border-bottom-left-radius:5px;
}
.bito-history-detail-turn strong{
  display:block;
  margin:0 0 3px;
  color:inherit;
  font-size:10px;
  font-weight:750;
  opacity:.72;
}
.bito-history-detail-turn p{
  margin:0;
  color:inherit;
  font-size:13px;
  line-height:1.55;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.bito-history-detail-batch{
  width:100%;
  margin:2px 0 6px;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:17px;
  background:#1b1916;
}
.bito-history-detail-batch-context{
  margin:-2px 0 12px;
}
.bito-history-detail-batch-context span{
  min-height:26px;
  padding:4px 8px;
  color:#cfc5bd;
  font-size:10px;
}
.bito-history-detail-media-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.bito-history-detail-media{
  min-width:0;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:13px;
  background:#292622;
  color:#f7f3ef;
  text-align:left;
}
.bito-history-detail-media:active{transform:scale(.985)}
.bito-history-detail-media.is-unavailable{opacity:.58}
.bito-history-detail-media-visual{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#0d0c0b;
  color:rgba(255,255,255,.34);
}
.bito-history-detail-media-visual>img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.bito-history-detail-media-kind{
  position:absolute;
  left:50%;
  top:50%;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  background:rgba(17,15,13,.62);
  color:#fff;
  font-size:24px;
  transform:translate(-50%,-50%);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}
.bito-history-detail-media.is-image .bito-history-detail-media-kind{
  left:auto;
  right:8px;
  top:8px;
  width:30px;
  height:30px;
  font-size:17px;
  transform:none;
}
.bito-history-detail-media-copy{
  display:block;
  min-height:57px;
  padding:9px 10px 10px;
}
.bito-history-detail-media-copy strong,
.bito-history-detail-media-copy small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bito-history-detail-media-copy strong{
  font-size:12px;
  line-height:1.35;
}
.bito-history-detail-media-copy small{
  margin-top:3px;
  color:#aaa098;
  font-size:10px;
}
.bito-history-detail-empty{
  margin:56px 0;
  color:#aaa098;
  font-size:13px;
  line-height:1.55;
  text-align:center;
}
.bito-history-drawer :focus-visible,
.bito-history-actions :focus-visible,
.bito-history-dialog :focus-visible,
.bito-history-detail-page :focus-visible{
  outline:2px solid #ffd3c2;
  outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){
  .bito-history-backdrop,
  .bito-history-drawer,
  .bito-history-actions-backdrop,
  .bito-history-actions,
  .bito-history-detail-page{
    transition-duration:.01ms!important;
  }
  .bito-history-skeleton-copy::before,
  .bito-history-skeleton-copy::after,
  .bito-history-skeleton::after{
    animation:none!important;
  }
}
.home-agent-history-batch{
  margin:10px 0 4px;
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
}
.home-agent-history-batch-label{
  margin:0 0 10px;
  color:#c4b8ae;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
}
.home-agent-history-videos{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:136px;
  gap:10px;
  overflow-x:auto;
  padding:0 0 4px;
  scroll-snap-type:x proximity;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
}
.home-agent-history-videos::-webkit-scrollbar{display:none}
.home-agent-history-video{
  width:136px;
  min-width:136px;
  padding:0;
  border:0;
  border-radius:13px;
  background:rgba(255,255,255,.055);
  color:#f4f1ed;
  overflow:hidden;
  text-align:left;
  scroll-snap-align:start;
}
.home-agent-history-video-media{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#0d0c0b;
}
.home-agent-history-video-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.home-agent-history-video-placeholder{
  color:rgba(255,255,255,.32);
  font-size:32px;
}
.home-agent-history-video-play{
  position:absolute;
  inset:50% auto auto 50%;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(20,17,15,.62);
  color:#fff;
  font-size:25px;
  transform:translate(-50%,-50%);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.home-agent-history-video-copy{
  display:block;
  min-height:58px;
  padding:9px 10px 10px;
}
.home-agent-history-video-copy strong,
.home-agent-history-video-copy small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-agent-history-video-copy strong{
  font-size:12px;
  line-height:1.35;
}
.home-agent-history-video-copy small{
  margin-top:3px;
  color:#c4b8ae;
  font-size:10px;
}
.home-agent-history-video.is-unavailable{
  opacity:.62;
}
.result-video-lightbox-why{
  position:absolute !important;
  z-index:12 !important;
  left:auto !important;
  right:10px !important;
  top:max(72px, calc(env(safe-area-inset-top, 0px) + 58px)) !important;
  width:fit-content !important;
  max-width:min(168px, calc(100vw - 72px)) !important;
  pointer-events:auto !important;
}
.result-video-lightbox-why.is-collapsed .result-video-why-card{
  width:max-content !important;
  max-width:100% !important;
}
.result-video-lightbox-why:not(.is-collapsed){
  left:auto !important;
  right:10px !important;
  top:max(72px, calc(env(safe-area-inset-top, 0px) + 58px)) !important;
  width:fit-content !important;
  max-width:min(168px, calc(100vw - 72px)) !important;
}

/* 首页/灯箱：喜欢与收藏图标同尺寸，下方动态展示数量 */
#page-home .home-example-primary-actions button,
.result-video-lightbox-actions button.home-action-like,
.result-video-lightbox-actions button.home-example-save,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-actions button{
  width:48px !important;
  height:auto !important;
  min-height:52px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:2px !important;
  color:#fff !important;
}
#page-home .home-example-primary-actions small,
.result-video-lightbox-actions small,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-actions small{
  display:block !important;
  margin:0 !important;
  color:inherit !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1.1 !important;
  letter-spacing:.01em;
  text-shadow:0 1px 3px rgba(0,0,0,.55);
  white-space:nowrap;
}
#page-home .home-xhs-icon,
.result-video-lightbox-actions .home-xhs-icon{
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
}
#page-home .home-xhs-icon svg,
.result-video-lightbox-actions .home-xhs-icon svg{
  width:28px !important;
  height:28px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.7 !important;
  stroke-linejoin:round !important;
  stroke-linecap:round !important;
  overflow:visible;
}
/* 心形视觉偏大，略缩小；五角星略放大，保证观感一致 */
#page-home .home-xhs-like svg,
.result-video-lightbox-actions .home-xhs-like svg{
  transform:scale(0.92);
  transform-origin:center;
}
#page-home .home-xhs-save svg,
.result-video-lightbox-actions .home-xhs-save svg{
  transform:scale(1.06);
  transform-origin:center;
  stroke-width:1.65 !important;
}

/* 喜欢 / 收藏选中色（覆盖 profile/agent 的 color:#fff!important） */
#page-home .home-action-like.is-selected,
.result-video-lightbox-actions .home-action-like.is-selected,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-actions .home-action-like.is-selected,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-actions .home-action-like.is-selected,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-actions .home-action-like.is-selected{
  color:#fe2c55 !important;
}
#page-home .home-example-save.is-saved,
.result-video-lightbox-actions .home-example-save.is-saved,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-actions .home-example-save.is-saved,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-actions .home-example-save.is-saved,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-actions .home-example-save.is-saved{
  color:#face15 !important;
}
#page-home .home-action-like.is-selected .home-xhs-icon svg,
#page-home .home-example-save.is-saved .home-xhs-icon svg,
.result-video-lightbox-actions .home-action-like.is-selected .home-xhs-icon svg,
.result-video-lightbox-actions .home-example-save.is-saved .home-xhs-icon svg,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-actions .home-action-like.is-selected .home-xhs-icon svg,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-actions .home-example-save.is-saved .home-xhs-icon svg,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-actions .home-action-like.is-selected .home-xhs-icon svg,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-actions .home-example-save.is-saved .home-xhs-icon svg,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-actions .home-action-like.is-selected .home-xhs-icon svg,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-actions .home-example-save.is-saved .home-xhs-icon svg{
  fill:currentColor !important;
  stroke:currentColor !important;
  stroke-width:1.05 !important;
}

/* 关注按钮：未关注白底，已关注橙色区分 */
#page-home .home-creator-follow{
  background:#fff !important;
  color:#161823 !important;
  border:0 !important;
  min-height:32px !important;
  padding:5px 14px !important;
  border-radius:999px !important;
  font-weight:750 !important;
  transition:background .15s ease, color .15s ease, transform .12s ease;
}
#page-home .home-creator-follow.is-following,
.home-creator-sheet-header .home-creator-follow.is-following{
  background:#ff6b4a !important;
  color:#fff !important;
  box-shadow:0 4px 14px rgba(255,107,74,.28);
}
#page-home .home-creator-follow:active,
#page-home .home-creator-follow.is-pressed{
  transform:scale(.96);
}

/* 浏览器下首页顶栏/创作者条避开刘海与地址栏 */
#page-home .home-creator-bar{
  top:max(76px, calc(env(safe-area-inset-top, 0px) + 64px)) !important;
  z-index:12 !important;
}
#page-home > header{
  z-index:50 !important;
  padding-top:0 !important;
}
#page-home > header > div{
  padding-top:max(10px, env(safe-area-inset-top, 0px)) !important;
}

/* 灯箱预订卡确保可点 */
.result-video-lightbox-restaurant,
.result-video-lightbox-restaurant button,
.result-video-lightbox .result-video-lightbox-reserve,
.result-video-lightbox .home-restaurant-reserve{
  pointer-events:auto !important;
  position:relative;
  z-index:9;
}

/* 全屏灯箱播放按钮：与首页暂停态一致 */
.result-video-lightbox-inner{
  position:relative;
}
.result-video-lightbox-play{
  position:absolute;
  z-index:8;
  inset:50% auto auto 50%;
  width:72px;
  height:72px;
  margin:-36px 0 0 -36px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  color:#fff;
  opacity:0;
  pointer-events:none;
  transform:scale(.92);
  transition:opacity .14s ease, transform .14s ease;
  box-shadow:0 2px 18px rgba(0,0,0,.28);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
.result-video-lightbox-play .material-symbols-outlined{
  font-size:48px;
  font-variation-settings:'FILL' 1,'wght' 500;
  margin-left:3px;
  filter:drop-shadow(0 1px 6px rgba(0,0,0,.35));
}
.result-video-lightbox.is-paused .result-video-lightbox-play,
.result-video-lightbox-play.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:scale(1);
}
.result-video-lightbox.is-playing .result-video-lightbox-play{
  opacity:0;
  pointer-events:none;
  transform:scale(.92);
}
.result-video-lightbox[data-media-type="image"] .result-video-lightbox-play{
  display:none!important;
}

/* 首页喜欢/收藏：底部对齐，取消垂直居中 */
#page-home .home-example-primary-actions,
#page-home.home-questions-visible .home-example-primary-actions{
  top:auto!important;
  bottom:calc(168px + env(safe-area-inset-bottom,0px))!important;
  transform:none!important;
}
#page-home.home-questions-visible .home-example-primary-actions{
  bottom:calc(210px + env(safe-area-inset-bottom,0px))!important;
}
@media(max-height:720px){
  #page-home .home-example-primary-actions,
  #page-home.home-questions-visible .home-example-primary-actions{
    bottom:calc(148px + env(safe-area-inset-bottom,0px))!important;
  }
  #page-home.home-questions-visible .home-example-primary-actions{
    bottom:calc(188px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* 浏览器：「为什么推荐」贴创作者条下方，不用 bottom 锚定（会显得太靠下） */
#page-home .home-example-ai-reason,
#page-home .home-example-ai-reason.is-expanded,
#page-home .is-reveal-reason .home-example-ai-reason{
  top:max(128px, calc(env(safe-area-inset-top, 0px) + 116px)) !important;
  bottom:auto !important;
  left:12px !important;
  width:min(220px, calc(100vw - 78px)) !important;
  max-height:min(30vh, 240px) !important;
  height:auto !important;
  transform:none !important;
  z-index:12 !important;
}
@media (max-height:780px){
  #page-home .home-example-ai-reason,
  #page-home .home-example-ai-reason.is-expanded{
    top:max(120px, calc(env(safe-area-inset-top, 0px) + 108px)) !important;
    bottom:auto !important;
    max-height:min(28vh, 210px) !important;
  }
}
@media (max-height:700px){
  #page-home .home-example-ai-reason,
  #page-home .home-example-ai-reason.is-expanded{
    top:max(112px, calc(env(safe-area-inset-top, 0px) + 100px)) !important;
    bottom:auto !important;
    max-height:min(24vh, 180px) !important;
  }
}

/* Keep bottom collage labels inside the image safe area. */
#page-onboarding[data-ob-layout="design"].is-intro .ob-collage-tile.is-tag-bottom .ob-collage-tag{
  top:auto!important;
  bottom:20px!important;
  z-index:3!important;
}
@media (max-height:760px){
  #page-onboarding[data-ob-layout="design"].is-intro .ob-collage-tile.is-tag-bottom .ob-collage-tag{
    bottom:16px!important;
  }
}
@media (max-height:640px){
  #page-home .home-example-ai-reason,
  #page-home .home-example-ai-reason.is-expanded{
    top:max(104px, calc(env(safe-area-inset-top, 0px) + 92px)) !important;
    bottom:auto !important;
    max-height:min(20vh, 150px) !important;
  }
}

/* 「为什么推荐」统一右侧，对齐首页 */
.result-video-lightbox-why,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-why,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-why,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-why,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-why,
.result-video-lightbox-why:not(.is-collapsed),
.result-video-lightbox[data-source="agent"] .result-video-lightbox-why:not(.is-collapsed),
.result-video-lightbox[data-source="profile"] .result-video-lightbox-why:not(.is-collapsed),
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-why:not(.is-collapsed),
.result-video-lightbox[data-source="chat"] .result-video-lightbox-why:not(.is-collapsed){
  left:auto !important;
  right:16px !important;
  top:max(128px, calc(env(safe-area-inset-top, 0px) + 118px)) !important;
  width:fit-content !important;
  max-width:min(156px, calc(100vw - 32px)) !important;
  z-index:12 !important;
  pointer-events:auto !important;
  display:block !important;
}
/* 对话/喜欢/收藏 / Agent：why 可显示，透明度由 is-reveal-details 控制 */
.result-video-lightbox[data-source="profile"] .result-video-lightbox-why,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-why,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-why,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-why{
  display:block !important;
}

/* 餐厅信息：去掉深色背景框，只保留内容 + 预订按钮 */
#page-home .home-restaurant-card,
#page-home.home-agent-sheet-open .home-recommendation-unit.is-active .home-restaurant-card,
.result-video-lightbox-restaurant,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-restaurant,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-restaurant,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-restaurant{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding-left:0!important;
  padding-right:0!important;
}
#page-home .home-restaurant-info strong,
.result-video-lightbox-restaurant-copy strong{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.85),0 2px 10px rgba(0,0,0,.55)!important;
}
#page-home .home-restaurant-info span,
.result-video-lightbox-restaurant-copy small{
  color:rgba(255,255,255,.9)!important;
  text-shadow:0 1px 3px rgba(0,0,0,.8)!important;
}
#page-home .home-restaurant-thumb,
.result-video-lightbox-restaurant-thumb{
  border-radius:10px!important;
  box-shadow:0 2px 10px rgba(0,0,0,.35);
}

/* 首页底部遮罩：提高透明度，少挡视频 */
#page-home .home-video-scrim{
  background:
    linear-gradient(180deg, rgba(0,0,0,.42), transparent 26%),
    linear-gradient(0deg, rgba(0,0,0,.52), rgba(0,0,0,.18) 38%, transparent 68%) !important;
}
#page-home:not(.home-agent-sheet-open) .home-context-questions button{
  background:rgba(18,18,18,.42)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
#page-home:not(.home-agent-sheet-open) .home-agent-composer{
  background:rgba(22,22,22,.48)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
#page-home:not(.home-agent-sheet-open) .home-agent-composer input,
#page-home:not(.home-agent-sheet-open) .home-agent-composer input:focus{
  color:#fff!important;
}
#page-home:not(.home-agent-sheet-open) .home-agent-composer input::placeholder{
  color:rgba(255,255,255,.62)!important;
}
#page-home .home-example-dish-name,
#page-home .home-example-summary p{
  text-shadow:0 1px 4px rgba(0,0,0,.75),0 2px 12px rgba(0,0,0,.4)!important;
}

/* 「为什么推荐」收窄：按内容宽度，减少右侧空白 */
#page-home .home-example-ai-reason,
#page-home .home-example-ai-reason.is-expanded,
#page-home .is-reveal-reason .home-example-ai-reason{
  width:fit-content!important;
  max-width:min(168px, calc(100vw - 96px))!important;
  min-width:0!important;
  padding:10px 10px 11px!important;
  box-sizing:border-box!important;
}
#page-home .home-why-header{
  gap:6px!important;
  justify-content:flex-start!important;
}
#page-home .home-why-header b{
  flex:0 1 auto!important;
  min-width:0!important;
}
#page-home .home-why-header button{
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  margin:0 0 0 auto!important;
}
#page-home .home-why-row{
  grid-template-columns:18px minmax(0,1fr)!important;
  gap:6px!important;
}
#page-home .home-why-row>.material-symbols-outlined{font-size:18px!important}
#page-home .home-why-row b{
  white-space:normal!important;
  font-size:10px!important;
}
#page-home .home-why-row small{
  font-size:8px!important;
  line-height:1.35!important;
}

/* ===== Home feed lower information stage: stable contrast over any video ===== */
#page-home:not(.home-agent-sheet-open) .home-video-scrim{
  background:
    linear-gradient(180deg,rgba(5,6,8,.52) 0%,rgba(5,6,8,.12) 19%,transparent 34%),
    linear-gradient(0deg,rgba(8,9,11,.84) 0%,rgba(8,9,11,.76) 17%,rgba(8,9,11,.60) 33%,rgba(8,9,11,.30) 49%,rgba(8,9,11,.07) 66%,transparent 76%)!important;
}

/* The copy sits on the continuous scrim; remove the cloudy local rectangle. */
#page-home:not(.home-agent-sheet-open) .home-video-copy{
  padding:8px 0 2px!important;
  gap:8px!important;
  background:transparent!important;
  border-radius:0!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-dish-name{
  color:#fff!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
  text-shadow:0 2px 10px rgba(0,0,0,.72)!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-summary p{
  color:rgba(255,255,255,.76)!important;
  font-weight:500!important;
  text-shadow:0 1px 6px rgba(0,0,0,.7)!important;
}

/* Give restaurant data a dependable surface instead of relying on the frame. */
#page-home:not(.home-agent-sheet-open) .home-restaurant-card{
  min-height:66px!important;
  padding:7px 8px!important;
  gap:9px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,rgba(27,29,33,.94),rgba(14,15,18,.92))!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(18px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(115%)!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-thumb{
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-info strong{
  color:#fff!important;
  font-weight:700!important;
  text-shadow:none!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-info span{
  color:rgba(255,255,255,.68)!important;
  text-shadow:none!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-info b{
  color:#ffad8f!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-reserve{
  min-height:34px!important;
  padding:0 13px!important;
  background:#ff5f3d!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(255,95,61,.22)!important;
}

/* Clear three-level hierarchy: video scrim -> question chips -> composer. */
#page-home:not(.home-agent-sheet-open) .home-bottom-area .home-control-panel{
  gap:8px!important;
}
#page-home:not(.home-agent-sheet-open) .home-context-questions{
  padding:1px 1px 2px!important;
}
#page-home:not(.home-agent-sheet-open) .home-context-questions button{
  height:36px!important;
  padding:0 15px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:rgba(18,19,22,.58)!important;
  color:rgba(255,255,255,.92)!important;
  font-weight:600!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(108%)!important;
}
#page-home:not(.home-agent-sheet-open) .home-context-questions button:active,
#page-home:not(.home-agent-sheet-open) .home-context-questions button.is-pressed{
  background:#ff5f3d!important;
  border-color:#ff8269!important;
  color:#fff!important;
}
#page-home:not(.home-agent-sheet-open) .home-agent-composer{
  min-height:56px!important;
  padding:6px 7px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(18,19,22,.72)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.03)!important;
  backdrop-filter:blur(14px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(110%)!important;
}
#page-home:not(.home-agent-sheet-open) .home-agent-composer:focus-within{
  border-color:rgba(255,107,74,.72)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.16),0 0 0 3px rgba(255,95,61,.10)!important;
}
#page-home:not(.home-agent-sheet-open) .home-agent-composer input,
#page-home:not(.home-agent-sheet-open) .home-agent-composer input:focus{
  color:#f7f7f8!important;
  caret-color:#ff6b4a!important;
}
#page-home:not(.home-agent-sheet-open) .home-agent-composer input::placeholder{
  color:rgba(255,255,255,.56)!important;
}
#page-home:not(.home-agent-sheet-open) .home-agent-composer > img{
  border-color:rgba(255,255,255,.14)!important;
  background:#fff4ec!important;
}
#page-home:not(.home-agent-sheet-open) .home-control-mic{
  background:#ff5f3d!important;
  box-shadow:0 4px 12px rgba(255,95,61,.20)!important;
}

@media (max-height:700px){
  #page-home:not(.home-agent-sheet-open) .home-restaurant-card{
    min-height:58px!important;
    padding:6px 7px!important;
  }
  #page-home:not(.home-agent-sheet-open) .home-context-questions button{
    height:32px!important;
  }
  #page-home:not(.home-agent-sheet-open) .home-agent-composer{
    min-height:52px!important;
  }
}

/* 首页餐厅信息卡：压矮高度，给右侧喜欢/收藏留位，标题与卡片收紧 */
#page-home:not(.home-agent-sheet-open) .home-video-copy,
#page-home:not(.home-agent-sheet-open).home-questions-visible .home-video-copy{
  left:14px!important;
  right:58px!important;
  bottom:calc(148px + env(safe-area-inset-bottom,0px))!important;
  gap:5px!important;
  padding:0!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-summary{
  margin:0!important;
  padding:0!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-dish-name{
  font-size:clamp(18px,4.8vw,22px)!important;
  line-height:1.2!important;
  margin:0!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-summary p{
  margin:2px 0 0!important;
  font-size:11px!important;
  line-height:1.3!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-card{
  width:fit-content!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:5px 6px 5px 5px!important;
  gap:8px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:13px!important;
  background:rgba(15,16,19,.92)!important;
  box-shadow:0 7px 20px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(12px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(108%)!important;
  align-items:center!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-thumb{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:9px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-info{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:none!important;
  gap:1px!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-info strong{
  font-size:13.5px!important;
  line-height:1.2!important;
  text-shadow:none!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-info span{
  color:rgba(255,255,255,.72)!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  text-shadow:none!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-reserve{
  min-height:30px!important;
  height:30px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  box-shadow:0 4px 12px rgba(255,95,61,.28)!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-primary-actions,
#page-home:not(.home-agent-sheet-open).home-questions-visible .home-example-primary-actions{
  top:auto!important;
  bottom:calc(148px + env(safe-area-inset-bottom,0px))!important;
  transform:none!important;
  right:8px!important;
}
@media (max-height:700px){
  #page-home:not(.home-agent-sheet-open) .home-video-copy,
  #page-home:not(.home-agent-sheet-open).home-questions-visible .home-video-copy{
    bottom:calc(138px + env(safe-area-inset-bottom,0px))!important;
  }
  #page-home:not(.home-agent-sheet-open) .home-example-primary-actions,
  #page-home:not(.home-agent-sheet-open).home-questions-visible .home-example-primary-actions{
    bottom:calc(138px + env(safe-area-inset-bottom,0px))!important;
  }
  #page-home:not(.home-agent-sheet-open) .home-restaurant-thumb{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
  }
}

/* 膨胀券在创作者条下；有膨胀券时「为什么推荐」再往下，避免挡住 */
#page-home .home-video-offer{
  top:max(134px, calc(env(safe-area-inset-top, 0px) + 118px))!important;
  left:14px!important;
  z-index:13!important;
}
#page-home .home-example-ai-reason,
#page-home .home-example-ai-reason.is-expanded,
#page-home .is-reveal-reason .home-example-ai-reason{
  top:max(134px, calc(env(safe-area-inset-top, 0px) + 118px))!important;
  bottom:auto!important;
  z-index:12!important;
}
#page-home .home-example-card:has(.home-video-offer) .home-example-ai-reason,
#page-home .home-example-card:has(.home-video-offer) .home-example-ai-reason.is-expanded,
#page-home .home-example-card:has(.home-video-offer).is-reveal-reason .home-example-ai-reason,
#page-home .home-recommendation-unit:has(.home-video-offer) .home-example-ai-reason,
#page-home .home-recommendation-unit:has(.home-video-offer) .home-example-ai-reason.is-expanded{
  top:max(174px, calc(env(safe-area-inset-top, 0px) + 158px))!important;
}
@media (max-height:780px){
  #page-home .home-video-offer{
    top:max(126px, calc(env(safe-area-inset-top, 0px) + 110px))!important;
  }
  #page-home .home-example-ai-reason,
  #page-home .home-example-ai-reason.is-expanded{
    top:max(126px, calc(env(safe-area-inset-top, 0px) + 110px))!important;
  }
  #page-home .home-example-card:has(.home-video-offer) .home-example-ai-reason,
  #page-home .home-example-card:has(.home-video-offer) .home-example-ai-reason.is-expanded,
  #page-home .home-recommendation-unit:has(.home-video-offer) .home-example-ai-reason,
  #page-home .home-recommendation-unit:has(.home-video-offer) .home-example-ai-reason.is-expanded{
    top:max(164px, calc(env(safe-area-inset-top, 0px) + 148px))!important;
  }
}
@media (max-height:700px){
  #page-home .home-video-offer{
    top:max(118px, calc(env(safe-area-inset-top, 0px) + 102px))!important;
  }
  #page-home .home-example-ai-reason,
  #page-home .home-example-ai-reason.is-expanded{
    top:max(118px, calc(env(safe-area-inset-top, 0px) + 102px))!important;
  }
  #page-home .home-example-card:has(.home-video-offer) .home-example-ai-reason,
  #page-home .home-example-card:has(.home-video-offer) .home-example-ai-reason.is-expanded,
  #page-home .home-recommendation-unit:has(.home-video-offer) .home-example-ai-reason,
  #page-home .home-recommendation-unit:has(.home-video-offer) .home-example-ai-reason.is-expanded{
    top:max(154px, calc(env(safe-area-inset-top, 0px) + 138px))!important;
    max-height:min(22vh, 160px)!important;
  }
}

/* 快捷标签：保证横滑容器宽度受限，可 overflow-x 滑动 */
#page-home:not(.home-agent-sheet-open) .home-bottom-area,
#page-home:not(.home-agent-sheet-open) .home-control-panel{
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
#page-home:not(.home-agent-sheet-open) .home-context-questions,
#page-home:not(.home-agent-sheet-open) .home-context-questions.is-ready,
#page-home:not(.home-agent-sheet-open) .is-questions-ready .home-context-questions{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;
  scroll-snap-type:x proximity;
}
#page-home:not(.home-agent-sheet-open) .home-context-questions::-webkit-scrollbar{
  display:none!important;
}
#page-home:not(.home-agent-sheet-open) .home-context-questions button{
  flex:0 0 auto!important;
  max-width:min(78vw, 280px)!important;
  white-space:nowrap!important;
  touch-action:manipulation!important;
}

/* 「为什么推荐」高度/间隔对齐设计稿 */
#page-home .home-example-ai-reason,
#page-home .home-example-ai-reason.is-expanded,
#page-home .is-reveal-reason .home-example-ai-reason{
  width:min(286px, calc(100vw - 72px))!important;
  max-width:min(286px, calc(100vw - 72px))!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  padding:18px 18px 0!important;
  gap:16px!important;
  border-radius:22px!important;
  background:rgba(28,24,22,.72)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#page-home .home-why-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:24px!important;
}
#page-home .home-why-header b{
  flex:1 1 auto!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.25!important;
  color:#fff!important;
}
#page-home .home-why-header button{
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
#page-home .home-why-header button .material-symbols-outlined{
  font-size:16px!important;
  color:rgba(255,255,255,.92)!important;
}
#page-home .home-why-match{
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  gap:6px!important;
  margin:0!important;
}
#page-home .home-why-match strong{
  color:#6fcb83!important;
  font-size:28px!important;
  font-weight:750!important;
  letter-spacing:-.03em!important;
  line-height:1!important;
}
#page-home .home-why-match em{
  color:#84d596!important;
  font-size:13px!important;
  font-style:normal!important;
  font-weight:700!important;
}
#page-home .home-why-list{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  margin:0!important;
  padding:2px 0 2px!important;
}
#page-home .home-why-row{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  align-items:start!important;
  gap:12px!important;
}
#page-home .home-why-row>.material-symbols-outlined{
  font-size:22px!important;
  line-height:1.2!important;
  color:rgba(255,255,255,.92)!important;
  font-variation-settings:'wght' 350!important;
}
#page-home .home-why-row>span:last-child{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
#page-home .home-why-row b{
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.3!important;
  white-space:normal!important;
  color:#fff!important;
}
#page-home .home-why-row small,
#page-home .home-why-detail{
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
  font-size:11px!important;
  line-height:1.4!important;
  color:rgba(255,255,255,.72)!important;
  white-space:normal!important;
  word-break:break-word!important;
}
#page-home .home-why-more{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:auto!important;
  min-height:44px!important;
  height:44px!important;
  margin:4px -18px 0!important;
  padding:0 18px!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.88)!important;
  font-size:12px!important;
  font-weight:600!important;
}
#page-home .home-why-more .material-symbols-outlined{
  font-size:18px!important;
  transition:transform .2s ease;
}
#page-home .home-example-ai-reason.is-expanded .home-why-more .material-symbols-outlined{
  transform:rotate(180deg);
}
@media (max-height:700px){
  #page-home .home-example-ai-reason,
  #page-home .home-example-ai-reason.is-expanded{
    padding:16px 16px 0!important;
    gap:14px!important;
    max-height:min(52vh, 420px)!important;
    overflow-y:auto!important;
  }
  #page-home .home-why-list{gap:14px!important}
  #page-home .home-why-match strong{font-size:24px!important}
  #page-home .home-why-more{margin:4px -16px 0!important}
}

/* 「为什么推荐」：相对视频画幅比例缩放；隐藏叹号与查看更多 */
#page-home .home-example-ai-reason,
#page-home .home-example-ai-reason.is-expanded,
#page-home .is-reveal-reason .home-example-ai-reason{
  --why-scale: min(1, calc(var(--bw-app-height, 100vh) / 780px));
  width:calc(210px * var(--why-scale))!important;
  max-width:min(calc(54vw * var(--why-scale) + 40px), calc(100vw - 88px))!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  padding:calc(12px * var(--why-scale)) calc(12px * var(--why-scale)) calc(12px * var(--why-scale))!important;
  gap:calc(10px * var(--why-scale))!important;
  border-radius:calc(16px * var(--why-scale))!important;
  background:rgba(28,24,22,.72)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#page-home .home-why-header{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-height:0!important;
}
#page-home .home-why-header b{
  flex:1 1 auto!important;
  font-size:calc(12px * var(--why-scale, 1))!important;
  font-weight:700!important;
  line-height:1.25!important;
  color:#fff!important;
}
#page-home .home-why-more{
  display:none!important;
}
#page-home .home-why-match{
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  gap:calc(4px * var(--why-scale, 1))!important;
  margin:0!important;
}
#page-home .home-why-match strong{
  color:#6fcb83!important;
  font-size:calc(22px * var(--why-scale, 1))!important;
  font-weight:750!important;
  letter-spacing:-.03em!important;
  line-height:1!important;
}
#page-home .home-why-match em{
  color:#84d596!important;
  font-size:calc(11px * var(--why-scale, 1))!important;
  font-style:normal!important;
  font-weight:700!important;
}
#page-home .home-why-list{
  display:flex!important;
  flex-direction:column!important;
  gap:calc(12px * var(--why-scale, 1))!important;
  margin:0!important;
  padding:0!important;
}
#page-home .home-why-row{
  display:grid!important;
  grid-template-columns:calc(18px * var(--why-scale, 1)) minmax(0,1fr)!important;
  align-items:start!important;
  gap:calc(8px * var(--why-scale, 1))!important;
}
#page-home .home-why-row>.material-symbols-outlined{
  font-size:calc(17px * var(--why-scale, 1))!important;
  line-height:1.2!important;
  color:rgba(255,255,255,.92)!important;
  font-variation-settings:'wght' 350!important;
}
#page-home .home-why-row>span:last-child{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:calc(3px * var(--why-scale, 1))!important;
}
#page-home .home-why-row b{
  font-size:calc(11px * var(--why-scale, 1))!important;
  font-weight:700!important;
  line-height:1.3!important;
  white-space:normal!important;
  color:#fff!important;
}
#page-home .home-why-row small,
#page-home .home-why-detail{
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
  font-size:calc(9.5px * var(--why-scale, 1))!important;
  line-height:1.35!important;
  color:rgba(255,255,255,.72)!important;
  white-space:normal!important;
  word-break:break-word!important;
}
@media (max-height:700px){
  #page-home .home-example-ai-reason,
  #page-home .home-example-ai-reason.is-expanded{
    --why-scale: min(.92, calc(var(--bw-app-height, 100vh) / 760px));
  }
}
@media (max-height:640px){
  #page-home .home-example-ai-reason,
  #page-home .home-example-ai-reason.is-expanded{
    --why-scale: min(.86, calc(var(--bw-app-height, 100vh) / 720px));
  }
}

/* 首页布局：未揭示时视频全幅；底部对话区出现后上方自动缩小，底区黑底（对照设计稿） */
#page-home.page.active,
#page-home:not(.home-agent-sheet-open) .home-main,
#page-home:not(.home-agent-sheet-open) .home-discovery,
#page-home:not(.home-agent-sheet-open) .home-example-card{
  background:#0c0c0e!important;
}
#page-home:not(.home-agent-sheet-open) .home-main{
  display:flex!important;
  flex-direction:column!important;
  padding:0 0 calc(62px + env(safe-area-inset-bottom,0px))!important;
  min-height:0!important;
  overflow:hidden!important;
  border:0!important;
}
#page-home:not(.home-agent-sheet-open) .home-discovery,
#page-home:not(.home-agent-sheet-open) .home-example-track,
#page-home:not(.home-agent-sheet-open) .home-example-card{
  flex:1 1 auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
#page-home:not(.home-agent-sheet-open) .home-recommendation-unit{
  flex:0 0 100%!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-card{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  border:0!important;
}
#page-home:not(.home-agent-sheet-open) .home-video-stage{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#000!important;
}
#page-home:not(.home-agent-sheet-open) .home-video-stage .home-example-video-button,
#page-home:not(.home-agent-sheet-open) .home-video-stage .home-video-scrim{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:0!important;
}
#page-home:not(.home-agent-sheet-open) .home-video-copy,
#page-home:not(.home-agent-sheet-open).home-questions-visible .home-video-copy{
  position:absolute!important;
  left:14px!important;
  right:58px!important;
  bottom:calc(148px + env(safe-area-inset-bottom,0px))!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  z-index:8!important;
  pointer-events:none!important;
}
#page-home:not(.home-agent-sheet-open) .home-video-copy .home-restaurant-card,
#page-home:not(.home-agent-sheet-open) .home-video-copy button{
  pointer-events:auto!important;
}

/* 默认：底部浮层（揭示前也可待命）；揭示后改为文档流分区，上面缩小 */
#page-home:not(.home-agent-sheet-open) .home-bottom-area{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:calc(69px + env(safe-area-inset-bottom,0px))!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-top:0!important;
  box-shadow:none!important;
  outline:0!important;
  z-index:30!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}
#page-home:not(.home-agent-sheet-open) .home-bottom-area .home-control-panel{
  gap:8px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
#page-home:not(.home-agent-sheet-open) .home-bottom-area .home-context-questions,
#page-home:not(.home-agent-sheet-open) .home-bottom-area .home-agent-composer{
  pointer-events:auto!important;
}
body.home-inline-keyboard-open #page-home:not(.home-agent-sheet-open) .home-bottom-area{
  bottom:10px!important;
}

/* ===== 设计稿分区：底部展示时，上方视频卡自动缩小；底区黑底 ===== */
/* solid black replaced by frosted block below */
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-main{
  gap:0!important;
}
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-discovery{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  padding:8px 12px 0!important;
  box-sizing:border-box!important;
}
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-example-track,
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-recommendation-unit.is-active,
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-recommendation-unit.is-active .home-example-card{
  height:100%!important;
  min-height:0!important;
}
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-recommendation-unit.is-active .home-example-card{
  border-radius:18px!important;
  overflow:hidden!important;
  background:#111!important;
  box-shadow:0 10px 28px rgba(0,0,0,.35)!important;
}
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-video-stage,
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-video-stage .home-example-video-button,
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-video-stage .home-video-scrim{
  border-radius:18px!important;
}
/* 底区占位后，文案贴视频卡底部，不再为浮层预留大空白 */
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-video-copy,
#page-home:not(.home-agent-sheet-open).home-questions-visible:has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-video-copy{
  left:12px!important;
  right:56px!important;
  bottom:12px!important;
}
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-example-primary-actions,
#page-home:not(.home-agent-sheet-open).home-questions-visible:has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-example-primary-actions{
  top:auto!important;
  bottom:18px!important;
  right:8px!important;
  transform:none!important;
}
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-bottom-area{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  flex:0 0 auto!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:10px 14px 12px!important;
  border:0!important;
  z-index:30!important;
  pointer-events:auto!important;
  box-sizing:border-box!important;
  animation:homeAgentIn .24s ease both;
}
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-bottom-area .home-control-panel{
  gap:10px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-context-questions button{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:rgba(255,255,255,.92)!important;
}
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-agent-composer{
  background:rgba(28,28,30,.96)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
body.home-inline-keyboard-open #page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-bottom-area{
  bottom:auto!important;
  padding-bottom:max(12px, env(safe-area-inset-bottom, 0px))!important;
}
@media (max-height:700px){
  #page-home:not(.home-agent-sheet-open) .home-video-copy,
  #page-home:not(.home-agent-sheet-open).home-questions-visible .home-video-copy{
    bottom:calc(138px + env(safe-area-inset-bottom,0px))!important;
  }
  #page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-video-copy,
  #page-home:not(.home-agent-sheet-open).home-questions-visible:has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-video-copy{
    bottom:10px!important;
  }
  #page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-discovery{
    padding:6px 10px 0!important;
  }
}

/* Feed and tab icons are local SVGs so font-loading failures never expose icon names. */
#page-home .home-video-offer > svg,
.app-tabbar-item > svg,
#page-home .home-why-row > svg,
#page-home .home-restaurant-reserve > svg,
#page-home .home-control-mic > svg,
#page-home .home-example-video-play > svg,
#page-home .home-dining-credits-icon > svg{
  display:block;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#page-home .home-video-offer > svg{
  width:15px;
  height:15px;
}
#page-home .home-why-row > svg{
  width:18px;
  height:18px;
  color:rgba(255,255,255,.92);
}
#page-home .home-restaurant-reserve > svg{
  width:16px;
  height:16px;
}
#page-home .home-control-mic > svg{
  width:23px;
  height:23px;
}
#page-home .home-example-video-play > svg{
  width:46px;
  height:46px;
  fill:currentColor;
  stroke:none;
}
#page-home .home-dining-credits-icon > svg{
  width:22px;
  height:22px;
}
.app-tabbar-item > svg{
  width:25px;
  height:25px;
}
.app-tabbar-item.is-active > svg .app-tab-icon-fill{
  fill:currentColor;
}

/* ===== 磨砂黑：首页整体黑底改为磨砂质感 ===== */
#page-home.page.active,
#page-home:not(.home-agent-sheet-open) .home-main,
#page-home:not(.home-agent-sheet-open) .home-discovery,
#page-home:not(.home-agent-sheet-open) .home-example-card{
  background:#0c0c0e!important;
}
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-main,
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-bottom-area,
:root[data-theme="light"] #page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation).page.active,
:root[data-theme="light"] #page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-main,
:root[data-theme="light"] #page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-discovery,
:root[data-theme="light"] #page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-bottom-area{
  background:
    linear-gradient(180deg,rgba(28,28,32,.78) 0%,rgba(14,14,16,.88) 100%)!important;
  backdrop-filter:blur(28px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(118%)!important;
  color:#f3f3f5!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-bottom-area{
  border-top:1px solid rgba(255,255,255,.06)!important;
}
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-recommendation-unit.is-active .home-example-card{
  background:rgba(18,18,22,.72)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(18px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(110%)!important;
}
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-context-questions button{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(14px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(110%)!important;
}
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-agent-composer{
  background:rgba(32,32,36,.72)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(20px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(120%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}


/* 「为什么推荐」改到右侧展示（避开右侧喜欢/收藏叠层） */
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason,
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-expanded,
#page-home:not(.home-agent-sheet-open) .is-reveal-reason .home-example-ai-reason{
  left:auto!important;
  right:10px!important;
  width:fit-content!important;
  max-width:min(168px, calc(100vw - 72px))!important;
  min-width:0!important;
  text-align:left!important;
  z-index:12!important;
}
/* 有膨胀券时券仍在左侧，右侧 why 不再为避让券而下移 */
#page-home:not(.home-agent-sheet-open) .home-example-card:has(.home-video-offer) .home-example-ai-reason,
#page-home:not(.home-agent-sheet-open) .home-example-card:has(.home-video-offer) .home-example-ai-reason.is-expanded,
#page-home:not(.home-agent-sheet-open) .home-recommendation-unit:has(.home-video-offer) .home-example-ai-reason,
#page-home:not(.home-agent-sheet-open) .home-recommendation-unit:has(.home-video-offer) .home-example-ai-reason.is-expanded{
  top:max(134px, calc(env(safe-area-inset-top, 0px) + 118px))!important;
}
/* 右侧互动按钮下沉，避免与 why 卡抢位 */
#page-home:not(.home-agent-sheet-open) .home-example-primary-actions,
#page-home:not(.home-agent-sheet-open).home-questions-visible .home-example-primary-actions{
  top:auto!important;
  bottom:calc(148px + env(safe-area-inset-bottom,0px))!important;
  right:8px!important;
  transform:none!important;
  z-index:13!important;
}
@media (max-width:380px){
  #page-home:not(.home-agent-sheet-open) .home-example-ai-reason,
  #page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-expanded{
    right:8px!important;
    max-width:min(150px, calc(100vw - 64px))!important;
  }
}

/* Compact light home chrome: keep navigation visible without a tall black band. */
#page-home > header{
  height:calc(52px + env(safe-area-inset-top,0px))!important;
  min-height:calc(52px + env(safe-area-inset-top,0px))!important;
  border-bottom:1px solid rgba(55,45,38,.08)!important;
  background:rgba(255,252,248,.88)!important;
  color:#26211e!important;
  box-shadow:0 1px 0 rgba(255,255,255,.38)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(120%)!important;
}
#page-home > header > div{
  height:calc(52px + env(safe-area-inset-top,0px))!important;
  min-height:calc(52px + env(safe-area-inset-top,0px))!important;
  padding:env(safe-area-inset-top,0px) 14px 0!important;
}
#page-home .home-header-brand{
  color:#26211e!important;
  font-size:14px!important;
  font-weight:650!important;
}
#page-home .home-header-logo{
  width:24px!important;
  height:24px!important;
}
#page-home #home-lang-btn{
  width:32px!important;
  height:32px!important;
  border:1px solid rgba(55,45,38,.15)!important;
  background:rgba(255,255,255,.72)!important;
  color:#4f4945!important;
  box-shadow:none!important;
}
#page-home #home-location-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-height:44px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#page-home #home-location-chip .material-symbols-outlined{
  font-size:18px!important;
}
body.bito-feed-active #home-location-chip,
#page-home.bito-feed-active #home-location-chip{
  display:none!important;
}
#page-home #home-lang-menu{
  top:calc(48px + env(safe-area-inset-top,0px))!important;
  border-color:rgba(55,45,38,.10)!important;
  background:rgba(255,252,248,.98)!important;
  color:#26211e!important;
}
#page-home #home-lang-menu button{color:#26211e!important}
#page-home .home-creator-bar{
  top:max(60px,calc(env(safe-area-inset-top,0px) + 56px))!important;
}

/* ===== Preference studio v6 — real preference ring + final copy ===== */
#acct-dietary .preference-studio-page-note{
  margin:14px 2px 2px!important;
  color:var(--bw-copy)!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}
#acct-dietary .preference-studio-chart{
  height:320px!important;
  margin-top:0!important;
}
#acct-dietary .preference-studio-chart-title{
  position:absolute!important;
  top:9px!important;
  left:50%!important;
  z-index:5!important;
  width:max-content!important;
  max-width:70%!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  color:var(--bw-ink)!important;
  font-size:15px!important;
  font-weight:750!important;
  line-height:1.3!important;
  text-align:center!important;
}
#acct-dietary .preference-studio-donut{top:54%!important}
#acct-dietary .preference-studio-score span{
  max-width:82px!important;
  line-height:1.25!important;
  white-space:normal!important;
}
#acct-dietary .preference-studio-callouts{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  pointer-events:none!important;
}
#acct-dietary .preference-studio-callout b{
  max-width:104px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#acct-dietary .preference-studio-callout small{
  color:var(--bw-muted)!important;
  font-size:8.5px!important;
  font-weight:600!important;
}
#acct-dietary .preference-studio-callout.is-1{left:7px!important;right:auto!important;top:66px!important;bottom:auto!important;text-align:right!important}
#acct-dietary .preference-studio-callout.is-1::after{left:calc(100% + 6px)!important;right:auto!important;transform:rotate(8deg)!important;transform-origin:left center!important}
#acct-dietary .preference-studio-callout.is-2{right:7px!important;left:auto!important;top:66px!important;bottom:auto!important;text-align:left!important}
#acct-dietary .preference-studio-callout.is-2::after{right:calc(100% + 6px)!important;left:auto!important;transform:rotate(-8deg)!important;transform-origin:right center!important}
#acct-dietary .preference-studio-callout.is-3{left:0!important;right:auto!important;top:157px!important;bottom:auto!important;text-align:right!important}
#acct-dietary .preference-studio-callout.is-3::after{left:calc(100% + 6px)!important;right:auto!important;transform:none!important}
#acct-dietary .preference-studio-callout.is-4{right:0!important;left:auto!important;top:157px!important;bottom:auto!important;text-align:left!important}
#acct-dietary .preference-studio-callout.is-4::after{right:calc(100% + 6px)!important;left:auto!important;transform:none!important}
#acct-dietary .preference-studio-callout.is-5{left:13px!important;right:auto!important;top:auto!important;bottom:24px!important;text-align:right!important}
#acct-dietary .preference-studio-callout.is-5::after{left:calc(100% + 6px)!important;right:auto!important;transform:rotate(-8deg)!important;transform-origin:left center!important}
#acct-dietary .preference-studio-callout.is-6{right:13px!important;left:auto!important;top:auto!important;bottom:24px!important;text-align:left!important}
#acct-dietary .preference-studio-callout.is-6::after{
  right:calc(100% + 6px)!important;
  left:auto!important;
  transform:rotate(8deg)!important;
  transform-origin:right center!important;
}
#acct-dietary .preference-studio-control-head{
  justify-content:flex-start!important;
}
@media (max-width:380px){
  #acct-dietary .preference-studio-chart{height:298px!important}
  #acct-dietary .preference-studio-chart-title{top:7px!important;font-size:14px!important}
  #acct-dietary .preference-studio-callout::after{width:32px!important}
  #acct-dietary .preference-studio-callout b{max-width:88px!important;font-size:9.5px!important}
  #acct-dietary .preference-studio-callout.is-1,
  #acct-dietary .preference-studio-callout.is-2{top:58px!important}
  #acct-dietary .preference-studio-callout.is-3,
  #acct-dietary .preference-studio-callout.is-4{top:144px!important}
  #acct-dietary .preference-studio-callout.is-5,
  #acct-dietary .preference-studio-callout.is-6{bottom:17px!important}
}

/* Reference layout fallback: explicit page state, no :has() dependency. */
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-main{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  background:#0c0c0e!important;
}
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-discovery{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  padding:8px 10px 0!important;
  background:#0c0c0e!important;
  box-sizing:border-box!important;
}
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-example-track,
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-recommendation-unit,
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-example-card{
  height:100%!important;
  min-height:0!important;
}
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-recommendation-unit{
  flex:0 0 100%!important;
}
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-example-card,
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-video-stage,
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-example-video-button,
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-video-scrim{
  border-radius:18px!important;
}
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-example-card{
  overflow:hidden!important;
  background:#111!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.32)!important;
}
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-video-copy{
  left:12px!important;
  right:56px!important;
  bottom:12px!important;
}
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-example-primary-actions{
  top:auto!important;
  right:8px!important;
  bottom:18px!important;
  transform:none!important;
}
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-bottom-area{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  flex:0 0 auto!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:10px 10px 12px!important;
  background:#0c0c0e!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  pointer-events:auto!important;
  box-sizing:border-box!important;
}
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-bottom-area .home-control-panel{
  gap:10px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-context-questions button{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:none!important;
}
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-agent-composer{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
@media (max-height:700px){
  #page-home.home-questions-visible:not(.home-agent-sheet-open) .home-discovery{
    padding:6px 8px 0!important;
  }
  #page-home.home-questions-visible:not(.home-agent-sheet-open) .home-video-copy{
    bottom:10px!important;
  }
  #page-home.home-questions-visible:not(.home-agent-sheet-open) .home-bottom-area{
    padding:8px 8px 10px!important;
  }
}

/* Warm espresso black sampled from the visual reference (not neutral #000). */
#page-home{
  --home-espresso-950:#100a05;
  --home-espresso-900:#17110d;
  --home-espresso-850:#1d1612;
  --home-espresso-800:#241b16;
}
#page-home.page.active,
#page-home:not(.home-agent-sheet-open) .home-main,
#page-home:not(.home-agent-sheet-open) .home-discovery{
  background:var(--home-espresso-900)!important;
}
#page-home:not(.home-agent-sheet-open) .home-video-scrim{
  background:
    linear-gradient(180deg,rgba(18,11,6,.42) 0%,rgba(18,11,6,.08) 22%,transparent 38%),
    linear-gradient(0deg,rgba(15,9,4,.88) 0%,rgba(20,12,6,.78) 17%,rgba(29,18,10,.52) 36%,rgba(34,21,12,.20) 54%,transparent 72%)!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-card{
  background:linear-gradient(135deg,rgba(43,32,26,.91),rgba(25,18,14,.90))!important;
  border-color:rgba(255,231,213,.14)!important;
  box-shadow:0 8px 22px rgba(10,6,3,.20),inset 0 1px 0 rgba(255,244,235,.035)!important;
}
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-main,
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-discovery,
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-bottom-area,
#page-home.home-questions-visible:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-main,
#page-home.home-questions-visible:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-bottom-area{
  background:linear-gradient(180deg,var(--home-espresso-850) 0%,var(--home-espresso-900) 100%)!important;
  color:#fff!important;
}
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-example-card,
#page-home.home-questions-visible:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-recommendation-unit.is-active .home-example-card{
  background:var(--home-espresso-950)!important;
  border-color:rgba(255,232,215,.10)!important;
  box-shadow:0 12px 32px rgba(9,5,2,.30),inset 0 1px 0 rgba(255,244,235,.035)!important;
}
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-context-questions button,
#page-home.home-questions-visible:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-context-questions button{
  background:rgba(67,50,40,.42)!important;
  border-color:rgba(255,232,215,.15)!important;
  color:rgba(255,250,246,.92)!important;
  backdrop-filter:blur(12px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(108%)!important;
}
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-agent-composer,
#page-home.home-questions-visible:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-agent-composer{
  background:rgba(56,42,34,.54)!important;
  border-color:rgba(255,232,215,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,244,235,.04)!important;
  backdrop-filter:blur(16px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(112%)!important;
}
body.home-page-active .app-tabbar,
body.app-main-tab-active .app-tabbar{
  background:rgba(20,15,12,.94)!important;
  border-top-color:rgba(255,232,215,.10)!important;
}


/* 为什么推荐：去掉匹配度；右上角关闭按钮可点隐藏 */
#page-home .home-why-match{
  display:none!important;
}
#page-home .home-why-header button.home-why-collapse,
#page-home .home-why-collapse{
  display:grid!important;
  place-items:center!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.88)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  -webkit-tap-highlight-color:transparent;
}
#page-home .home-why-collapse:active,
#page-home .home-why-collapse.is-pressed{
  background:transparent!important;
  color:#fff!important;
  opacity:.72!important;
  transform:none!important;
}
#page-home .home-why-collapse .material-symbols-outlined{
  font-size:18px!important;
  line-height:1!important;
  color:inherit!important;
  font-variation-settings:'wght' 500!important;
}
#page-home .home-example-ai-reason.is-dismissed{
  display:none!important;
}
/* 四行理由 icon 加轻色区分 */
#page-home .home-why-row>svg{
  width:20px!important;
  height:20px!important;
  margin-top:1px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#page-home .home-why-row>svg path,
#page-home .home-why-row>svg rect,
#page-home .home-why-row>svg circle{
  fill:none!important;
  stroke:currentColor!important;
}
#page-home .home-why-row:nth-child(1)>svg{color:#ff9a74!important}
#page-home .home-why-row:nth-child(2)>svg{color:#7dd3a0!important}
#page-home .home-why-row:nth-child(3)>svg{color:#7eb8ff!important}
#page-home .home-why-row:nth-child(4)>svg{color:#ffd27a!important}
#page-home .home-why-row>.material-symbols-outlined{
  color:inherit!important;
}
#page-home .home-why-row:nth-child(1)>.material-symbols-outlined{color:#ff9a74!important}
#page-home .home-why-row:nth-child(2)>.material-symbols-outlined{color:#7dd3a0!important}
#page-home .home-why-row:nth-child(3)>.material-symbols-outlined{color:#7eb8ff!important}
#page-home .home-why-row:nth-child(4)>.material-symbols-outlined{color:#ffd27a!important}


/* 创作者栏：仅保留「已帮助」信息，避免截断 */
#page-home .home-creator-bar{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:6px!important;
  left:14px!important;
  right:16px!important;
  pointer-events:none!important;
}
#page-home .home-creator-top{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  pointer-events:none!important;
}
#page-home .home-creator-top .home-creator-open,
#page-home .home-creator-top .home-creator-follow{
  pointer-events:auto!important;
}
#page-home .home-creator-top .home-creator-open{flex:1 1 auto!important;min-width:0!important}
#page-home .home-creator-top .home-creator-follow{flex:0 0 auto!important;margin-left:auto!important}
#page-home .home-creator-stats,
.home-creator-sheet .home-creator-stats{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  max-width:100%!important;
  padding:0 2px!important;
  pointer-events:none!important;
}
#page-home .home-creator-stat,
.home-creator-sheet .home-creator-stat{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  max-width:100%!important;
  color:rgba(255,255,255,.9)!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
#page-home .home-creator-stat em,
.home-creator-sheet .home-creator-stat em{
  font-style:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#page-home .home-creator-stat .material-symbols-outlined,
.home-creator-sheet .home-creator-stat .material-symbols-outlined{
  flex:0 0 auto!important;
  font-size:14px!important;
}
#page-home .home-creator-stat-star,
.home-creator-sheet .home-creator-stat-star{
  color:#ffb347!important;
  font-variation-settings:'FILL' 1,'wght' 500!important;
}
.home-creator-sheet .home-creator-stats{
  margin:10px 0 0!important;
  padding:0 18px!important;
}
.home-creator-sheet .home-creator-stat{color:#cfc9c2!important}
/* 创作者栏增高后，why / 膨胀券略下移 */
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason,
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-expanded,
#page-home:not(.home-agent-sheet-open) .is-reveal-reason .home-example-ai-reason{
  top:max(156px, calc(env(safe-area-inset-top, 0px) + 138px))!important;
}
#page-home .home-video-offer{
  top:max(156px, calc(env(safe-area-inset-top, 0px) + 138px))!important;
}

/* 创作者信息变高后，为什么推荐/膨胀券略下移 */
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason,
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-expanded,
#page-home:not(.home-agent-sheet-open) .is-reveal-reason .home-example-ai-reason{
  top:max(168px, calc(env(safe-area-inset-top, 0px) + 148px))!important;
}
#page-home .home-video-offer{
  top:max(168px, calc(env(safe-area-inset-top, 0px) + 148px))!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-card:has(.home-video-offer) .home-example-ai-reason,
#page-home:not(.home-agent-sheet-open) .home-recommendation-unit:has(.home-video-offer) .home-example-ai-reason{
  top:max(168px, calc(env(safe-area-inset-top, 0px) + 148px))!important;
}
@media (max-width:380px){
  #page-home .home-creator-stat,
  .home-creator-sheet .home-creator-stat{font-size:10px!important}
  #page-home .home-creator-stat .material-symbols-outlined,
  .home-creator-sheet .home-creator-stat .material-symbols-outlined{font-size:13px!important}
}


/* 引导页价值点：本地 SVG，避免 Material 字体闪字，也避免系统 emoji 大小不一 */
#page-onboarding .ob-intro-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:24px!important;
  height:24px!important;
  color:#ff6b4a!important;
  line-height:1!important;
}
#page-onboarding .ob-intro-icon > svg{
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#page-onboarding .ob-voucher-feature > .ob-intro-icon{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  background:rgba(255,95,61,.16)!important;
  color:#ff6b4a!important;
}
#page-onboarding .ob-voucher-feature > .ob-intro-icon > svg{
  width:18px!important;
  height:18px!important;
}
#page-onboarding .ob-intro-values .ob-intro-icon{
  width:24px!important;
  height:24px!important;
  margin:0 auto 6px!important;
  color:#ff6b4a!important;
}
#page-onboarding .ob-intro-values .ob-intro-icon > svg{
  width:22px!important;
  height:22px!important;
}
:root[data-theme="dark"] #page-onboarding .ob-intro-values .ob-intro-icon{
  color:#ff7a45!important;
}
/* 星标略填充，更接近原来的 filled star */
#page-onboarding .ob-intro-values li:nth-child(2) .ob-intro-icon > svg{
  fill:currentColor!important;
  stroke:currentColor!important;
  stroke-width:1.1!important;
}

/* 上滑后保持分区布局：不依赖当前条是否已到 6 秒揭示，避免高度跳动 */
#page-home.home-feed-compact:not(.home-agent-sheet-open) .home-main,
#page-home.home-questions-visible:not(.home-agent-sheet-open) .home-main{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  min-height:0!important;
}
#page-home.home-feed-compact:not(.home-agent-sheet-open) .home-discovery{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:8px 12px 0!important;
  box-sizing:border-box!important;
}
#page-home.home-feed-compact:not(.home-agent-sheet-open) .home-example-track,
#page-home.home-feed-compact:not(.home-agent-sheet-open) .home-recommendation-unit,
#page-home.home-feed-compact:not(.home-agent-sheet-open) .home-example-card{
  height:100%!important;
  min-height:0!important;
}
#page-home.home-feed-compact:not(.home-agent-sheet-open) .home-recommendation-unit{
  flex:0 0 100%!important;
}
#page-home.home-feed-compact:not(.home-agent-sheet-open) .home-bottom-area{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  flex:0 0 auto!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:10px 14px 12px!important;
  z-index:40!important;
  pointer-events:auto!important;
  box-sizing:border-box!important;
}
#page-home.home-feed-compact:not(.home-agent-sheet-open) .home-bottom-area .home-control-panel,
#page-home.home-feed-compact:not(.home-agent-sheet-open) .home-context-questions,
#page-home.home-feed-compact:not(.home-agent-sheet-open) .home-context-questions button,
#page-home.home-feed-compact:not(.home-agent-sheet-open) .home-agent-composer{
  pointer-events:auto!important;
}
#page-home.home-feed-compact:not(.home-agent-sheet-open) .is-questions-ready .home-context-questions,
#page-home.home-feed-compact:not(.home-agent-sheet-open) .home-context-questions.is-ready{
  opacity:1!important;
  transform:none!important;
  display:flex!important;
  z-index:41!important;
}

/* ===== 全屏视频页：why / 店铺卡与首页完全一致 ===== */
.result-video-lightbox-why,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-why,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-why,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-why{
  position:absolute!important;
  z-index:12!important;
  left:auto!important;
  right:10px!important;
  top:max(72px, calc(env(safe-area-inset-top, 0px) + 58px))!important;
  width:fit-content!important;
  max-width:min(168px, calc(100vw - 72px))!important;
  pointer-events:none!important;
}
.result-video-lightbox.is-reveal-details .result-video-lightbox-why{
  pointer-events:auto!important;
}
.result-video-lightbox-why[hidden],
.result-video-lightbox-why.is-dismissed,
.result-video-lightbox-why .home-example-ai-reason.is-dismissed{
  display:none!important;
}
.result-video-lightbox-why .home-example-ai-reason,
.result-video-lightbox-why .home-example-ai-reason.is-expanded{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  display:flex!important;
  flex-direction:column!important;
  width:fit-content!important;
  max-width:min(168px, calc(100vw - 72px))!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:10px 10px 11px!important;
  gap:10px!important;
  border-radius:16px!important;
  background:rgba(28,24,22,.72)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  opacity:1!important;
  transform:none!important;
  text-align:left!important;
  color:#fff!important;
}
.result-video-lightbox-why .home-why-header{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-height:24px!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
}
.result-video-lightbox-why .home-why-header b{
  flex:0 1 auto!important;
  min-width:0!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.25!important;
  color:#fff!important;
}
.result-video-lightbox-why .home-why-collapse,
.result-video-lightbox-why .home-why-header button.home-why-collapse{
  display:grid!important;
  place-items:center!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.88)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
.result-video-lightbox-why .home-why-collapse .material-symbols-outlined{
  font-size:18px!important;
  line-height:1!important;
  color:inherit!important;
}
.result-video-lightbox-why .home-why-match,
.result-video-lightbox-why .home-why-toggle,
.result-video-lightbox-why .result-video-why-card{
  display:none!important;
}
.result-video-lightbox-why .home-why-list{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
.result-video-lightbox-why .home-why-row{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:start!important;
  gap:8px!important;
}
.result-video-lightbox-why .home-why-row>svg{
  width:18px!important;
  height:18px!important;
  margin-top:1px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
}
.result-video-lightbox-why .home-why-row:nth-child(1)>svg{color:#ff9a74!important}
.result-video-lightbox-why .home-why-row:nth-child(2)>svg{color:#7dd3a0!important}
.result-video-lightbox-why .home-why-row:nth-child(3)>svg{color:#7eb8ff!important}
.result-video-lightbox-why .home-why-row:nth-child(4)>svg{color:#ffd27a!important}
.result-video-lightbox-why .home-why-row>span:last-child{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
.result-video-lightbox-why .home-why-row b{
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.3!important;
  color:#fff!important;
  white-space:normal!important;
}
.result-video-lightbox-why .home-why-row small,
.result-video-lightbox-why .home-why-detail{
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
  font-size:10px!important;
  line-height:1.35!important;
  color:rgba(255,255,255,.72)!important;
  white-space:normal!important;
  word-break:break-word!important;
}
/* 取消旧折叠态 */
.result-video-lightbox-why.is-collapsed .home-why-list,
.result-video-lightbox-why.is-collapsed .home-example-ai-reason .home-why-list{
  display:flex!important;
}

/* 灯箱店铺卡：套用首页同款磨砂卡 */
.result-video-lightbox-restaurant,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-restaurant,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-restaurant,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-restaurant{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.result-video-lightbox-restaurant[hidden]{display:none!important}
.result-video-lightbox-restaurant .home-restaurant-card,
.result-video-lightbox .home-restaurant-card{
  position:relative!important;
  width:100%!important;
  min-height:66px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  padding:7px 8px!important;
  border:1px solid rgba(255,231,213,.14)!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,rgba(43,32,26,.91),rgba(25,18,14,.90))!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(10,6,3,.20),inset 0 1px 0 rgba(255,244,235,.035)!important;
  backdrop-filter:blur(18px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(115%)!important;
  text-align:left!important;
  opacity:1!important;
  transform:none!important;
  box-sizing:border-box!important;
}
.result-video-lightbox-restaurant .home-restaurant-thumb,
.result-video-lightbox .home-restaurant-thumb{
  width:50px!important;
  height:50px!important;
  flex:0 0 50px!important;
  border-radius:10px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
.result-video-lightbox-restaurant .home-restaurant-thumb img,
.result-video-lightbox .home-restaurant-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.result-video-lightbox-restaurant .home-restaurant-info,
.result-video-lightbox .home-restaurant-info{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
.result-video-lightbox-restaurant .home-restaurant-info strong,
.result-video-lightbox .home-restaurant-info strong{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  text-shadow:none!important;
}
.result-video-lightbox-restaurant .home-restaurant-info span,
.result-video-lightbox .home-restaurant-info span{
  color:rgba(255,255,255,.68)!important;
  font-size:10px!important;
  line-height:1.35!important;
  text-shadow:none!important;
}
.result-video-lightbox-restaurant .home-restaurant-info b,
.result-video-lightbox .home-restaurant-info b{
  color:#ffad8f!important;
}
.result-video-lightbox-restaurant .home-restaurant-reserve,
.result-video-lightbox .home-restaurant-reserve{
  flex:0 0 auto!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:999px!important;
  background:#ff5f3d!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
  box-shadow:0 6px 16px rgba(255,95,61,.22)!important;
}
.result-video-lightbox-restaurant .home-restaurant-reserve > svg,
.result-video-lightbox .home-restaurant-reserve > svg{
  width:14px!important;
  height:14px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
}
@media (max-width:380px){
  .result-video-lightbox-why,
  .result-video-lightbox-why .home-example-ai-reason{
    right:8px!important;
    max-width:min(150px, calc(100vw - 64px))!important;
  }
}

/* 对话 / Agent / 收藏 / 喜欢：菜名与店铺信息共用同一展示时序 */
.result-video-lightbox[data-source="chat"] .result-video-lightbox-footer{
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:5!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:6px!important;
  padding:56px 64px max(14px,calc(env(safe-area-inset-bottom,0px) + 10px)) 14px!important;
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 34%,rgba(0,0,0,.78) 100%)!important;
  pointer-events:none!important;
  text-align:left!important;
}
.result-video-lightbox[data-source="chat"] .result-video-lightbox-footer > *{pointer-events:auto!important}
.result-video-lightbox[data-source="chat"] .result-video-lightbox-title{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(20px,5.6vw,24px)!important;
  font-weight:800!important;
  line-height:1.18!important;
  text-align:left!important;
}
.result-video-lightbox[data-source="agent"] .result-video-lightbox-title,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-meta,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-restaurant,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-title,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-meta,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-restaurant,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-title,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-meta,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-restaurant,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-title,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-meta,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-restaurant{
  opacity:0!important;
  transform:translateY(12px)!important;
  pointer-events:none!important;
  transition:opacity .32s ease, transform .32s ease!important;
}
.result-video-lightbox[data-source="agent"].is-reveal-details .result-video-lightbox-title,
.result-video-lightbox[data-source="agent"].is-reveal-details .result-video-lightbox-meta,
.result-video-lightbox[data-source="agent"].is-reveal-details .result-video-lightbox-restaurant,
.result-video-lightbox[data-source="profile"].is-reveal-details .result-video-lightbox-title,
.result-video-lightbox[data-source="profile"].is-reveal-details .result-video-lightbox-meta,
.result-video-lightbox[data-source="profile"].is-reveal-details .result-video-lightbox-restaurant,
.result-video-lightbox[data-profile-video-preview="true"].is-reveal-details .result-video-lightbox-title,
.result-video-lightbox[data-profile-video-preview="true"].is-reveal-details .result-video-lightbox-meta,
.result-video-lightbox[data-profile-video-preview="true"].is-reveal-details .result-video-lightbox-restaurant,
.result-video-lightbox[data-source="chat"].is-reveal-details .result-video-lightbox-title,
.result-video-lightbox[data-source="chat"].is-reveal-details .result-video-lightbox-meta,
.result-video-lightbox[data-source="chat"].is-reveal-details .result-video-lightbox-restaurant{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}

/* Full-screen video must cover the fixed app tab bar (tab bar uses z-index 500). */
.result-video-lightbox,
.result-video-lightbox.active{
  z-index:600!important;
}
.result-video-lightbox.active .result-video-lightbox-footer{
  padding-bottom:max(16px, calc(env(safe-area-inset-bottom, 0px) + 12px))!important;
}
@media (max-height:700px){
  .result-video-lightbox.active .result-video-lightbox-footer{
    gap:5px!important;
    padding-top:42px!important;
    padding-bottom:max(12px, calc(env(safe-area-inset-bottom, 0px) + 8px))!important;
  }
  .result-video-lightbox.active .result-video-lightbox-restaurant .home-restaurant-card{
    min-height:58px!important;
  }
  .result-video-lightbox.active .result-video-lightbox-restaurant .home-restaurant-thumb{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
  }
}

/* Mobile Chrome/iOS Chrome: keep the voucher in normal flow below the collage. */
#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-screen{
  height:var(--bw-app-height,100dvh)!important;
  min-height:0!important;
  max-height:var(--bw-app-height,100dvh)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  scroll-padding-bottom:max(20px,env(safe-area-inset-bottom,0px))!important;
}
#page-onboarding[data-ob-layout="design"].is-intro .ob-intro-collage{
  position:relative!important;
  flex:0 0 clamp(200px,36dvh,320px)!important;
  width:100%!important;
  height:clamp(200px,36dvh,320px)!important;
  min-height:200px!important;
  max-height:320px!important;
  margin:0!important;
  overflow:hidden!important;
  contain:layout paint!important;
}
#page-onboarding[data-ob-layout="design"].is-intro .ob-voucher-card.ob-voucher-feature{
  position:static!important;
  inset:auto!important;
  clear:both!important;
  flex:0 0 auto!important;
  width:100%!important;
  max-width:100%!important;
  margin:12px 0!important;
  transform:none!important;
  z-index:auto!important;
  box-sizing:border-box!important;
}
@media (max-height:760px){
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-collage{
    flex-basis:clamp(176px,32dvh,250px)!important;
    height:clamp(176px,32dvh,250px)!important;
    min-height:176px!important;
  }
  #page-onboarding[data-ob-layout="design"].is-intro .ob-voucher-card.ob-voucher-feature{
    margin:10px 0!important;
  }
}

/* Mobile viewport: show every recommendation reason without clipping the last row. */
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason,
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-expanded,
#page-home:not(.home-agent-sheet-open) .is-reveal-reason .home-example-ai-reason{
  --why-top-offset:max(168px,calc(env(safe-area-inset-top,0px) + 148px));
  --why-bottom-clearance:104px;
  top:var(--why-top-offset)!important;
  width:clamp(184px,49vw,210px)!important;
  max-width:calc(100vw - 72px)!important;
  height:auto!important;
  max-height:max(176px,calc(var(--bw-app-height,100dvh) - var(--why-top-offset) - var(--why-bottom-clearance)))!important;
  padding:clamp(10px,1.6dvh,12px)!important;
  gap:clamp(8px,1.4dvh,10px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason::-webkit-scrollbar{
  display:none!important;
}
#page-home:not(.home-agent-sheet-open) .home-why-list{
  flex:0 0 auto!important;
  gap:clamp(8px,1.45dvh,12px)!important;
  padding-bottom:2px!important;
}
#page-home:not(.home-agent-sheet-open) .home-why-row{
  flex:0 0 auto!important;
}
@media (max-height:700px){
  #page-home:not(.home-agent-sheet-open) .home-example-ai-reason,
  #page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-expanded{
    --why-top-offset:max(148px,calc(env(safe-area-inset-top,0px) + 132px));
    --why-bottom-clearance:92px;
    width:clamp(176px,48vw,198px)!important;
  }
}

/* Mobile keyboard: keep the conversation as a bottom sheet, never a full-screen page. */
body.home-inline-keyboard-open #page-home.home-agent-sheet-open .home-bottom-area,
body.bw-keyboard-open #page-home.home-agent-sheet-open .home-bottom-area{
  position:absolute!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:0!important;
  left:50%!important;
  width:min(430px,100%)!important;
  height:var(--home-keyboard-sheet-height,62dvh)!important;
  min-height:0!important;
  max-height:calc(var(--home-viewport-height,var(--bw-app-height,100dvh)) - 12px)!important;
  padding:0!important;
  border-radius:22px 22px 0 0!important;
  overflow:hidden!important;
  transform:translateX(-50%)!important;
  box-sizing:border-box!important;
}
body.home-inline-keyboard-open #page-home.home-agent-sheet-open .home-control-panel,
body.bw-keyboard-open #page-home.home-agent-sheet-open .home-control-panel{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  padding:0 14px max(8px,env(safe-area-inset-bottom,0px))!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.home-inline-keyboard-open #page-home.home-agent-sheet-open .home-agent-drawer-header,
body.bw-keyboard-open #page-home.home-agent-sheet-open .home-agent-drawer-header{
  flex:0 0 56px!important;
  height:56px!important;
  min-height:56px!important;
}
body.home-inline-keyboard-open #page-home.home-agent-sheet-open .home-agent-conversation,
body.bw-keyboard-open #page-home.home-agent-sheet-open .home-agent-conversation{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
body.home-inline-keyboard-open #page-home.home-agent-sheet-open .home-agent-answer-card,
body.bw-keyboard-open #page-home.home-agent-sheet-open .home-agent-answer-card{
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:100%!important;
  padding:10px 2px 8px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scroll-padding-bottom:12px!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
body.home-inline-keyboard-open #page-home.home-agent-sheet-open .home-agent-composer,
body.bw-keyboard-open #page-home.home-agent-sheet-open .home-agent-composer{
  flex:0 0 54px!important;
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  margin:6px 0 0!important;
}

/* Vertical feed: prevent Chrome from retaining an obsolete between-card offset. */
#page-home:not(.home-agent-sheet-open) .home-example-track{
  overflow-anchor:none!important;
  overscroll-behavior-y:contain!important;
  scroll-snap-type:y mandatory!important;
  scroll-padding:0!important;
  touch-action:pan-y!important;
}
#page-home:not(.home-agent-sheet-open) .home-recommendation-unit{
  overflow-anchor:none!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
}

/* Why card: one consistent collapse/expand interaction on home and lightbox. */
#page-home .home-example-ai-reason.is-collapsed,
.result-video-lightbox-why.is-collapsed .home-example-ai-reason{
  width:max-content!important;
  min-width:0!important;
  max-width:calc(100vw - 72px)!important;
  height:auto!important;
  max-height:none!important;
  padding:10px!important;
  gap:0!important;
  overflow:hidden!important;
}
#page-home .home-example-ai-reason.is-collapsed .home-why-list,
.result-video-lightbox-why.is-collapsed .home-why-list,
.result-video-lightbox-why.is-collapsed .home-example-ai-reason .home-why-list{
  display:none!important;
}
#page-home .home-why-collapse .material-symbols-outlined,
.result-video-lightbox-why .home-why-collapse .material-symbols-outlined{
  transition:transform .18s ease!important;
  transform:rotate(0deg)!important;
}
#page-home .home-example-ai-reason.is-collapsed .home-why-collapse .material-symbols-outlined,
.result-video-lightbox-why.is-collapsed .home-why-collapse .material-symbols-outlined{
  transform:rotate(180deg)!important;
}

/* Collapsed why card: compact horizontal bar matching the visual reference. */
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-collapsed,
.result-video-lightbox-why.is-collapsed .home-example-ai-reason{
  width:min(190px,calc(100vw - 166px))!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding:0 12px 0 14px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,rgba(52,47,44,.90),rgba(39,35,33,.88))!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(18px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(112%)!important;
  box-sizing:border-box!important;
}
.result-video-lightbox-why.is-collapsed{
  width:min(190px,calc(100vw - 20px))!important;
  max-width:min(190px,calc(100vw - 20px))!important;
}
#page-home .home-example-ai-reason.is-collapsed .home-why-header,
.result-video-lightbox-why.is-collapsed .home-why-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  gap:10px!important;
  padding:0!important;
}
#page-home .home-example-ai-reason.is-collapsed .home-why-header b,
.result-video-lightbox-why.is-collapsed .home-why-header b{
  flex:1 1 auto!important;
  overflow:hidden!important;
  color:rgba(255,255,255,.94)!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#page-home .home-example-ai-reason.is-collapsed .home-why-collapse,
.result-video-lightbox-why.is-collapsed .home-why-collapse{
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  margin:0!important;
  color:rgba(255,255,255,.68)!important;
}
#page-home .home-example-ai-reason.is-collapsed .home-why-collapse .material-symbols-outlined,
.result-video-lightbox-why.is-collapsed .home-why-collapse .material-symbols-outlined{
  font-size:16px!important;
  font-variation-settings:'wght' 450!important;
}
@media (max-width:340px){
  #page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-collapsed{
    width:min(172px,calc(100vw - 148px))!important;
  }
}

/* Sharper media rendering and a quieter collapsed overlay. */
#page-home{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
#page-home:not(.home-agent-sheet-open) .home-video-stage{
  isolation:isolate!important;
  contain:paint!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-video,
#page-home:not(.home-agent-sheet-open) .home-example-image{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
  image-rendering:auto!important;
  opacity:1!important;
}
#page-home:not(.home-agent-sheet-open) .home-video-scrim{
  background:
    linear-gradient(180deg,rgba(13,9,6,.24) 0%,rgba(13,9,6,.05) 20%,transparent 34%),
    linear-gradient(0deg,rgba(13,8,5,.82) 0%,rgba(18,11,7,.48) 16%,rgba(24,15,9,.16) 32%,transparent 54%)!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-collapsed,
.result-video-lightbox-why.is-collapsed .home-example-ai-reason{
  width:min(182px,calc(100vw - 168px))!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  padding:0 10px 0 13px!important;
  border-color:rgba(255,255,255,.10)!important;
  border-radius:11px!important;
  background:rgba(24,23,22,.64)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(8px) saturate(106%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(106%)!important;
}
#page-home .home-example-ai-reason.is-collapsed .home-why-header,
.result-video-lightbox-why.is-collapsed .home-why-header{
  height:42px!important;
  min-height:42px!important;
}
#page-home .home-example-ai-reason.is-collapsed .home-why-header b,
.result-video-lightbox-why.is-collapsed .home-why-header b{
  font-size:11.5px!important;
  font-weight:600!important;
  letter-spacing:.005em!important;
}
#page-home .home-example-ai-reason.is-collapsed .home-why-collapse,
.result-video-lightbox-why.is-collapsed .home-why-collapse{
  flex-basis:20px!important;
  width:20px!important;
  height:20px!important;
  color:rgba(255,255,255,.62)!important;
}

/* Entire why card toggles collapse on tap. */
#page-home .home-example-ai-reason,
.result-video-lightbox-why .home-example-ai-reason{
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
#page-home .home-example-ai-reason:active,
.result-video-lightbox-why .home-example-ai-reason:active{
  opacity:.92!important;
}
#page-home .home-example-ai-reason .home-why-header,
.result-video-lightbox-why .home-example-ai-reason .home-why-header{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-family:inherit!important;
  text-align:left!important;
  pointer-events:none!important;
}
#page-home .home-example-ai-reason:focus-visible,
.result-video-lightbox-why .home-example-ai-reason:focus-visible{
  outline:2px solid rgba(255,107,74,.72)!important;
  outline-offset:3px!important;
}
#page-home .home-why-collapse,
.result-video-lightbox-why .home-why-collapse{
  display:none!important;
}

/* Collapsed title uses the previously empty right side of the bar. */
#page-home .home-example-ai-reason.is-collapsed .home-why-header,
.result-video-lightbox-why.is-collapsed .home-example-ai-reason .home-why-header{
  justify-content:flex-end!important;
  text-align:right!important;
}
#page-home .home-example-ai-reason.is-collapsed .home-why-header b,
.result-video-lightbox-why.is-collapsed .home-example-ai-reason .home-why-header b{
  flex:0 1 auto!important;
  width:auto!important;
  margin-left:auto!important;
  text-align:right!important;
}

/* Let the collapsed control wrap its label instead of carrying empty width. */
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-collapsed,
.result-video-lightbox-why.is-collapsed .home-example-ai-reason{
  width:max-content!important;
  min-width:132px!important;
  max-width:min(156px,calc(100vw - 20px))!important;
}
.result-video-lightbox-why.is-collapsed{
  width:max-content!important;
  min-width:132px!important;
  max-width:min(156px,calc(100vw - 20px))!important;
}

/* ===== Preference studio — dark food-profile dashboard ===== */
#acct-dietary.acct-dietary-page{
  --pref-studio-bg:#070b09;
  --pref-studio-surface:#151a18;
  --pref-studio-line:rgba(158,189,174,.15);
  background:
    radial-gradient(circle at 50% 22%,rgba(31,75,55,.18),transparent 42%),
    linear-gradient(180deg,#0a0d0c 0%,#070b09 100%)!important;
  color:#f4f3ef!important;
}
:root[data-theme] #acct-dietary .acct-dietary-nav{
  min-height:calc(54px + env(safe-area-inset-top,0px))!important;
  padding-top:env(safe-area-inset-top,0px)!important;
  border:0!important;
  background:rgba(8,11,10,.88)!important;
  color:#fff!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
#acct-dietary .acct-dietary-nav > div{min-height:54px!important}
#acct-dietary .acct-dietary-nav button,
#acct-dietary .acct-dietary-page-title{color:#f4f3ef!important}
#acct-dietary .acct-dietary-page-title{font-size:16px!important;font-weight:720!important}
:root[data-theme] #acct-dietary .acct-dietary-body{
  padding:0 0 22px!important;
  background:transparent!important;
  scrollbar-width:none!important;
}
#acct-dietary .acct-dietary-body::-webkit-scrollbar{display:none!important}
#acct-dietary .dietary-intro{display:none!important}
#acct-dietary #profile-preference-editor{padding:0!important}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio{
  padding:0 20px 26px!important;
  background:transparent!important;
  color:#f4f3ef!important;
}

#acct-dietary .preference-studio-overview{
  position:relative!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
#acct-dietary .preference-studio-chart{
  position:relative!important;
  width:100%!important;
  height:320px!important;
  max-width:390px!important;
  margin:0 auto!important;
}
#acct-dietary .preference-studio-donut{
  position:absolute!important;
  left:50%!important;
  top:49%!important;
  width:216px!important;
  height:216px!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%) rotate(-90deg)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.035)!important;
}
#acct-dietary .preference-studio-donut::after{
  content:""!important;
  position:absolute!important;
  inset:57px!important;
  border-radius:50%!important;
  background:#08100d!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 0 22px rgba(0,0,0,.18)!important;
}
#acct-dietary .preference-studio-score{
  position:absolute!important;
  inset:57px!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:50%!important;
  transform:rotate(90deg)!important;
  text-align:center!important;
}
#acct-dietary .preference-studio-score strong{
  color:#fff!important;
  font-size:31px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
#acct-dietary .preference-studio-score span{
  color:rgba(255,255,255,.48)!important;
  font-size:10px!important;
  white-space:nowrap!important;
}
#acct-dietary .preference-studio-callout{
  position:absolute!important;
  z-index:3!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  min-width:72px!important;
  color:rgba(255,255,255,.66)!important;
  font-size:10px!important;
  line-height:1.2!important;
}
#acct-dietary .preference-studio-callout::after{
  content:""!important;
  position:absolute!important;
  top:13px!important;
  width:48px!important;
  height:1px!important;
  background:currentColor!important;
  opacity:.72!important;
}
#acct-dietary .preference-studio-callout b{font-size:11px!important;font-weight:650!important;white-space:nowrap!important}
#acct-dietary .preference-studio-callout small{font-size:9px!important;font-weight:700!important}
#acct-dietary .preference-studio-callout.is-1{left:16px!important;top:44px!important;text-align:right!important}
#acct-dietary .preference-studio-callout.is-1::after{left:calc(100% + 6px)!important;transform:rotate(8deg)!important;transform-origin:left center!important}
#acct-dietary .preference-studio-callout.is-2{right:8px!important;top:60px!important;text-align:left!important}
#acct-dietary .preference-studio-callout.is-2::after{right:calc(100% + 6px)!important;transform:rotate(-8deg)!important;transform-origin:right center!important}
#acct-dietary .preference-studio-callout.is-3{left:0!important;top:146px!important;text-align:right!important}
#acct-dietary .preference-studio-callout.is-3::after{left:calc(100% + 6px)!important}
#acct-dietary .preference-studio-callout.is-4{left:20px!important;bottom:34px!important;text-align:right!important}
#acct-dietary .preference-studio-callout.is-4::after{left:calc(100% + 6px)!important;transform:rotate(-7deg)!important;transform-origin:left center!important}
#acct-dietary .preference-studio-callout.is-5{right:2px!important;bottom:50px!important;text-align:left!important}
#acct-dietary .preference-studio-callout.is-5::after{right:calc(100% + 6px)!important;transform:rotate(7deg)!important;transform-origin:right center!important}

#acct-dietary .preference-studio-control-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:2px 0 16px!important;
}
#acct-dietary .preference-studio-control-head h2{
  margin:0 0 7px!important;
  color:#f7f6f2!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
}
#acct-dietary .preference-studio-control-head p{
  margin:0!important;
  color:rgba(255,255,255,.45)!important;
  font-size:12px!important;
  line-height:1.4!important;
}
#acct-dietary .preference-studio-control-head > button{
  flex:0 0 auto!important;
  margin:0!important;
  padding:5px 0 3px!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.55)!important;
  font-family:inherit!important;
  font-size:12px!important;
  cursor:pointer!important;
}

#acct-dietary .preference-studio .ob-taste-list{
  display:grid!important;
  gap:11px!important;
  margin:0!important;
}
#acct-dietary .preference-studio .ob-taste-card{margin:0!important}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-slider{
  min-height:64px!important;
  height:64px!important;
  padding:0 18px!important;
  border:1px solid var(--pref-studio-line)!important;
  border-radius:32px!important;
  background:
    repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),rgba(255,255,255,.025) calc(16.666% - 1px),rgba(255,255,255,.025) 16.666%),
    #151a18!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.12)!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-slider::before{
  background:linear-gradient(90deg,rgba(113,49,24,.82),rgba(47,126,91,.76))!important;
  box-shadow:none!important;
  opacity:.92!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-slider.is-dragging{
  border-color:rgba(244,107,55,.65)!important;
  box-shadow:0 0 0 3px rgba(244,107,55,.09)!important;
}
#acct-dietary .preference-studio .ob-taste-card .ob-taste-label{gap:10px!important;color:#fff!important;font-size:15px!important}
#acct-dietary .preference-studio .ob-taste-card .ob-taste-label b{color:#fff!important;font-size:15px!important;font-weight:750!important}
#acct-dietary .preference-studio .ob-taste-card .ob-taste-ico,
#acct-dietary .preference-studio .ob-taste-card .ob-taste-label i.ob-taste-ico{
  width:26px!important;
  height:26px!important;
  flex-basis:26px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:20px!important;
}
#acct-dietary .preference-studio .ob-taste-card .ob-taste-level{
  max-width:44%!important;
  overflow:hidden!important;
  color:rgba(255,255,255,.5)!important;
  font-size:11px!important;
  font-weight:600!important;
  text-overflow:ellipsis!important;
}

#acct-dietary .preference-studio-more{margin:14px 0 2px!important}
#acct-dietary .preference-studio-more > summary{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:54px!important;
  padding:0 18px!important;
  border:1px solid rgba(100,167,135,.28)!important;
  border-radius:27px!important;
  background:linear-gradient(90deg,rgba(86,42,20,.7),rgba(13,43,31,.82))!important;
  color:#fff!important;
  list-style:none!important;
  cursor:pointer!important;
  user-select:none!important;
}
#acct-dietary .preference-studio-more > summary::-webkit-details-marker{display:none!important}
#acct-dietary .preference-studio-more > summary b{font-size:14px!important;font-weight:750!important}
#acct-dietary .preference-studio-more-plus{font-size:26px!important;font-weight:300!important;line-height:1!important;transition:transform .2s ease!important}
#acct-dietary .preference-studio-more .is-open{display:none!important}
#acct-dietary .preference-studio-more[open] .is-closed{display:none!important}
#acct-dietary .preference-studio-more[open] .is-open{display:inline!important}
#acct-dietary .preference-studio-more[open] .preference-studio-more-plus{transform:rotate(45deg)!important}
#acct-dietary .preference-studio-more-body{
  display:grid!important;
  gap:12px!important;
  padding:16px 0 4px!important;
}
#acct-dietary .preference-studio-more-body .ob-scroll-section-head{margin:12px 0 2px!important}
#acct-dietary .preference-studio-more-body .ob-scroll-section-head h2{color:#f5f4ef!important;font-size:14px!important}
#acct-dietary .preference-studio-more-body :is(.ob-selection-grid,.ob-tile-grid){margin:0!important}

:root[data-theme] #acct-dietary .acct-dietary-footer{
  border-color:rgba(255,255,255,.06)!important;
  background:rgba(7,11,9,.94)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
#acct-dietary .acct-dietary-save{
  border-radius:26px!important;
  background:linear-gradient(90deg,#d8562f,#ff6b43)!important;
  box-shadow:0 10px 26px rgba(216,86,47,.18)!important;
}
@media (max-width:380px){
  #acct-dietary #profile-preference-editor .preference-studio{padding-left:16px!important;padding-right:16px!important}
  #acct-dietary .preference-studio-chart{height:294px!important}
  #acct-dietary .preference-studio-donut{width:196px!important;height:196px!important}
  #acct-dietary .preference-studio-donut::after,
  #acct-dietary .preference-studio-score{inset:52px!important}
  #acct-dietary .preference-studio-callout::after{width:38px!important}
  #acct-dietary .preference-studio .ob-taste-slider{height:58px!important;min-height:58px!important}
}

/* ===== Preference studio v2 — bright premium editorial palette ===== */
:root[data-theme] #acct-dietary.acct-dietary-page{
  --pref-studio-bg:#f5f3ee;
  --pref-studio-surface:#fffdf9;
  --pref-studio-line:rgba(36,54,47,.12);
  color-scheme:light!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(198,74,22,.09),transparent 31%),
    radial-gradient(circle at 12% 28%,rgba(82,126,105,.10),transparent 34%),
    linear-gradient(180deg,#faf9f5 0%,#f2f0ea 100%)!important;
  color:#18241f!important;
}
:root[data-theme] #acct-dietary .acct-dietary-nav{
  border-bottom:1px solid rgba(36,54,47,.07)!important;
  background:rgba(250,249,245,.88)!important;
  color:#18241f!important;
  box-shadow:0 8px 30px rgba(27,42,35,.035)!important;
}
:root[data-theme] #acct-dietary .acct-dietary-nav button,
:root[data-theme] #acct-dietary .acct-dietary-page-title{color:#18241f!important}
:root[data-theme] #acct-dietary .acct-dietary-body{background:transparent!important}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio{color:#18241f!important}

#acct-dietary .preference-studio-profile-head{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  margin:22px 0 0!important;
  text-align:center!important;
}
#acct-dietary .preference-studio-profile-head > span{
  margin-bottom:7px!important;
  color:var(--bw-accent)!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
}
#acct-dietary .preference-studio-profile-head h2{
  margin:0!important;
  color:#18241f!important;
  font-family:"Plus Jakarta Sans",Inter,sans-serif!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.035em!important;
}
#acct-dietary .preference-studio-profile-head p{
  max-width:310px!important;
  margin:8px 0 0!important;
  color:#758078!important;
  font-size:11px!important;
  line-height:1.5!important;
}
#acct-dietary .preference-studio-chart{
  height:304px!important;
  margin-top:0!important;
}
#acct-dietary .preference-studio-donut{
  top:51%!important;
  width:204px!important;
  height:204px!important;
  border:7px solid rgba(255,255,255,.92)!important;
  box-shadow:
    0 24px 60px rgba(40,57,49,.14),
    0 4px 14px rgba(40,57,49,.08),
    0 0 0 1px rgba(36,54,47,.055)!important;
}
#acct-dietary .preference-studio-donut::after{
  inset:52px!important;
  background:linear-gradient(145deg,#fffefb,#f6f3ec)!important;
  box-shadow:inset 0 0 0 1px rgba(36,54,47,.065),0 8px 26px rgba(36,54,47,.06)!important;
}
#acct-dietary .preference-studio-score{inset:52px!important}
#acct-dietary .preference-studio-score strong{color:#17251f!important;font-size:29px!important}
#acct-dietary .preference-studio-score span{color:#7a857e!important;font-size:9px!important;font-weight:600!important}
#acct-dietary .preference-studio-callout{
  color:#56635c!important;
  font-family:"Plus Jakarta Sans",Inter,sans-serif!important;
}
#acct-dietary .preference-studio-callout b{color:#36443d!important;font-size:10px!important;font-weight:720!important}
#acct-dietary .preference-studio-callout small{font-size:9px!important}
#acct-dietary .preference-studio-callout::after{opacity:.45!important}
#acct-dietary .preference-studio-callout.is-1{top:38px!important}
#acct-dietary .preference-studio-callout.is-2{top:54px!important}
#acct-dietary .preference-studio-callout.is-3{top:142px!important}
#acct-dietary .preference-studio-callout.is-4{bottom:28px!important}
#acct-dietary .preference-studio-callout.is-5{bottom:42px!important}

#acct-dietary .preference-studio-control-head{
  align-items:flex-end!important;
  margin:9px 2px 17px!important;
}
#acct-dietary .preference-studio-control-head h2{
  color:#17251f!important;
  font-family:"Plus Jakarta Sans",Inter,sans-serif!important;
  font-size:21px!important;
  font-weight:800!important;
}
#acct-dietary .preference-studio-control-head p{color:#7a847e!important;font-size:11px!important}
#acct-dietary .preference-studio-control-head > button{
  color:var(--bw-accent)!important;
  font-size:11px!important;
  font-weight:750!important;
}

:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-slider{
  min-height:62px!important;
  height:62px!important;
  border:1px solid rgba(36,54,47,.11)!important;
  background:
    repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),rgba(36,54,47,.025) calc(16.666% - 1px),rgba(36,54,47,.025) 16.666%),
    rgba(255,253,249,.94)!important;
  box-shadow:0 10px 28px rgba(34,54,45,.065),inset 0 1px 0 #fff!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-slider::before{
  background:linear-gradient(90deg,rgba(198,74,22,.20),rgba(217,173,96,.18) 54%,rgba(81,128,106,.20))!important;
  box-shadow:inset -1px 0 0 rgba(50,107,92,.13)!important;
  opacity:1!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-slider.is-dragging{
  border-color:var(--bw-accent)!important;
  background:#fffdf9!important;
  box-shadow:0 0 0 4px rgba(198,74,22,.08),0 14px 30px rgba(34,54,45,.08)!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-label,
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-label b{
  color:#1c2a24!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-label b{
  font-family:"Plus Jakarta Sans",Inter,sans-serif!important;
  font-size:14px!important;
  font-weight:750!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-ico,
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-label i.ob-taste-ico{
  filter:saturate(.85)!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-level{
  color:#7b857f!important;
  font-size:10px!important;
}

#acct-dietary .preference-studio-more > summary{
  border:1px solid rgba(198,74,22,.20)!important;
  background:linear-gradient(100deg,rgba(198,74,22,.075),rgba(255,255,255,.88) 46%,rgba(65,111,90,.09))!important;
  color:#23332b!important;
  box-shadow:0 10px 28px rgba(34,54,45,.055),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
#acct-dietary .preference-studio-more > summary b{color:#28372f!important}
#acct-dietary .preference-studio-more-plus{color:var(--bw-accent)!important}
#acct-dietary .preference-studio-more-body .ob-scroll-section-head > .material-symbols-outlined{
  background:#fff0e9!important;
  color:var(--bw-accent)!important;
}
#acct-dietary .preference-studio-more-body .ob-scroll-section-head h2{color:#23322b!important}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio-more-body :is(.ob-selection-grid,.ob-tile-grid) button{
  border-color:rgba(36,54,47,.12)!important;
  background:rgba(255,253,249,.9)!important;
  color:#435049!important;
  box-shadow:0 5px 18px rgba(34,54,45,.04)!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio-more-body :is(.ob-selection-grid,.ob-tile-grid) button.is-selected{
  border-color:rgba(198,74,22,.36)!important;
  background:#fff1ea!important;
  color:var(--bw-accent)!important;
  box-shadow:0 7px 20px rgba(198,74,22,.08)!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio-more-body :is(.ob-selection-grid,.ob-tile-grid) button:not(.is-selected)::before{
  color:#9ba39e!important;
}

:root[data-theme] #acct-dietary .acct-dietary-footer{
  border-color:rgba(36,54,47,.08)!important;
  background:rgba(248,247,242,.90)!important;
  box-shadow:0 -12px 36px rgba(34,54,45,.055)!important;
}
:root[data-theme] #acct-dietary .acct-dietary-save{
  background:var(--bw-accent)!important;
  box-shadow:0 12px 30px rgba(198,74,22,.22)!important;
}
@media (max-width:380px){
  #acct-dietary .preference-studio-profile-head{margin-top:16px!important}
  #acct-dietary .preference-studio-profile-head h2{font-size:22px!important}
  #acct-dietary .preference-studio-chart{height:282px!important}
  #acct-dietary .preference-studio-donut{width:188px!important;height:188px!important}
  #acct-dietary .preference-studio-donut::after,
  #acct-dietary .preference-studio-score{inset:48px!important}
}

/* ===== Preference studio v4 — compact controls + selected preference recap ===== */
#acct-dietary .preference-studio-selected{
  margin:-2px 0 18px!important;
  padding:13px 14px!important;
  border:1px solid var(--bw-line)!important;
  border-radius:14px!important;
  background:var(--bw-surface)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.055)!important;
}
#acct-dietary .preference-studio-selected-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:9px!important;
}
#acct-dietary .preference-studio-selected-head b{
  color:var(--bw-ink)!important;
  font-size:12px!important;
  font-weight:750!important;
}
#acct-dietary .preference-studio-selected-head small{
  color:var(--bw-muted)!important;
  font-size:10px!important;
}
#acct-dietary .preference-studio-selected-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  min-height:28px!important;
}
#acct-dietary .preference-studio-selected-chip{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:4px 9px!important;
  border:1px solid var(--bw-line-strong)!important;
  border-radius:9px!important;
  background:var(--bw-surface-raised)!important;
  color:var(--bw-ink)!important;
  font-size:10.5px!important;
  font-weight:600!important;
  line-height:1.2!important;
}
#acct-dietary .preference-studio-selected-empty{
  align-self:center!important;
  color:var(--bw-muted)!important;
  font-size:11px!important;
}

#acct-dietary .preference-studio-control-head{
  margin:0 2px 12px!important;
}
#acct-dietary .preference-studio-control-head h2{
  margin-bottom:5px!important;
  font-size:18px!important;
}
#acct-dietary .preference-studio-control-head p{font-size:10.5px!important}
#acct-dietary .preference-studio-control-head > button{
  min-height:32px!important;
  padding:5px 2px!important;
  font-size:10.5px!important;
}
#acct-dietary .preference-studio .ob-taste-list{gap:8px!important}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-slider{
  min-height:50px!important;
  height:50px!important;
  padding:0 13px!important;
  border-radius:15px!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-label b{
  font-size:12.5px!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-ico,
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-label i.ob-taste-ico{
  width:22px!important;
  height:22px!important;
  flex-basis:22px!important;
  font-size:17px!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-level{
  font-size:9.5px!important;
}
#acct-dietary .preference-studio-more{margin-top:11px!important}
#acct-dietary .preference-studio-more > summary{
  min-height:42px!important;
  padding:0 13px!important;
  border-radius:13px!important;
  gap:6px!important;
}
#acct-dietary .preference-studio-more > summary b{font-size:12px!important}
#acct-dietary .preference-studio-more-plus{font-size:20px!important}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio-more-body :is(.ob-selection-grid,.ob-tile-grid) button{
  min-height:36px!important;
  height:auto!important;
  padding:6px 9px!important;
  border-radius:10px!important;
  gap:4px!important;
  font-size:10.5px!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio-more-body :is(.ob-selection-grid,.ob-tile-grid) button b{
  font-size:10.5px!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio-more-body .ob-option-emoji{
  font-size:12px!important;
}
:root[data-theme] #acct-dietary .acct-dietary-footer{
  padding:8px 16px max(10px,calc(env(safe-area-inset-bottom,0px) + 7px))!important;
}
:root[data-theme] #acct-dietary .acct-dietary-save{
  min-height:44px!important;
  height:44px!important;
  border-radius:12px!important;
  font-size:13px!important;
}
@media (max-width:380px){
  #acct-dietary .preference-studio-selected{padding:11px 12px!important}
  :root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-slider{height:48px!important;min-height:48px!important}
}

/* ===== Preference studio v3 — inherit the Bitewise theme ===== */
:root[data-theme] #acct-dietary.acct-dietary-page{
  --pref-studio-line:var(--bw-line-strong);
  color-scheme:inherit!important;
  background:
    radial-gradient(circle at 88% 5%,var(--bw-accent-tint),transparent 32%),
    radial-gradient(circle at 7% 31%,var(--bw-success-soft),transparent 38%),
    var(--bw-canvas)!important;
  color:var(--bw-ink)!important;
}
:root[data-theme] #acct-dietary .acct-dietary-nav{
  border-color:var(--bw-line)!important;
  background:var(--bw-chrome)!important;
  color:var(--bw-ink)!important;
  box-shadow:none!important;
}
:root[data-theme] #acct-dietary .acct-dietary-nav button,
:root[data-theme] #acct-dietary .acct-dietary-page-title{color:var(--bw-ink)!important}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio{color:var(--bw-ink)!important}

#acct-dietary .preference-studio-chart{
  height:300px!important;
  margin-top:4px!important;
}
#acct-dietary .preference-studio-donut{
  top:50%!important;
  width:204px!important;
  height:204px!important;
  border:7px solid var(--bw-surface)!important;
  box-shadow:0 22px 50px rgba(0,0,0,.18),0 0 0 1px var(--bw-line)!important;
}
#acct-dietary .preference-studio-donut::after{
  inset:52px!important;
  background:var(--bw-surface-raised)!important;
  box-shadow:inset 0 0 0 1px var(--bw-line),0 8px 22px rgba(0,0,0,.08)!important;
}
#acct-dietary .preference-studio-score{inset:52px!important}
#acct-dietary .preference-studio-score strong{color:var(--bw-ink)!important}
#acct-dietary .preference-studio-score span{color:var(--bw-muted)!important}
#acct-dietary .preference-studio-callout{color:var(--bw-copy)!important}
#acct-dietary .preference-studio-callout b{color:var(--bw-ink)!important}
#acct-dietary .preference-studio-callout::after{opacity:.42!important}

#acct-dietary .preference-studio-control-head{margin-top:3px!important}
#acct-dietary .preference-studio-control-head h2{color:var(--bw-ink)!important}
#acct-dietary .preference-studio-control-head p{color:var(--bw-copy)!important}
#acct-dietary .preference-studio-control-head > button{color:var(--bw-accent)!important}

:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-slider{
  border-color:var(--bw-line-strong)!important;
  background:
    repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),var(--bw-line) calc(16.666% - 1px),var(--bw-line) 16.666%),
    var(--bw-surface)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.09),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-slider::before{
  background:linear-gradient(90deg,var(--bw-accent-soft),rgba(211,163,88,.16) 55%,var(--bw-success-soft))!important;
  box-shadow:inset -1px 0 0 var(--bw-line-strong)!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-slider.is-dragging{
  border-color:var(--bw-accent)!important;
  background:var(--bw-surface-raised)!important;
  box-shadow:0 0 0 4px var(--bw-accent-tint),0 12px 28px rgba(0,0,0,.10)!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-label,
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-label b{
  color:var(--bw-ink)!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-level{
  color:var(--bw-copy)!important;
}

#acct-dietary .preference-studio-more > summary{
  border-color:var(--bw-line-strong)!important;
  background:linear-gradient(100deg,var(--bw-accent-tint),var(--bw-surface) 48%,var(--bw-success-soft))!important;
  color:var(--bw-ink)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#acct-dietary .preference-studio-more > summary b{color:var(--bw-ink)!important}
#acct-dietary .preference-studio-more-body .ob-scroll-section-head > .material-symbols-outlined{
  background:var(--bw-accent-soft)!important;
  color:var(--bw-accent)!important;
}
#acct-dietary .preference-studio-more-body .ob-scroll-section-head h2{color:var(--bw-ink)!important}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio-more-body :is(.ob-selection-grid,.ob-tile-grid) button{
  border-color:var(--bw-line-strong)!important;
  background:var(--bw-surface)!important;
  color:var(--bw-copy)!important;
  box-shadow:none!important;
}
:root[data-theme] #acct-dietary #profile-preference-editor .preference-studio-more-body :is(.ob-selection-grid,.ob-tile-grid) button.is-selected{
  border-color:var(--bw-accent)!important;
  background:var(--bw-accent-soft)!important;
  color:var(--bw-ink)!important;
  box-shadow:none!important;
}
:root[data-theme] #acct-dietary .acct-dietary-footer{
  border-color:var(--bw-line)!important;
  background:var(--bw-chrome-strong)!important;
  box-shadow:0 -10px 28px rgba(0,0,0,.08)!important;
}
:root[data-theme] #acct-dietary .acct-dietary-save{
  background:var(--bw-accent)!important;
  box-shadow:0 10px 24px var(--bw-accent-tint)!important;
}
@media (max-width:380px){
  #acct-dietary .preference-studio-chart{height:278px!important}
  #acct-dietary .preference-studio-donut{width:188px!important;height:188px!important}
  #acct-dietary .preference-studio-donut::after,
  #acct-dietary .preference-studio-score{inset:48px!important}
}

/* ===== Preference studio v5 — share onboarding capsule treatment ===== */
body #acct-dietary .preference-studio-selected-head,
body #acct-dietary .preference-studio-control-head{
  position:static!important;
  inset:auto!important;
  display:flex!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body #acct-dietary .preference-studio-selected-head{margin:0 0 9px!important}
body #acct-dietary .preference-studio-control-head{margin:0 2px 12px!important}

:root[data-theme] body #acct-dietary #profile-preference-editor .preference-studio .ob-taste-slider{
  min-height:40px!important;
  height:40px!important;
  padding:4px 14px 4px 4px!important;
  border:1px solid #2f2f32!important;
  border-radius:999px!important;
  background:#1c1c1e!important;
  box-shadow:none!important;
}
:root[data-theme] body #acct-dietary #profile-preference-editor .preference-studio .ob-taste-slider::before{
  background:linear-gradient(90deg,rgba(255,107,74,.18),rgba(255,107,74,.36))!important;
  box-shadow:inset 0 0 0 1px rgba(255,107,74,.12)!important;
}
:root[data-theme] body #acct-dietary #profile-preference-editor .preference-studio .ob-taste-slider.is-dragging{
  border-color:rgba(255,107,74,.55)!important;
  background:#1c1c1e!important;
  box-shadow:none!important;
}
:root[data-theme] body #acct-dietary #profile-preference-editor .preference-studio .ob-taste-slider.is-dragging::before{
  background:linear-gradient(90deg,rgba(255,107,74,.24),rgba(255,107,74,.44))!important;
}
:root[data-theme] body #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-label,
:root[data-theme] body #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-label b{
  color:#f2f2f2!important;
  font-size:12px!important;
  font-weight:650!important;
}
:root[data-theme] body #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-ico,
:root[data-theme] body #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-label i.ob-taste-ico{
  width:30px!important;
  height:30px!important;
  flex-basis:30px!important;
  border:1px solid #3a3a3f!important;
  border-radius:9px!important;
  background:#2a2a2e!important;
  font-size:14px!important;
}
:root[data-theme] body #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-level{
  color:#ff8f5c!important;
  font-size:12px!important;
  font-weight:700!important;
}
@media (max-width:380px){
  :root[data-theme] body #acct-dietary #profile-preference-editor .preference-studio .ob-taste-slider{
    min-height:38px!important;
    height:38px!important;
    padding:3px 12px 3px 3px!important;
  }
  :root[data-theme] body #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-ico,
  :root[data-theme] body #acct-dietary #profile-preference-editor .preference-studio .ob-taste-card .ob-taste-label i.ob-taste-ico{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }
}

/* Final preference-ring placement overrides; keep after all legacy theme layers. */
#acct-dietary .preference-studio-chart{height:320px!important;margin-top:0!important}
#acct-dietary .preference-studio-donut{top:54%!important}
#acct-dietary .preference-studio-callout.is-1{left:7px!important;right:auto!important;top:66px!important;bottom:auto!important;text-align:right!important}
#acct-dietary .preference-studio-callout.is-1::after{left:calc(100% + 6px)!important;right:auto!important;transform:rotate(8deg)!important;transform-origin:left center!important}
#acct-dietary .preference-studio-callout.is-2{right:7px!important;left:auto!important;top:66px!important;bottom:auto!important;text-align:left!important}
#acct-dietary .preference-studio-callout.is-2::after{right:calc(100% + 6px)!important;left:auto!important;transform:rotate(-8deg)!important;transform-origin:right center!important}
#acct-dietary .preference-studio-callout.is-3{left:0!important;right:auto!important;top:157px!important;bottom:auto!important;text-align:right!important}
#acct-dietary .preference-studio-callout.is-3::after{left:calc(100% + 6px)!important;right:auto!important;transform:none!important}
#acct-dietary .preference-studio-callout.is-4{right:0!important;left:auto!important;top:157px!important;bottom:auto!important;text-align:left!important}
#acct-dietary .preference-studio-callout.is-4::after{right:calc(100% + 6px)!important;left:auto!important;transform:none!important}
#acct-dietary .preference-studio-callout.is-5{left:13px!important;right:auto!important;top:auto!important;bottom:24px!important;text-align:right!important}
#acct-dietary .preference-studio-callout.is-5::after{left:calc(100% + 6px)!important;right:auto!important;transform:rotate(-8deg)!important;transform-origin:left center!important}
#acct-dietary .preference-studio-callout.is-6{right:13px!important;left:auto!important;top:auto!important;bottom:24px!important;text-align:left!important}
#acct-dietary .preference-studio-callout.is-6::after{right:calc(100% + 6px)!important;left:auto!important;transform:rotate(8deg)!important;transform-origin:right center!important}
@media (max-width:380px){
  #acct-dietary .preference-studio-chart{height:298px!important}
  #acct-dietary .preference-studio-callout::after{width:32px!important}
  #acct-dietary .preference-studio-callout b{max-width:88px!important;font-size:9.5px!important}
  #acct-dietary .preference-studio-callout.is-1,
  #acct-dietary .preference-studio-callout.is-2{top:58px!important}
  #acct-dietary .preference-studio-callout.is-3,
  #acct-dietary .preference-studio-callout.is-4{top:144px!important}
  #acct-dietary .preference-studio-callout.is-5,
  #acct-dietary .preference-studio-callout.is-6{bottom:17px!important}
}

/* Home feed uses the full height without the branded header or its language popover. */
#page-home > header,
#home-lang-menu{
  display:none!important;
}
#page-home .home-creator-bar{
  top:max(12px,calc(env(safe-area-inset-top,0px) + 8px))!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-sizing:border-box!important;
}
#page-home:not(.home-agent-sheet-open) .home-video-scrim{
  background:
    linear-gradient(180deg,rgba(12,9,7,.58) 0%,rgba(12,9,7,.28) 15%,rgba(12,9,7,.08) 28%,transparent 39%),
    linear-gradient(0deg,rgba(13,8,5,.82) 0%,rgba(18,11,7,.48) 16%,rgba(24,15,9,.16) 32%,transparent 54%)!important;
}
#page-home .home-creator-identity strong,
#page-home .home-creator-identity small,
#page-home .home-creator-stat{
  color:#fff!important;
  text-shadow:0 1px 4px rgba(0,0,0,.72)!important;
}

/* Home recommendation rationale: align directly below the right-side follow control. */
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason,
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-expanded,
#page-home:not(.home-agent-sheet-open) .is-reveal-reason .home-example-ai-reason,
#page-home:not(.home-agent-sheet-open) .home-example-card:has(.home-video-offer) .home-example-ai-reason,
#page-home:not(.home-agent-sheet-open) .home-recommendation-unit:has(.home-video-offer) .home-example-ai-reason{
  --why-top-offset:max(92px,calc(env(safe-area-inset-top,0px) + 88px));
  top:var(--why-top-offset)!important;
  right:16px!important;
  bottom:auto!important;
}
#page-home:not(.home-agent-sheet-open) .home-creator-stats{
  max-width:100%!important;
}

/* Compact home rationale trigger; expanded recommendation details stay unchanged. */
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-collapsed{
  width:max-content!important;
  min-width:0!important;
  max-width:calc(100vw - 28px)!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0 11px!important;
  border-radius:9px!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-collapsed .home-why-header{
  height:34px!important;
  min-height:34px!important;
}

/* Douyin-style product title: direct white type over the video, without a label box. */
#page-home:not(.home-agent-sheet-open) .home-example-dish-name{
  display:block!important;
  width:fit-content!important;
  max-width:100%!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-shadow:0 1px 2px rgba(0,0,0,.96),0 2px 8px rgba(0,0,0,.82),0 0 1px rgba(0,0,0,.92)!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))!important;
}
@media (max-width:380px){
  #page-home:not(.home-agent-sheet-open) .home-example-ai-reason,
  #page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-expanded,
  #page-home:not(.home-agent-sheet-open) .is-reveal-reason .home-example-ai-reason{
    right:14px!important;
  }
}

/* Absolute final video-overlay layer; keep after every legacy override. */
.result-video-lightbox-why,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-why,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-why,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-why,
.result-video-lightbox-why:not(.is-collapsed){
  position:absolute!important;
  left:auto!important;
  right:12px!important;
  top:clamp(138px,28vh,220px)!important;
  bottom:auto!important;
  width:min(218px,calc(100vw - 76px))!important;
  min-width:0!important;
  max-width:min(218px,calc(100vw - 76px))!important;
  z-index:12!important;
}
.result-video-lightbox-why .home-example-ai-reason,
.result-video-lightbox-why .home-example-ai-reason.is-expanded{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  max-height:min(48vh,350px)!important;
  padding:12px!important;
  gap:9px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:16px!important;
  background:rgba(25,23,22,.78)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(16px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(112%)!important;
  overflow-y:auto!important;
}
.result-video-lightbox-why.is-collapsed{
  right:12px!important;
  top:clamp(154px,31vh,244px)!important;
  width:max-content!important;
  min-width:0!important;
  max-width:156px!important;
}
.result-video-lightbox-why.is-collapsed .home-example-ai-reason{
  width:max-content!important;
  min-width:0!important;
  max-width:156px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:rgba(24,23,22,.62)!important;
  box-shadow:0 5px 16px rgba(0,0,0,.14)!important;
  overflow:hidden!important;
}
.result-video-lightbox-why.is-collapsed .home-example-ai-reason .home-why-header{
  width:auto!important;
  height:34px!important;
  min-height:34px!important;
  justify-content:center!important;
  text-align:center!important;
}
.result-video-lightbox-why.is-collapsed .home-example-ai-reason .home-why-header b{
  margin:0!important;
  color:rgba(255,255,255,.94)!important;
  font-size:11.5px!important;
  font-weight:600!important;
  text-align:center!important;
}
@media (max-height:700px){
  .result-video-lightbox-why,
  .result-video-lightbox-why:not(.is-collapsed){top:122px!important;max-height:46vh!important}
  .result-video-lightbox-why.is-collapsed{top:138px!important}
}

#page-home .home-creator-follow,
.home-creator-sheet-header .home-creator-follow{
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(22,22,24,.42)!important;
  color:#fff!important;
  box-shadow:0 5px 16px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(14px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(118%)!important;
  text-shadow:0 1px 4px rgba(0,0,0,.30)!important;
}
#page-home .home-creator-follow.is-following,
.home-creator-sheet-header .home-creator-follow.is-following{
  border-color:rgba(255,132,91,.62)!important;
  background:rgba(255,95,61,.38)!important;
  color:#fff!important;
  box-shadow:0 5px 18px rgba(255,95,61,.18),inset 0 1px 0 rgba(255,255,255,.14)!important;
}

/* Profile root: compact Western social-account layout with restrained chrome. */
#page-settings .acct-main-nav{
  min-height:calc(48px + env(safe-area-inset-top,0px))!important;
  padding-top:env(safe-area-inset-top,0px)!important;
  border-bottom:1px solid var(--bw-line)!important;
  background:color-mix(in srgb,var(--bw-profile-canvas,var(--bw-canvas)) 88%,transparent)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(108%)!important;
}
#page-settings .acct-main-nav>div{
  height:48px!important;
  min-height:48px!important;
  padding:0 16px!important;
}
#page-settings .acct-main-logo{display:none!important}
#page-settings .acct-main-wordmark{
  color:var(--bw-ink)!important;
  font-size:16px!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}
#page-settings .acct-main-header-actions button{
  width:34px!important;
  height:34px!important;
  color:var(--bw-copy)!important;
}
#page-settings .acct-main-header-actions .material-symbols-outlined{font-size:21px!important}
#page-settings.page.active #acct-main>main.profile-social-main{
  padding-top:calc(48px + env(safe-area-inset-top,0px) + 8px)!important;
  padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;
}
#page-settings.page.active .profile-social-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 16px 10px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#page-settings .profile-social-hero .acct-profile-hero{
  min-width:0!important;
  gap:11px!important;
  padding:0!important;
}
#page-settings .profile-social-hero .acct-profile-avatar{
  width:58px!important;
  height:58px!important;
}
#page-settings .profile-social-hero .acct-profile-avatar>span{
  width:22px!important;
  height:22px!important;
  border-width:1.5px!important;
  font-size:13px!important;
}
#page-settings #acct-profile-name-display{
  font-size:16px!important;
  font-weight:700!important;
  letter-spacing:-.012em!important;
  line-height:1.25!important;
}
#page-settings #acct-profile-email-display{
  margin-top:3px!important;
  font-size:10px!important;
  line-height:1.3!important;
}
#page-settings .profile-social-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(30px,auto))!important;
  align-items:center!important;
  gap:10px!important;
  padding:0!important;
}
#page-settings .profile-social-stats .profile-stat{
  min-width:30px!important;
  gap:1px!important;
}
#page-settings .profile-social-stats .profile-stat strong{
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.15!important;
}
#page-settings .profile-social-stats .profile-stat span{
  font-size:8.5px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
:root[data-theme] #page-settings.page.active .profile-service-card{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  margin:2px 16px 10px!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid var(--bw-line)!important;
  border-bottom:1px solid var(--bw-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#page-settings .profile-service-card button{
  min-width:0!important;
  min-height:62px!important;
  gap:3px!important;
  padding:8px 2px!important;
  border-left:1px solid var(--bw-line)!important;
  border-radius:0!important;
  background:transparent!important;
}
#page-settings .profile-service-card button:first-child{border-left:0!important}
#page-settings .profile-service-card .material-symbols-outlined{
  color:var(--bw-muted)!important;
  font-size:20px!important;
  font-variation-settings:'wght' 350!important;
}
#page-settings .profile-service-card button .material-symbols-outlined{color:var(--profile-premium-accent,#d47a59)!important}
#page-settings .profile-service-card b{
  max-width:100%!important;
  overflow:hidden!important;
  font-size:10.5px!important;
  font-weight:600!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#page-settings .profile-service-card small{
  max-width:100%!important;
  overflow:hidden!important;
  font-size:8px!important;
  line-height:1.15!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#page-settings.page.active .profile-content-section{
  border-top:0!important;
  background:transparent!important;
}
#page-settings .profile-content-tabs,
#page-settings.page.active .profile-content-tabs{
  top:calc(48px + env(safe-area-inset-top,0px))!important;
  height:42px!important;
  border-top:0!important;
  border-bottom:1px solid var(--bw-line)!important;
  background:color-mix(in srgb,var(--bw-profile-canvas,var(--bw-canvas)) 94%,transparent)!important;
  box-shadow:none!important;
}
#page-settings .profile-content-tabs button{
  font-size:12px!important;
  font-weight:550!important;
}
#page-settings .profile-content-tabs button.is-active{font-weight:700!important}
#page-settings .profile-content-tabs button.is-active::after{
  width:18px!important;
  height:2px!important;
}
@media (max-width:360px){
  #page-settings.page.active .profile-social-hero{gap:8px!important;padding-left:12px!important;padding-right:12px!important}
  #page-settings .profile-social-hero .acct-profile-avatar{width:52px!important;height:52px!important}
  #page-settings .profile-social-stats{gap:6px!important}
  :root[data-theme] #page-settings.page.active .profile-service-card{margin-left:12px!important;margin-right:12px!important}
}

/* Profile premium refinement: one material palette, soft depth, no dashboard rainbow. */
#page-settings{
  --profile-premium-bg:#f6f4f1;
  --profile-premium-surface:rgba(255,255,255,.76);
  --profile-premium-chrome:rgba(246,244,241,.88);
  --profile-premium-line:rgba(34,28,24,.09);
  --profile-premium-accent:#c96d4c;
  --profile-premium-accent-soft:rgba(201,109,76,.11);
}
:root[data-theme="dark"] #page-settings{
  --profile-premium-bg:#111216;
  --profile-premium-surface:rgba(255,255,255,.045);
  --profile-premium-chrome:rgba(17,18,22,.88);
  --profile-premium-line:rgba(255,255,255,.09);
  --profile-premium-accent:#df8665;
  --profile-premium-accent-soft:rgba(223,134,101,.13);
}
#page-settings.page.active,
#page-settings.page.active #acct-main,
#page-settings.page.active .profile-social-main{
  background:var(--profile-premium-bg)!important;
}
#page-settings .acct-main-nav{
  min-height:calc(44px + env(safe-area-inset-top,0px))!important;
  background:var(--profile-premium-chrome)!important;
  border-bottom-color:var(--profile-premium-line)!important;
}
#page-settings .acct-main-nav>div{
  height:44px!important;
  min-height:44px!important;
}
#page-settings .acct-main-header-actions button{
  width:32px!important;
  height:32px!important;
  border:1px solid var(--profile-premium-line)!important;
  background:var(--profile-premium-surface)!important;
}
#page-settings.page.active #acct-main>main.profile-social-main{
  padding-top:calc(44px + env(safe-area-inset-top,0px) + 6px)!important;
}
#page-settings.page.active .profile-social-hero{
  gap:14px!important;
  padding-top:14px!important;
  padding-bottom:12px!important;
}
#page-settings .profile-social-hero .acct-profile-avatar{
  width:60px!important;
  height:60px!important;
}
#page-settings .profile-social-hero .acct-profile-avatar img{
  border:2px solid var(--profile-premium-bg)!important;
  box-shadow:0 0 0 1px var(--profile-premium-line),0 9px 24px rgba(0,0,0,.14)!important;
}
#page-settings .profile-social-hero .acct-profile-avatar>span{
  background:color-mix(in srgb,var(--profile-premium-bg) 86%,#000)!important;
  border-color:var(--profile-premium-bg)!important;
  color:var(--bw-ink)!important;
}
#page-settings .profile-social-stats{
  gap:12px!important;
}
#page-settings .profile-social-stats .profile-stat{
  position:relative!important;
}
#page-settings .profile-social-stats .profile-stat+.profile-stat::before{
  content:"";
  position:absolute;
  left:-6px;
  top:50%;
  width:1px;
  height:20px;
  background:var(--profile-premium-line);
  transform:translateY(-50%);
}
:root[data-theme] #page-settings.page.active .profile-service-card{
  position:relative!important;
  margin:4px 14px 12px!important;
  padding:3px 0!important;
  border:1px solid var(--profile-premium-line)!important;
  border-radius:16px!important;
  background:var(--profile-premium-surface)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.045),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(18px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(108%)!important;
}
#page-settings .profile-service-card button{
  position:relative!important;
  min-height:60px!important;
  border-left:0!important;
}
#page-settings .profile-service-card button+button::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:1px;
  background:var(--profile-premium-line);
}
#page-settings .profile-service-card button .material-symbols-outlined{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:var(--profile-premium-accent-soft)!important;
  color:var(--profile-premium-accent)!important;
  font-size:18px!important;
  font-variation-settings:'wght' 420!important;
}
#page-settings .profile-service-card b{
  font-weight:650!important;
  letter-spacing:-.008em!important;
}
#page-settings .profile-service-card small{
  color:var(--bw-muted)!important;
  opacity:.82!important;
}
#page-settings .profile-content-tabs,
#page-settings.page.active .profile-content-tabs{
  top:calc(44px + env(safe-area-inset-top,0px))!important;
  height:40px!important;
  background:var(--profile-premium-chrome)!important;
  border-bottom-color:var(--profile-premium-line)!important;
}
#page-settings .profile-content-tabs button.is-active::after{
  background:var(--profile-premium-accent)!important;
}
@media (max-width:360px){
  #page-settings .profile-social-hero .acct-profile-avatar{width:54px!important;height:54px!important}
  #page-settings .profile-social-stats{gap:8px!important}
  #page-settings .profile-social-stats .profile-stat+.profile-stat::before{left:-4px!important}
}

/* ===== Design foundation v1: shared component contracts ===== */
:root[data-theme] body,
:root[data-theme] button,
:root[data-theme] input,
:root[data-theme] textarea,
:root[data-theme] select{
  font-family:var(--app-font-body)!important;
}
:root[data-theme] :is(h1,h2,h3,.font-headline){
  font-family:var(--app-font-headline)!important;
}
:root[data-theme] :is(button,a,input,textarea,select){
  transition:
    color var(--bw-motion-fast) var(--bw-ease-standard),
    background-color var(--bw-motion-fast) var(--bw-ease-standard),
    border-color var(--bw-motion-fast) var(--bw-ease-standard),
    box-shadow var(--bw-motion-fast) var(--bw-ease-standard),
    opacity var(--bw-motion-fast) var(--bw-ease-standard),
    transform var(--bw-motion-fast) var(--bw-ease-standard);
}
:root[data-theme] body :is(button,a,input,textarea,select):focus-visible{
  outline:2px solid color-mix(in srgb,var(--bw-accent) 40%,transparent)!important;
  outline-offset:3px!important;
}
:root[data-theme] body:not(.home-page-active) :is(
  input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  textarea,
  select
){
  min-height:var(--bw-control-height);
  border:1px solid var(--bw-line-strong)!important;
  border-radius:var(--bw-radius-sm)!important;
  background:var(--bw-surface)!important;
  color:var(--bw-ink)!important;
  box-shadow:var(--bw-shadow-xs)!important;
}
:root[data-theme] body:not(.home-page-active) :is(
  input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  textarea,
  select
):focus{
  border-color:color-mix(in srgb,var(--bw-accent) 62%,var(--bw-line-strong))!important;
  box-shadow:0 0 0 3px var(--bw-accent-tint)!important;
}
:root[data-theme] body :is(
  .profile-settings-group,
  .display-theme-list,
  .dietary-section-card,
  .allergy-section-card,
  .acct-tx-card,
  .reservation-card,
  .chat-intent-card,
  .chat-search-card,
  .chat-recommendation-batch,
  .chat-result-card,
  .chat-detail-info-card
){
  border:1px solid var(--bw-line)!important;
  border-radius:var(--bw-radius-md)!important;
  background:var(--bw-surface)!important;
  box-shadow:var(--bw-shadow-xs)!important;
}
:root[data-theme] body :is(.bottom-sheet,.app-confirm-dialog){
  border:1px solid var(--bw-line)!important;
  border-radius:var(--bw-radius-lg)!important;
  background:var(--bw-surface)!important;
  box-shadow:var(--bw-shadow-float)!important;
}
:root[data-theme] body :is(
  .login-btn-primary,
  .wa-send-code-btn,
  .wx-authorize-btn,
  #onboarding-cta,
  .chat-detail-action.is-primary,
  .dc-buy-btn,
  .dc-btn-primary,
  .dc-pay-submit,
  .dc-redeem-primary-btn,
  .acct-dietary-save,
  .acct-allergies-save,
  #acct-profile button.bg-primary
){
  min-height:var(--bw-control-height)!important;
  border-radius:var(--bw-radius-sm)!important;
  font-weight:var(--bw-weight-semibold)!important;
  box-shadow:var(--bw-shadow-xs)!important;
}
:root[data-theme] body :is(
  .login-btn-primary,
  .wa-send-code-btn,
  .wx-authorize-btn,
  #onboarding-cta,
  .chat-detail-action.is-primary,
  .dc-buy-btn,
  .dc-btn-primary,
  .dc-pay-submit,
  .dc-redeem-primary-btn,
  .acct-dietary-save,
  .acct-allergies-save,
  #acct-profile button.bg-primary
):active{
  transform:scale(.985)!important;
}
:root[data-theme] body .material-symbols-outlined{
  line-height:1;
  font-variation-settings:'FILL' 0,'wght' 380,'GRAD' 0,'opsz' 24;
}
:root[data-theme] body :is(
  .page:not(#page-home)>header,
  .page:not(#page-home)>nav,
  .acct-sub-page>header,
  .acct-sub-page>nav,
  .chat-shell-header,
  .chat-detail-header,
  .app-tabbar
){
  border-color:var(--bw-line)!important;
  backdrop-filter:blur(18px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(108%)!important;
}
@media (prefers-reduced-motion:reduce){
  :root[data-theme] *,
  :root[data-theme] *::before,
  :root[data-theme] *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* Foundation adoption: remove the last page-scoped palette forks. */
:root[data-theme] #page-onboarding[data-ob-layout="design"].page.active{
  --ob-orange:var(--bw-foundation-accent)!important;
  --ob-orange-soft:var(--bw-foundation-accent-soft)!important;
  --ob-ink:var(--bw-foundation-ink)!important;
  --ob-copy:var(--bw-foundation-copy)!important;
  --ob-muted:var(--bw-foundation-muted)!important;
  --ob-line:var(--bw-foundation-line)!important;
  --bw-canvas:var(--bw-foundation-canvas)!important;
  --bw-surface:var(--bw-foundation-surface)!important;
  --bw-surface-raised:var(--bw-foundation-raised)!important;
  --bw-ink:var(--bw-foundation-ink)!important;
  --bw-copy:var(--bw-foundation-copy)!important;
  --bw-muted:var(--bw-foundation-muted)!important;
  --bw-line:var(--bw-foundation-line)!important;
  --bw-accent:var(--bw-foundation-accent)!important;
  --bw-accent-soft:var(--bw-foundation-accent-soft)!important;
  background:var(--bw-canvas)!important;
  color:var(--bw-ink)!important;
}
:root[data-theme] #page-onboarding[data-ob-layout="design"] :is(
  .ob-intro-screen,
  .ob-intro-header,
  .ob-pref-header,
  .ob-pref-main,
  .ob-pref-footer,
  .ob-step-shell
){
  background-color:var(--bw-canvas)!important;
}
:root[data-theme] #page-onboarding[data-ob-layout="design"] :is(
  .ob-pref-card,
  .ob-choice-card,
  .ob-custom-composer,
  .ob-search-field
){
  background:var(--bw-surface)!important;
  border-color:var(--bw-line)!important;
  box-shadow:var(--bw-shadow-xs)!important;
}
:root[data-theme] #page-onboarding[data-ob-layout="design"] #onboarding-cta,
:root[data-theme] #acct-dietary .acct-dietary-save{
  background:var(--bw-accent)!important;
  color:#fff!important;
  box-shadow:none!important;
}
:root[data-theme] #acct-dietary :is(
  .acct-dietary-body,
  #settings-pref-slide,
  .acct-dietary-footer
){
  background-color:var(--bw-canvas)!important;
  border-color:var(--bw-line)!important;
}

/* Detail reveal splits the page: video stays flush on top, conversation sits below. */
#page-home:not(.home-agent-sheet-open).home-feed-compact .home-discovery,
#page-home:not(.home-agent-sheet-open).home-questions-visible .home-discovery,
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-discovery{
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
}
#page-home:not(.home-agent-sheet-open).home-feed-compact :is(
  .home-example-track,
  .home-recommendation-unit,
  .home-example-card,
  .home-video-stage
),
#page-home:not(.home-agent-sheet-open).home-questions-visible :is(
  .home-example-track,
  .home-recommendation-unit,
  .home-example-card,
  .home-video-stage
),
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) :is(
  .home-example-track,
  .home-recommendation-unit.is-active,
  .home-recommendation-unit.is-active .home-example-card,
  .home-recommendation-unit.is-active .home-video-stage
){
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
#page-home:not(.home-agent-sheet-open) .home-recommendation-unit.is-active :is(
  .home-example-card,
  .home-video-stage,
  .home-example-video-button,
  .home-example-video,
  .home-example-image,
  .home-video-scrim
){
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#page-home:not(.home-agent-sheet-open).home-feed-compact .home-video-copy,
#page-home:not(.home-agent-sheet-open).home-questions-visible .home-video-copy,
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-video-copy{
  display:flex!important;
  left:14px!important;
  right:58px!important;
  bottom:12px!important;
  z-index:14!important;
  visibility:visible!important;
}
#page-home:not(.home-agent-sheet-open) .home-recommendation-unit.is-active.is-reveal-summary .home-video-copy,
#page-home:not(.home-agent-sheet-open) .home-recommendation-unit.is-active.is-reveal-summary .home-restaurant-card{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
#page-home:not(.home-agent-sheet-open) .home-recommendation-unit.is-active.is-reveal-summary .home-example-summary{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
#page-home:not(.home-agent-sheet-open).home-feed-compact .home-example-primary-actions,
#page-home:not(.home-agent-sheet-open).home-questions-visible .home-example-primary-actions,
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-example-primary-actions{
  top:auto!important;
  right:8px!important;
  bottom:18px!important;
  transform:none!important;
}
#page-home:not(.home-agent-sheet-open).home-feed-compact .home-bottom-area,
#page-home:not(.home-agent-sheet-open).home-questions-visible .home-bottom-area,
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-bottom-area{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  flex:0 0 auto!important;
  width:100%!important;
  margin:0!important;
  padding:10px 14px 12px!important;
  background:linear-gradient(180deg,var(--home-espresso-850,#1d1612) 0%,var(--home-espresso-900,#17110d) 100%)!important;
  border:0!important;
  box-shadow:none!important;
  z-index:30!important;
  pointer-events:auto!important;
  box-sizing:border-box!important;
}
#page-home:not(.home-agent-sheet-open).home-feed-compact .home-bottom-area :is(.home-context-questions,.home-agent-composer),
#page-home:not(.home-agent-sheet-open).home-questions-visible .home-bottom-area :is(.home-context-questions,.home-agent-composer),
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-bottom-area :is(.home-context-questions,.home-agent-composer){
  pointer-events:auto!important;
}
@media (max-height:700px){
  #page-home:not(.home-agent-sheet-open).home-feed-compact .home-video-copy,
  #page-home:not(.home-agent-sheet-open).home-questions-visible .home-video-copy,
  #page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-video-copy{
    bottom:10px!important;
  }
  #page-home:not(.home-agent-sheet-open).home-feed-compact .home-example-primary-actions,
  #page-home:not(.home-agent-sheet-open).home-questions-visible .home-example-primary-actions,
  #page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-example-primary-actions{
    bottom:16px!important;
  }
}

/* Creator header final placement: follow beside identity, rationale at top right. */
#page-home:not(.home-agent-sheet-open) .home-creator-top{
  justify-content:flex-start!important;
  gap:8px!important;
}
#page-home:not(.home-agent-sheet-open) .home-creator-top .home-creator-open{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:min(236px,calc(100vw - 104px))!important;
}
#page-home:not(.home-agent-sheet-open) .home-creator-top .home-creator-follow{
  flex:0 0 auto!important;
  min-height:30px!important;
  margin-left:0!important;
  padding:4px 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
}
#page-home:not(.home-agent-sheet-open) .home-creator-top .home-creator-follow:not(.is-following)::before{
  content:"+";
  display:inline-block;
  font-size:15px;
  font-weight:700;
  line-height:1;
}
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason,
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-expanded,
#page-home:not(.home-agent-sheet-open) .is-reveal-reason .home-example-ai-reason,
#page-home:not(.home-agent-sheet-open) .home-example-card:has(.home-video-offer) .home-example-ai-reason,
#page-home:not(.home-agent-sheet-open) .home-recommendation-unit:has(.home-video-offer) .home-example-ai-reason{
  top:max(14px,calc(env(safe-area-inset-top,0px) + 10px))!important;
  right:14px!important;
  bottom:auto!important;
  z-index:22!important;
}
@media (max-width:360px){
  #page-home:not(.home-agent-sheet-open) .home-creator-top .home-creator-open{
    max-width:210px!important;
  }
  #page-home:not(.home-agent-sheet-open) .home-creator-top .home-creator-follow{
    padding:4px 8px!important;
  }
}

/* Explicit home conversation states: this final contract overrides all legacy reveal rules. */
#page-home[data-home-conversation-state="waiting"] .home-bottom-area{
  display:none!important;
  pointer-events:none!important;
}
#page-home[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .home-bottom-area{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:30!important;
  display:flex!important;
  flex:0 0 auto!important;
  width:100%!important;
  margin:0!important;
  padding:10px 14px 12px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,var(--home-espresso-850,#1d1612) 0%,var(--home-espresso-900,#17110d) 100%)!important;
  box-shadow:none!important;
  pointer-events:auto!important;
  transform:none!important;
  box-sizing:border-box!important;
}
#page-home[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .home-control-panel{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  pointer-events:auto!important;
}
#page-home[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) :is(.home-agent-conversation,.home-agent-drawer-header){
  display:none!important;
}
#page-home[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) :is(.home-context-questions,.home-agent-composer){
  display:flex!important;
  pointer-events:auto!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-bottom-area{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  z-index:120!important;
  display:block!important;
  width:min(430px,100vw)!important;
  height:57dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:22px 22px 0 0!important;
  background:#111!important;
  pointer-events:auto!important;
  transform:translateX(-50%)!important;
  box-sizing:border-box!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-control-panel{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0 14px max(12px,env(safe-area-inset-bottom,0px))!important;
  background:#111!important;
  pointer-events:auto!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-agent-drawer-header{
  display:flex!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-context-questions{
  display:none!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-agent-conversation{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-agent-composer{
  display:flex!important;
  flex:0 0 58px!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-recommendation-unit.is-active{
  height:var(--home-dialog-video-height,43dvh)!important;
  max-height:var(--home-dialog-video-height,43dvh)!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-recommendation-unit:not(.is-active){
  visibility:hidden!important;
  pointer-events:none!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-recommendation-unit.is-active .home-video-copy{
  display:block!important;
  left:12px!important;
  right:12px!important;
  bottom:8px!important;
  opacity:1!important;
  visibility:visible!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-recommendation-unit.is-active .home-example-summary{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-recommendation-unit.is-active .home-restaurant-card{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-recommendation-unit.is-active,
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-recommendation-unit.is-active :is(.home-example-card,.home-video-stage,.home-example-video-button){
  border-radius:0!important;
}
@media (max-height:720px){
  #page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-bottom-area{
    height:62dvh!important;
  }
}

/* Final home overlay spacing: keep rationale below creator/follow, never on top of them. */
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason,
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-expanded,
#page-home:not(.home-agent-sheet-open) .is-reveal-reason .home-example-ai-reason,
#page-home:not(.home-agent-sheet-open) .home-example-card:has(.home-video-offer) .home-example-ai-reason,
#page-home:not(.home-agent-sheet-open) .home-recommendation-unit:has(.home-video-offer) .home-example-ai-reason{
  top:max(96px,calc(env(safe-area-inset-top,0px) + 92px))!important;
  right:14px!important;
  left:auto!important;
  bottom:auto!important;
  width:fit-content!important;
  max-width:min(148px,calc(100vw - 88px))!important;
}
@media (max-height:700px){
  #page-home:not(.home-agent-sheet-open) .home-example-ai-reason,
  #page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-expanded,
  #page-home:not(.home-agent-sheet-open) .is-reveal-reason .home-example-ai-reason{
    top:max(88px,calc(env(safe-area-inset-top,0px) + 84px))!important;
  }
}

/* Lighter restaurant glass: readable over video without a heavy black-brown block. */
#page-home .home-restaurant-card,
.result-video-lightbox-restaurant .home-restaurant-card,
.result-video-lightbox .home-restaurant-card{
  background:linear-gradient(135deg,rgba(78,73,69,.76),rgba(52,48,45,.72))!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(18px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(112%)!important;
}

/* Unified rationale trigger: home and video detail share one pill and one upper-right anchor. */
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-collapsed,
.result-video-lightbox-why.is-collapsed .home-example-ai-reason{
  width:max-content!important;
  min-width:0!important;
  max-width:min(156px,calc(100vw - 28px))!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0 12px!important;
  gap:0!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  background:rgba(24,23,22,.62)!important;
  box-shadow:0 5px 16px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(16px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(110%)!important;
  overflow:hidden!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-collapsed .home-why-header,
.result-video-lightbox-why.is-collapsed .home-example-ai-reason .home-why-header{
  width:auto!important;
  height:34px!important;
  min-height:34px!important;
  justify-content:center!important;
  text-align:center!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-collapsed .home-why-header b,
.result-video-lightbox-why.is-collapsed .home-example-ai-reason .home-why-header b{
  flex:0 1 auto!important;
  width:auto!important;
  margin:0!important;
  color:rgba(255,255,255,.94)!important;
  font-size:11.5px!important;
  font-weight:600!important;
  line-height:1!important;
  text-align:center!important;
}
.result-video-lightbox-why.is-collapsed{
  top:max(96px,calc(env(safe-area-inset-top,0px) + 92px))!important;
  right:14px!important;
  left:auto!important;
  bottom:auto!important;
  width:max-content!important;
  min-width:0!important;
  max-width:min(156px,calc(100vw - 28px))!important;
}
@media (max-height:700px){
  .result-video-lightbox-why.is-collapsed{
    top:max(88px,calc(env(safe-area-inset-top,0px) + 84px))!important;
  }
}

/* ===== 对话/喜欢/收藏：视频全屏铺满（与首页一致，去掉上下黑边） ===== */
.result-video-lightbox[data-source="agent"],
.result-video-lightbox[data-source="profile"],
.result-video-lightbox[data-profile-video-preview="true"],
.result-video-lightbox[data-source="chat"]{
  background:#000!important;
}
.result-video-lightbox[data-source="agent"] .result-video-lightbox-inner,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-inner,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-inner,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-inner{
  position:absolute!important;
  inset:0!important;
  flex:none!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  overflow:hidden!important;
}
.result-video-lightbox[data-source="agent"] .result-video-lightbox-inner video,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-inner video,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-inner video,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-inner video,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-image,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-image,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-image,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
}

/* 创作者：叠在视频上；明确避开返回键，不再贴在一起 */
.result-video-lightbox[data-source="profile"] .result-video-lightbox-creator:not([hidden]),
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-creator:not([hidden]),
.result-video-lightbox[data-source="agent"] .result-video-lightbox-creator:not([hidden]),
.result-video-lightbox[data-source="chat"] .result-video-lightbox-creator:not([hidden]){
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:22!important;
  top:max(84px, calc(env(safe-area-inset-top, 0px) + 72px))!important;
  left:14px!important;
  right:16px!important;
  background:transparent!important;
}
.result-video-lightbox[data-source="profile"] .result-video-lightbox-creator .home-creator-top,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-creator .home-creator-top,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-creator .home-creator-top,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-creator .home-creator-top{
  justify-content:flex-start!important;
  gap:8px!important;
}
.result-video-lightbox[data-source="profile"] .result-video-lightbox-creator .home-creator-open,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-creator .home-creator-open,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-creator .home-creator-open,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-creator .home-creator-open{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:min(236px, calc(100vw - 104px))!important;
}
.result-video-lightbox[data-source="profile"] .result-video-lightbox-creator .home-creator-follow,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-creator .home-creator-follow,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-creator .home-creator-follow,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-creator .home-creator-follow{
  flex:0 0 auto!important;
  margin-left:0!important;
  min-height:30px!important;
  padding:4px 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:999px!important;
  background:rgba(22,22,24,.42)!important;
  color:#fff!important;
  box-shadow:0 5px 16px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(14px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(118%)!important;
}
.result-video-lightbox[data-source="profile"] .result-video-lightbox-creator .home-creator-follow:not(.is-following)::before,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-creator .home-creator-follow:not(.is-following)::before,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-creator .home-creator-follow:not(.is-following)::before,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-creator .home-creator-follow:not(.is-following)::before{
  content:"+";
  display:inline-block;
  font-size:15px;
  font-weight:700;
  line-height:1;
}
.result-video-lightbox[data-source="profile"] .result-video-lightbox-creator .home-creator-follow.is-following,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-creator .home-creator-follow.is-following,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-creator .home-creator-follow.is-following,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-creator .home-creator-follow.is-following{
  border-color:rgba(255,132,91,.62)!important;
  background:rgba(255,95,61,.38)!important;
  color:#fff!important;
}

/* 推荐胶囊：贴关注按钮下方右侧，对齐首页 */
.result-video-lightbox[data-source="profile"] .result-video-lightbox-why,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-why,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-why,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-why,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-why.is-collapsed,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-why.is-collapsed,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-why.is-collapsed,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-why.is-collapsed{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
  left:auto!important;
  right:14px!important;
  top:max(162px, calc(env(safe-area-inset-top, 0px) + 150px))!important;
  bottom:auto!important;
  width:fit-content!important;
  max-width:min(156px, calc(100vw - 28px))!important;
  z-index:18!important;
}
.result-video-lightbox[data-source="profile"] .result-video-lightbox-why.is-collapsed .home-example-ai-reason,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-why.is-collapsed .home-example-ai-reason,
.result-video-lightbox[data-source="agent"] .result-video-lightbox-why.is-collapsed .home-example-ai-reason,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-why.is-collapsed .home-example-ai-reason{
  width:max-content!important;
  min-width:0!important;
  max-width:min(156px, calc(100vw - 28px))!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0 11px!important;
  border-radius:9px!important;
  background:rgba(24,23,22,.62)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 5px 16px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(16px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(110%)!important;
}
.result-video-lightbox-why[hidden],
.result-video-lightbox-why.is-dismissed{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
}

/* 右侧喜欢/收藏叠在视频上 */
.result-video-lightbox[data-source="agent"] .result-video-lightbox-actions,
.result-video-lightbox[data-source="profile"] .result-video-lightbox-actions,
.result-video-lightbox[data-profile-video-preview="true"] .result-video-lightbox-actions,
.result-video-lightbox[data-source="chat"] .result-video-lightbox-actions{
  right:8px!important;
  bottom:max(148px, calc(env(safe-area-inset-bottom, 0px) + 136px))!important;
  z-index:20!important;
}

/* 「为什么推荐」展开态再收窄：按内容竖排，去掉右侧空白 */
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason:not(.is-collapsed),
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-expanded,
#page-home:not(.home-agent-sheet-open) .is-reveal-reason .home-example-ai-reason:not(.is-collapsed),
.result-video-lightbox-why:not(.is-collapsed),
.result-video-lightbox[data-source="agent"] .result-video-lightbox-why:not(.is-collapsed){
  width:fit-content!important;
  min-width:0!important;
  max-width:min(148px,calc(100vw - 88px))!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason:not(.is-collapsed),
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-expanded,
.result-video-lightbox-why:not(.is-collapsed) .home-example-ai-reason,
.result-video-lightbox-why:not(.is-collapsed) .home-example-ai-reason.is-expanded{
  width:fit-content!important;
  min-width:0!important;
  max-width:min(148px,calc(100vw - 88px))!important;
  padding:10px 10px 11px!important;
  gap:9px!important;
  box-sizing:border-box!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason:not(.is-collapsed) .home-why-header,
.result-video-lightbox-why:not(.is-collapsed) .home-why-header{
  justify-content:flex-start!important;
  gap:4px!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason:not(.is-collapsed) .home-why-header b,
.result-video-lightbox-why:not(.is-collapsed) .home-why-header b{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:100%!important;
  font-size:12px!important;
  line-height:1.25!important;
  white-space:normal!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason:not(.is-collapsed) .home-why-list,
.result-video-lightbox-why:not(.is-collapsed) .home-why-list{
  gap:10px!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason:not(.is-collapsed) .home-why-row,
.result-video-lightbox-why:not(.is-collapsed) .home-why-row{
  grid-template-columns:16px minmax(0,1fr)!important;
  gap:6px!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason:not(.is-collapsed) .home-why-row > .material-symbols-outlined,
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason:not(.is-collapsed) .home-why-row > svg,
.result-video-lightbox-why:not(.is-collapsed) .home-why-row > .material-symbols-outlined,
.result-video-lightbox-why:not(.is-collapsed) .home-why-row > svg{
  width:16px!important;
  height:16px!important;
  font-size:16px!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason:not(.is-collapsed) .home-why-row b,
.result-video-lightbox-why:not(.is-collapsed) .home-why-row b{
  font-size:11px!important;
  line-height:1.3!important;
  white-space:normal!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason:not(.is-collapsed) .home-why-row small,
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason:not(.is-collapsed) .home-why-detail,
.result-video-lightbox-why:not(.is-collapsed) .home-why-row small,
.result-video-lightbox-why:not(.is-collapsed) .home-why-detail{
  font-size:9.5px!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

/* ===== 我的 · 关注列表（小红书式） ===== */
#page-settings .profile-social-stats > button.profile-stat{
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  cursor:pointer!important;
  font:inherit!important;
}
#page-settings .profile-social-stats > button.profile-stat:active{
  opacity:.72!important;
}
#acct-following.acct-following-page,
#acct-following{
  background:var(--bw-canvas,#f7f7f8)!important;
}
#acct-following .profile-following-body{
  padding:4px 0 calc(28px + env(safe-area-inset-bottom,0px))!important;
}
.profile-following-list{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
.profile-following-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 16px!important;
  border-bottom:1px solid var(--bw-line,rgba(0,0,0,.06))!important;
}
.profile-following-open{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
}
.profile-following-open img{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  background:#e8e4df!important;
}
.profile-following-open span{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
.profile-following-open strong{
  color:var(--bw-ink,#161823)!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.25!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.profile-following-open small{
  color:var(--bw-muted,#8a857f)!important;
  font-size:12px!important;
  line-height:1.3!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.profile-following-unfollow{
  flex:0 0 auto!important;
  min-width:72px!important;
  min-height:30px!important;
  padding:0 12px!important;
  border:1px solid var(--bw-line-strong,rgba(0,0,0,.12))!important;
  border-radius:999px!important;
  background:#f5f5f5!important;
  color:#666!important;
  font-size:12px!important;
  font-weight:650!important;
  cursor:pointer!important;
}
.profile-following-unfollow:active{
  opacity:.8!important;
}
.profile-following-empty{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:72px 28px 40px!important;
  text-align:center!important;
  color:var(--bw-muted,#8a857f)!important;
}
.profile-following-empty .material-symbols-outlined{
  font-size:42px!important;
  color:#c7c2bc!important;
}
.profile-following-empty strong{
  color:var(--bw-ink,#161823)!important;
  font-size:16px!important;
  font-weight:700!important;
}
.profile-following-empty p{
  margin:0!important;
  max-width:260px!important;
  font-size:13px!important;
  line-height:1.5!important;
}
.profile-following-empty button{
  margin-top:8px!important;
  min-height:36px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:999px!important;
  background:#161823!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:650!important;
}
:root[data-theme="dark"] .profile-following-unfollow{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.72)!important;
}
:root[data-theme="dark"] .profile-following-open img{
  background:#2a2a2c!important;
}

/* ===== 权益页字号：对齐全局 body/title 体系，避免显得过大 ===== */
#page-dining-credits,
#page-dining-credits.page.active,
#page-dining-my-credits,
#page-dining-my-credits.page.active{
  --dc-purchase-text-sm:12px!important;
  --dc-purchase-text-base:14px!important;
  --dc-purchase-text-md:15px!important;
  --dc-purchase-text-lg:20px!important;
  font-size:14px!important;
  line-height:1.45!important;
}
#page-dining-credits .dc-header-title{
  font-size:12px!important;
  letter-spacing:.04em!important;
}
#page-dining-credits .dc-hero-title{
  font-size:20px!important;
  line-height:1.25!important;
}
#page-dining-credits .dc-hero-tagline,
#page-dining-credits .dc-partners-section-heading,
#page-dining-credits .dc-terms-head-copy span,
#page-dining-credits .dc-terms-line,
#page-dining-credits .dc-credit-validity,
#page-dining-credits .dc-bottom-max{
  font-size:13px!important;
  line-height:1.4!important;
}
#page-dining-credits .dc-section-title,
#page-dining-credits .dc-amount-section .dc-section-title,
#page-dining-credits .dc-terms-heading,
#page-dining-credits .dc-page-row-label,
#page-dining-credits .dc-bottom-credits,
#page-dining-credits .dc-bottom-bar .dc-buy-btn{
  font-size:14px!important;
}
#page-dining-credits .dc-credit-price{
  font-size:18px!important;
}
#page-dining-credits .dc-credit-max,
#page-dining-credits .dc-credit-card.is-selected .dc-credit-max{
  font-size:14px!important;
}
#page-dining-credits .dc-perks-list li,
#page-dining-credits .dc-terms-group h4,
#page-dining-credits .dc-terms-head-copy b{
  font-size:13px!important;
}
#page-dining-my-credits .dc-my-header-title,
#page-dining-my-credits .dc-my-tab{
  font-size:14px!important;
}
#page-dining-my-credits .dc-my-hero-account{
  font-size:18px!important;
}
#page-dining-my-credits .dc-my-hero-subline{
  font-size:13px!important;
}
#page-dining-my-credits .dc-my-hero-subline.is-hero-primary,
#page-dining-my-credits .dc-my-hero-amount{
  font-size:22px!important;
}
#page-dining-my-credits .dc-my-card-amount,
#page-dining-my-credits .dc-my-card-value{
  font-size:16px!important;
}
#page-dining-my-credits .dc-my-card-meta,
#page-dining-my-credits .dc-my-empty p,
#page-dining-my-credits .dc-my-record-meta{
  font-size:12px!important;
}
@media (max-width:370px){
  #page-dining-credits .dc-credit-price{font-size:16px!important}
}

/* 合作餐厅弹层：盖过底栏，底部「知道了」可见可点 */
#dc-partners-backdrop{
  z-index:220!important;
}
#dc-partners-sheet.bottom-sheet{
  z-index:221!important;
  bottom:0!important;
}
#dc-partners-sheet .dc-partners-sheet-actions{
  padding-bottom:max(20px, calc(env(safe-area-inset-bottom, 0px) + 16px))!important;
  background:var(--bw-surface,#fff)!important;
}
#dc-partners-sheet .dc-partners-sheet-actions .dc-partners-sheet-btn,
#dc-partners-sheet .dc-partners-sheet-actions .dc-btn-primary{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  visibility:visible!important;
  opacity:1!important;
}

/* ===== 我的页：小红书式布局 + 设置右抽屉 ===== */
#page-settings .acct-main-nav>div{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  padding:0 16px!important;
}
#page-settings .acct-main-wordmark{
  display:block!important;
  color:var(--bw-ink)!important;
  font-size:17px!important;
  font-weight:750!important;
  letter-spacing:-.02em!important;
}
#page-settings .acct-main-header-actions{
  margin-left:auto!important;
}
#page-settings .profile-menu-btn,
#page-settings .acct-main-header-actions .profile-menu-btn{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--bw-ink)!important;
}
#page-settings .profile-menu-btn .material-symbols-outlined{
  font-size:24px!important;
  font-variation-settings:'wght' 500!important;
}

/* 头像左 + 数据右（小红书主信息区） */
#page-settings.page.active .profile-social-hero{
  display:block!important;
  padding:14px 16px 12px!important;
}
#page-settings .profile-xhs-top{
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
}
#page-settings .profile-xhs-top .acct-profile-hero{
  width:76px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#page-settings .profile-social-hero .acct-profile-avatar{
  width:76px!important;
  height:76px!important;
}
#page-settings .profile-social-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  justify-items:center!important;
}
#page-settings .profile-social-stats .profile-stat{
  width:100%!important;
  min-width:0!important;
  align-items:center!important;
  gap:2px!important;
}
#page-settings .profile-social-stats .profile-stat+.profile-stat::before{display:none!important}
#page-settings .profile-social-stats .profile-stat strong{
  font-size:16px!important;
  font-weight:750!important;
  color:var(--bw-ink)!important;
}
#page-settings .profile-social-stats .profile-stat span{
  font-size:11px!important;
  color:var(--bw-muted)!important;
  white-space:nowrap!important;
}
#page-settings .profile-xhs-meta{
  margin-top:12px!important;
  text-align:left!important;
}
#page-settings .profile-xhs-name,
#page-settings #acct-profile-name-display{
  margin:0!important;
  color:var(--bw-ink)!important;
  font-size:16px!important;
  font-weight:750!important;
  line-height:1.3!important;
}
#page-settings .profile-social-id,
#page-settings #acct-profile-email-display{
  margin:4px 0 0!important;
  color:var(--bw-muted)!important;
  font-size:12px!important;
  line-height:1.35!important;
}
#page-settings .profile-social-bio{
  margin:8px 0 0!important;
  color:var(--bw-copy)!important;
  font-size:13px!important;
  line-height:1.5!important;
}
#page-settings .profile-edit-btn{
  margin-top:12px!important;
  min-height:34px!important;
  padding:0 14px!important;
  border:1px solid var(--bw-line-strong,rgba(0,0,0,.12))!important;
  border-radius:999px!important;
  background:var(--bw-surface,#fff)!important;
  color:var(--bw-ink)!important;
  font-size:13px!important;
  font-weight:650!important;
}
#page-settings .profile-service-card .material-symbols-outlined{
  font-size:22px!important;
  font-variation-settings:'wght' 400!important;
}

/* 设置右抽屉 */
.profile-settings-drawer-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:229!important;
  display:none!important;
  background:rgba(0,0,0,.36)!important;
  -webkit-tap-highlight-color:transparent;
}
.profile-settings-drawer-backdrop.active,
body.profile-settings-drawer-open .profile-settings-drawer-backdrop{
  display:block!important;
}
#acct-settings-hub.profile-settings-drawer,
#page-settings #acct-settings-hub.profile-settings-drawer{
  left:auto!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:min(82vw,320px)!important;
  max-width:320px!important;
  border-left:1px solid var(--bw-line,rgba(0,0,0,.08))!important;
  box-shadow:-12px 0 40px rgba(0,0,0,.16)!important;
  background:var(--bw-surface,#fff)!important;
  z-index:230!important;
}
#acct-settings-hub.profile-settings-drawer .profile-settings-body{
  padding:16px 14px calc(28px + env(safe-area-inset-bottom,0px))!important;
}
#acct-settings-hub.profile-settings-drawer .profile-drawer-close{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  margin-left:auto!important;
  border:0!important;
  background:transparent!important;
  color:var(--bw-ink)!important;
}
body.profile-settings-drawer-open .app-tabbar{
  z-index:180!important;
}

/* ===== 欧美精品餐饮编辑感：减纯黑 / 控橙色 / 轻餐厅层 / 克制字阶 ===== */
#page-home{
  --home-theme-orange:var(--bw-home-action,#df8665);
  --home-charcoal:rgba(34,30,28,.88);
  --home-charcoal-soft:rgba(42,37,34,.55);
  --home-warm-white:rgba(255,250,245,.96);
  --home-warm-muted:rgba(255,248,242,.62);
  --home-copper:var(--home-theme-orange);
  --home-copper-press:var(--bw-home-action-press,#c87355);
  --home-copper-soft:rgba(223,134,101,.22);
}
#page-home .home-example-card,
#page-home .home-recommendation-unit,
#page-home .home-video-stage{
  background:#1c1917!important;
}

/* 遮罩：炭灰而非纯黑 */
#page-home:not(.home-agent-sheet-open) .home-video-scrim,
#page-home .home-video-scrim{
  background:
    linear-gradient(180deg,rgba(28,24,22,.46) 0%,rgba(28,24,22,.18) 18%,transparent 36%),
    linear-gradient(0deg,rgba(28,24,22,.72) 0%,rgba(34,30,28,.36) 22%,rgba(34,30,28,.08) 42%,transparent 62%)!important;
}

/* 橙色只给关注 / 预订（关键确认） */
#page-home:not(.home-agent-sheet-open) .home-creator-follow,
#page-home .home-creator-follow{
  border:1px solid rgba(255,248,242,.22)!important;
  background:rgba(34,30,28,.38)!important;
  color:var(--home-warm-white)!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
#page-home:not(.home-agent-sheet-open) .home-creator-follow:not(.is-following),
#page-home .home-creator-follow:not(.is-following){
  border-color:rgba(223,134,101,.62)!important;
  background:var(--home-copper)!important;
  color:#fffaf5!important;
}
#page-home:not(.home-agent-sheet-open) .home-creator-follow:not(.is-following)::before,
#page-home .home-creator-follow:not(.is-following)::before{
  color:#fffaf5!important;
}
#page-home:not(.home-agent-sheet-open) .home-creator-follow.is-following,
#page-home .home-creator-follow.is-following{
  border-color:rgba(255,248,242,.18)!important;
  background:rgba(42,37,34,.42)!important;
  color:var(--home-warm-muted)!important;
  box-shadow:none!important;
}
#page-home .home-restaurant-reserve,
.result-video-lightbox .home-restaurant-reserve{
  border:0!important;
  background:var(--bw-home-action,#df8665)!important;
  color:#fffaf5!important;
  box-shadow:0 6px 18px rgba(223,134,101,.22)!important;
}
#page-home .home-restaurant-reserve:active,
.result-video-lightbox .home-restaurant-reserve:active{
  background:var(--bw-home-action-press,#c87355)!important;
}

/* 普通互动图标：暖白 / 中性，不用高饱和社交色当默认强调 */
#page-home .home-example-primary-actions button,
#page-home .home-action-like,
#page-home .home-example-save,
.result-video-lightbox-actions button.home-action-like,
.result-video-lightbox-actions button.home-example-save{
  color:rgba(255,250,245,.96)!important;
  filter:none!important;
}
#page-home .home-example-primary-actions small,
.result-video-lightbox-actions small{
  color:rgba(255,248,242,.62)!important;
}
#page-home .home-action-like.is-selected,
.result-video-lightbox-actions .home-action-like.is-selected{
  color:#f3e7dc!important;
}
#page-home .home-example-save.is-saved,
.result-video-lightbox-actions .home-example-save.is-saved{
  color:#e8d7c6!important;
}
#page-home .home-action-like.is-selected small,
#page-home .home-example-save.is-saved small,
.result-video-lightbox-actions .home-action-like.is-selected small,
.result-video-lightbox-actions .home-example-save.is-saved small{
  color:inherit!important;
}

/* 餐厅卡：取消厚重黑底，只靠底部渐变信息层承载文字 */
#page-home .home-restaurant-card,
#page-home.home-agent-sheet-open .home-recommendation-unit.is-active .home-restaurant-card,
.result-video-lightbox-restaurant .home-restaurant-card,
.result-video-lightbox .home-restaurant-card{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
}
#page-home .home-restaurant-info strong,
.result-video-lightbox-restaurant .home-restaurant-info strong{
  color:rgba(255,250,245,.96)!important;
  font-size:13px!important;
  font-weight:650!important;
  text-shadow:0 1px 2px rgba(28,24,22,.55)!important;
}
#page-home .home-restaurant-info span,
#page-home .home-restaurant-info b,
.result-video-lightbox-restaurant .home-restaurant-info span,
.result-video-lightbox-restaurant .home-restaurant-info b{
  color:rgba(255,248,242,.62)!important;
  font-size:11px!important;
  font-weight:500!important;
  text-shadow:0 1px 2px rgba(28,24,22,.45)!important;
}
#page-home .home-restaurant-thumb,
.result-video-lightbox-restaurant .home-restaurant-thumb{
  box-shadow:0 2px 10px rgba(28,24,22,.28)!important;
  border:1px solid rgba(255,248,242,.12)!important;
}

/* 字阶：菜名突出，场景与次级信息明显退后 */
#page-home:not(.home-agent-sheet-open) .home-example-dish-name,
#page-home .home-example-dish-name{
  color:#fffaf5!important;
  font-size:clamp(22px,5.8vw,26px)!important;
  font-weight:750!important;
  letter-spacing:-.03em!important;
  line-height:1.15!important;
  text-shadow:0 1px 2px rgba(28,24,22,.7),0 8px 24px rgba(28,24,22,.28)!important;
  filter:none!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-summary p,
#page-home .home-example-summary p,
.result-video-lightbox-meta{
  color:rgba(255,248,242,.58)!important;
  font-size:12px!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  text-shadow:0 1px 2px rgba(28,24,22,.45)!important;
}
#page-home .home-creator-identity strong{
  color:var(--home-warm-white)!important;
  font-weight:650!important;
}
#page-home .home-creator-identity small,
#page-home .home-creator-stat,
#page-home .home-creator-stat em{
  color:var(--home-warm-muted)!important;
  font-weight:500!important;
}

/* 推荐胶囊：炭灰玻璃，降低促销感 */
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-collapsed,
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason:not(.is-collapsed),
.result-video-lightbox-why.is-collapsed .home-example-ai-reason,
.result-video-lightbox-why:not(.is-collapsed) .home-example-ai-reason{
  background:rgba(42,37,34,.52)!important;
  border-color:rgba(255,248,242,.14)!important;
  box-shadow:0 4px 14px rgba(28,24,22,.18)!important;
}
#page-home:not(.home-agent-sheet-open) .home-example-ai-reason.is-collapsed .home-why-header b,
.result-video-lightbox-why.is-collapsed .home-example-ai-reason .home-why-header b{
  color:rgba(255,248,242,.88)!important;
  font-weight:550!important;
}

/* 灯箱同步：炭灰底 + 铜橙关键动作 */
.result-video-lightbox[data-source="agent"],
.result-video-lightbox[data-source="profile"],
.result-video-lightbox[data-profile-video-preview="true"],
.result-video-lightbox[data-source="chat"]{
  background:#1c1917!important;
}
.result-video-lightbox-creator .home-creator-follow:not(.is-following){
  border-color:rgba(223,134,101,.62)!important;
  background:var(--bw-home-action,#df8665)!important;
  color:#fffaf5!important;
}
.result-video-lightbox-creator .home-creator-follow.is-following{
  border-color:rgba(255,248,242,.18)!important;
  background:rgba(42,37,34,.42)!important;
  color:rgba(255,248,242,.62)!important;
  box-shadow:none!important;
}

/* 我的页顶栏：无标题、无分隔边框，与页面一体 */
#page-settings .acct-main-nav,
#page-settings.page.active .acct-main-nav{
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#page-settings .acct-main-nav>div{
  justify-content:flex-end!important;
}
#page-settings .acct-main-wordmark{display:none!important}
#page-settings .acct-main-header-actions{
  margin-left:auto!important;
}
#page-settings .profile-menu-btn,
#page-settings .acct-main-header-actions .profile-menu-btn,
#page-settings .acct-main-header-actions button{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Home restaurant disclosure: booking is a deliberate second-step action. */
#page-home .home-restaurant-card{
  display:grid!important;
  width:100%!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  grid-template-areas:
    "thumb info toggle"
    "thumb reserve reserve"!important;
  column-gap:9px!important;
  row-gap:0!important;
  align-items:center!important;
  cursor:pointer;
}
#page-home .home-restaurant-card:focus-visible{
  outline:2px solid rgba(255,248,242,.88)!important;
  outline-offset:3px!important;
}
#page-home .home-restaurant-thumb{grid-area:thumb!important}
#page-home .home-restaurant-info{
  grid-area:info!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:1px!important;
}
#page-home .home-restaurant-info strong{
  width:100%!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  white-space:normal!important;
  text-overflow:ellipsis!important;
}
#page-home .home-restaurant-primary-meta,
#page-home .home-restaurant-cuisines{
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#page-home .home-restaurant-primary-meta .home-restaurant-price{
  color:rgba(255,248,242,.86)!important;
  font-weight:600!important;
}
#page-home .home-restaurant-cuisines{
  color:rgba(255,248,242,.66)!important;
}
#page-home .home-restaurant-expand{
  grid-area:toggle!important;
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:1px solid rgba(255,248,242,.14)!important;
  border-radius:50%!important;
  background:rgba(42,37,34,.38)!important;
  color:rgba(255,248,242,.72)!important;
  transition:background var(--bw-motion-fast,160ms) ease,color var(--bw-motion-fast,160ms) ease!important;
}
#page-home .home-restaurant-expand .material-symbols-outlined{font-size:20px!important}
#page-home .home-restaurant-secondary{
  max-height:0!important;
  opacity:0!important;
  overflow:hidden!important;
  transform:translateY(-2px)!important;
  transition:max-height var(--bw-motion-base,220ms) ease,opacity var(--bw-motion-fast,160ms) ease,transform var(--bw-motion-base,220ms) ease!important;
}
#page-home .home-restaurant-reserve{
  grid-area:reserve!important;
  justify-self:end!important;
  width:0!important;
  max-width:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  visibility:hidden!important;
  overflow:hidden!important;
  pointer-events:none!important;
  transform:translateY(-4px)!important;
  transition:max-width var(--bw-motion-base,220ms) ease,opacity var(--bw-motion-fast,160ms) ease,transform var(--bw-motion-base,220ms) ease!important;
}
#page-home .home-restaurant-card.is-expanded{
  row-gap:7px!important;
}
#page-home .home-restaurant-card.is-expanded .home-restaurant-expand{
  background:rgba(255,248,242,.14)!important;
  color:#fffaf5!important;
}
#page-home .home-restaurant-card.is-expanded .home-restaurant-secondary{
  max-height:24px!important;
  opacity:1!important;
  transform:none!important;
}
#page-home .home-restaurant-card.is-expanded .home-restaurant-reserve{
  width:auto!important;
  max-width:180px!important;
  min-height:36px!important;
  padding:8px 12px!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
}

/* Calm default home state: one AI entry, no competing suggestion chips. */
#page-home[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .home-context-questions{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}
#page-home[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .home-bottom-area{
  padding:8px 14px 10px!important;
}
#page-home[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .home-agent-composer{
  min-height:48px!important;
  border-radius:24px!important;
}

/* Restaurant identity leads; details stay compact and support multiple cuisines. */
#page-home:not(.home-agent-sheet-open) .home-restaurant-card{
  display:grid!important;
  width:100%!important;
  max-width:100%!important;
}
#page-home:not(.home-agent-sheet-open) .home-recommendation-unit.is-active.is-reveal-summary .home-restaurant-card{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  grid-template-areas:
    "thumb info toggle"
    "thumb reserve reserve"!important;
}

/* Home v3: stable restaurant card, progressive booking, guided AI, system palette. */
#page-home:not(.home-agent-sheet-open) .home-recommendation-unit.is-active .home-restaurant-card,
#page-home:not(.home-agent-sheet-open) .home-recommendation-unit.is-active.is-reveal-summary .home-restaurant-card{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 68px!important;
  grid-template-areas:"thumb info reserve"!important;
  column-gap:9px!important;
  width:100%!important;
  height:74px!important;
  min-height:74px!important;
  max-height:74px!important;
  padding:7px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(34,35,37,.92),rgba(16,17,19,.91))!important;
  box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(16px) saturate(104%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(104%)!important;
  cursor:default!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-thumb{
  width:46px!important;
  height:46px!important;
  align-self:center!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-info{
  align-self:center!important;
  gap:0!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-info strong{
  font-size:13px!important;
  line-height:1.18!important;
  -webkit-line-clamp:2!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-primary-meta,
#page-home:not(.home-agent-sheet-open) .home-restaurant-cuisines{
  font-size:10px!important;
  line-height:1.35!important;
}
#page-home .home-restaurant-expand,
#page-home .home-restaurant-secondary{
  display:none!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-reserve{
  grid-area:reserve!important;
  align-self:center!important;
  justify-self:end!important;
  display:inline-flex!important;
  width:64px!important;
  max-width:64px!important;
  min-width:64px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 8px!important;
  gap:4px!important;
  overflow:hidden!important;
  border-radius:17px!important;
  background:var(--home-copper,#c4784a)!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
  box-shadow:0 4px 12px rgba(103,57,34,.2)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(3px)!important;
  transition:opacity 220ms ease,transform 220ms ease,visibility 220ms ease!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-card.is-reserve-ready .home-restaurant-reserve{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-reserve svg{
  width:15px!important;
  height:15px!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-reserve span{
  font-size:11px!important;
  font-weight:650!important;
  white-space:nowrap!important;
}

#page-home[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .home-bottom-area{
  padding:8px 14px 10px!important;
  background:linear-gradient(180deg,var(--home-espresso-850,#1d1612) 0%,var(--home-espresso-900,#17110d) 100%)!important;
  border-top:1px solid rgba(255,232,215,.10)!important;
}
#page-home[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .home-control-panel{
  gap:7px!important;
  background:transparent!important;
}
#page-home[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .home-context-questions,
#page-home[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .home-context-questions.is-ready,
#page-home[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .is-questions-ready .home-context-questions{
  display:flex!important;
  width:100%!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#page-home[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .home-context-questions button{
  flex:0 0 auto!important;
  min-height:32px!important;
  padding:6px 12px!important;
  border:1px solid rgba(255,232,215,.15)!important;
  border-radius:16px!important;
  background:rgba(67,50,40,.42)!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:12px!important;
  font-weight:580!important;
}
#page-home[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .home-agent-composer{
  min-height:48px!important;
  border:1px solid rgba(255,232,215,.15)!important;
  border-radius:24px!important;
  background:rgba(56,42,34,.54)!important;
  box-shadow:inset 0 1px 0 rgba(255,244,235,.04)!important;
}
#page-home[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .home-agent-composer input{
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
}
#page-home[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .home-agent-composer input::placeholder{
  color:var(--home-warm-muted,rgba(255,248,242,.62))!important;
}

#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-bottom-area{
  height:54dvh!important;
  border:1px solid rgba(255,232,215,.10)!important;
  border-bottom:0!important;
  border-radius:24px 24px 0 0!important;
  background:var(--home-espresso-900,#17110d)!important;
  box-shadow:0 -12px 32px rgba(9,5,2,.28)!important;
}
#page-home[data-home-agent-stage="guide"][data-home-conversation-state="expanded"].home-agent-sheet-open .home-bottom-area{
  height:42dvh!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-control-panel{
  padding:0 14px max(10px,env(safe-area-inset-bottom,0px))!important;
  background:var(--home-espresso-900,#17110d)!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-agent-drawer-header{
  min-height:58px!important;
  padding:10px 0!important;
  border-bottom:1px solid rgba(255,232,215,.10)!important;
  background:transparent!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-agent-drawer-header strong{
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
  font-size:14px!important;
  font-weight:700!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-agent-drawer-header small{
  color:var(--home-warm-muted,rgba(255,248,242,.62))!important;
  font-size:11px!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-agent-drawer-header button{
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
  background:transparent!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-agent-sheet-header{
  display:none!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-agent-conversation,
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-agent-answer-card,
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-agent-thread{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-agent-answer-card{
  padding:0!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-agent-thread{
  padding:14px 2px 10px!important;
}
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-thread{
  display:flex!important;
  align-items:center!important;
  padding:12px 2px 8px!important;
}
#page-home .home-agent-guide{
  width:100%!important;
}
#page-home .home-agent-guide-copy strong{
  display:block!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
  font-size:18px!important;
  line-height:1.3!important;
  letter-spacing:-.02em!important;
}
#page-home .home-agent-guide-copy p{
  margin:5px 0 12px!important;
  color:var(--home-warm-muted,rgba(255,248,242,.62))!important;
  font-size:12px!important;
  line-height:1.45!important;
}
#page-home .home-agent-guide-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
#page-home .home-agent-guide-actions button{
  min-height:40px!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,232,215,.14)!important;
  border-radius:13px!important;
  background:var(--home-espresso-800,#241b16)!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:620!important;
  text-align:left!important;
}
#page-home .home-agent-guide-actions button:active,
#page-home .home-agent-guide-actions button.is-pressed{
  border-color:var(--home-copper,#c4784a)!important;
  background:var(--home-copper-soft,rgba(196,120,74,.34))!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-agent-composer{
  flex:0 0 54px!important;
  min-height:50px!important;
  margin-top:4px!important;
  border:1px solid rgba(255,232,215,.15)!important;
  border-radius:25px!important;
  background:rgba(56,42,34,.68)!important;
  box-shadow:inset 0 1px 0 rgba(255,244,235,.04)!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-agent-composer input{
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-agent-composer input::placeholder{
  color:var(--home-warm-muted,rgba(255,248,242,.62))!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open .home-control-mic{
  background:var(--home-copper,#c4784a)!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
  box-shadow:none!important;
}
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-recommendation-unit.is-active{
  height:58dvh!important;
  max-height:58dvh!important;
}
#page-home[data-home-agent-stage="chat"].home-agent-sheet-open .home-recommendation-unit.is-active{
  height:46dvh!important;
  max-height:46dvh!important;
}
#page-home.home-agent-sheet-open .home-restaurant-reserve{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#page-home .home-agent-thread-turn.is-assistant{
  max-width:88%!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,232,215,.12)!important;
  border-radius:15px 15px 15px 5px!important;
  background:var(--home-espresso-800,#241b16)!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
  box-shadow:none!important;
}
#page-home .home-agent-thread-turn.is-user{
  max-width:84%!important;
  padding:10px 12px!important;
  border:1px solid rgba(196,120,74,.46)!important;
  border-radius:15px 15px 5px 15px!important;
  background:var(--home-copper-soft,rgba(196,120,74,.34))!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
  box-shadow:none!important;
}

/* V3 specificity guardrails against legacy home themes. */
#page-home:not(.home-agent-sheet-open) .home-recommendation-unit.is-active .home-restaurant-card{
  box-sizing:border-box!important;
}
#page-home.home-feed-compact.home-questions-visible[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) #home-bottom-area{
  background:linear-gradient(180deg,var(--home-espresso-850,#1d1612) 0%,var(--home-espresso-900,#17110d) 100%)!important;
  border-top-color:rgba(255,232,215,.10)!important;
}
#page-home.home-feed-compact.home-questions-visible[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) #home-agent-panel{
  background:transparent!important;
  box-shadow:none!important;
}
#page-home.home-feed-compact.home-questions-visible[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) #home-agent-panel .home-context-questions button{
  border-color:rgba(255,232,215,.15)!important;
  background:rgba(67,50,40,.42)!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
  opacity:1!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
#page-home.home-feed-compact.home-questions-visible[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) #home-agent-panel .home-agent-composer{
  border-color:rgba(255,232,215,.15)!important;
  background:rgba(56,42,34,.54)!important;
  box-shadow:inset 0 1px 0 rgba(255,244,235,.04)!important;
}
#page-home.home-feed-compact.home-questions-visible[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) #home-agent-panel .home-agent-composer input{
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
  opacity:1!important;
}
#page-home.home-feed-compact.home-questions-visible[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) #home-agent-panel .home-agent-composer input::placeholder{
  color:var(--home-warm-muted,rgba(255,248,242,.62))!important;
  opacity:1!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-bottom-area,
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel{
  background:var(--home-espresso-900,#17110d)!important;
}
#page-home[data-home-agent-stage="chat"][data-home-conversation-state="expanded"].home-agent-sheet-open #home-bottom-area{
  height:42dvh!important;
}
#page-home[data-home-agent-stage="chat"][data-home-conversation-state="expanded"].home-agent-sheet-open:has(#home-agent-panel.is-showing-results) #home-bottom-area{
  height:57dvh!important;
}
#page-home[data-home-agent-stage="chat"].home-agent-sheet-open .home-recommendation-unit.is-active{
  height:58dvh!important;
  max-height:58dvh!important;
}
#page-home[data-home-agent-stage="chat"].home-agent-sheet-open:has(#home-agent-panel.is-showing-results) .home-recommendation-unit.is-active{
  height:43dvh!important;
  max-height:43dvh!important;
}
#page-home.home-agent-sheet-open .home-main,
#page-home.home-agent-sheet-open .home-discovery{
  background:#1c1917!important;
}
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-guide,
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-guide *{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  animation:none!important;
}
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-conversation,
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-answer-card,
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-thread{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}

/* Home AI color contract: the media experience always stays espresso, warm white and copper. */
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-bottom-area,
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel,
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-conversation,
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel :is(.home-agent-answer-card,.home-agent-thread,.home-agent-results){
  border-color:rgba(255,232,215,.10)!important;
  background:var(--home-espresso-900,#17110d)!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-drawer-header{
  border-bottom-color:rgba(255,232,215,.10)!important;
  background:var(--home-espresso-900,#17110d)!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-drawer-header strong,
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-drawer-header button,
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-guide-copy strong,
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-results-heading strong{
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-drawer-header small,
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-guide-copy p,
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-result-copy{
  color:var(--home-warm-muted,rgba(255,248,242,.62))!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-guide-actions button,
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-quick-replies button{
  border-color:rgba(255,232,215,.14)!important;
  background:var(--home-espresso-800,#241b16)!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
  box-shadow:none!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-guide-actions button:active,
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-guide-actions button.is-pressed,
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-quick-replies button:active{
  border-color:var(--home-copper,#c4784a)!important;
  background:var(--home-copper-soft,rgba(196,120,74,.34))!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-composer{
  border-color:rgba(255,232,215,.15)!important;
  background:rgba(56,42,34,.68)!important;
  box-shadow:inset 0 1px 0 rgba(255,244,235,.04)!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-composer input{
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-composer input::placeholder{
  color:var(--home-warm-muted,rgba(255,248,242,.62))!important;
  opacity:1!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-control-mic{
  background:var(--home-copper,#c4784a)!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-thread-turn.is-assistant{
  border-color:rgba(255,232,215,.12)!important;
  background:var(--home-espresso-800,#241b16)!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-thread-turn.is-user{
  border-color:rgba(242,118,46,.42)!important;
  background:var(--home-copper-soft,rgba(196,120,74,.34))!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
}
#page-home[data-home-conversation-state="expanded"].home-agent-sheet-open #home-agent-panel .home-agent-result-grid > button{
  border-color:rgba(255,232,215,.12)!important;
  background:var(--home-espresso-800,#241b16)!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
}

/* Keep right-side reactions entirely above the fixed 74px restaurant card. */
#page-home:not(.home-agent-sheet-open):has(.home-recommendation-unit.is-active.is-reveal-conversation) .home-recommendation-unit.is-active.is-reveal-summary .home-example-primary-actions{
  top:auto!important;
  right:8px!important;
  bottom:calc(74px + 28px)!important;
  transform:none!important;
}

/* Keep guidance inside the opened conversation; the collapsed home shows only the composer. */
#page-home:not(.home-agent-sheet-open) #home-context-questions{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Three compact lines must remain visible: name, rating/price, primary cuisine/distance. */
#page-home:not(.home-agent-sheet-open) .home-restaurant-info strong{
  display:block!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  -webkit-line-clamp:1!important;
}

/* Contextual AI refinement: reason first, precise condition second. */
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-guide-copy strong,
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-guide-step-head strong{
  display:block!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
  font-size:18px!important;
  font-weight:720!important;
  line-height:1.28!important;
  letter-spacing:-.02em!important;
}
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-guide{
  display:flex!important;
  flex-direction:column!important;
  min-height:196px!important;
}
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-guide-actions button{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:42px!important;
}
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-guide-actions button > span{
  flex:0 0 auto!important;
  font-size:16px!important;
  line-height:1!important;
}
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-guide-actions button > b{
  min-width:0!important;
  overflow:hidden!important;
  color:inherit!important;
  font:inherit!important;
  font-weight:650!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-guide-step-head{
  margin:0 0 10px!important;
}
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-guide-step-head > button{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-height:24px!important;
  margin:0 0 5px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--home-copper,#c4784a)!important;
  font-size:11px!important;
  font-weight:650!important;
}
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-guide-custom{
  border-color:rgba(242,118,46,.34)!important;
  color:var(--home-copper,#c4784a)!important;
}

/* First-step reasons are plain text in one horizontal row. */
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-guide[data-guide-step="reason"] .home-agent-guide-actions{
  display:flex!important;
  grid-template-columns:none!important;
  gap:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-guide[data-guide-step="reason"] .home-agent-guide-actions::-webkit-scrollbar{
  display:none!important;
}
#page-home[data-home-agent-stage="guide"].home-agent-sheet-open .home-agent-guide[data-guide-step="reason"] .home-agent-guide-actions button{
  flex:1 0 auto!important;
  min-width:max-content!important;
  min-height:40px!important;
  padding:7px 11px!important;
  justify-content:center!important;
  text-align:center!important;
}

/* Personalization belongs to the restaurant card; details open in a compact bottom sheet. */
#page-home:not(.home-agent-sheet-open) .home-restaurant-info{
  min-height:0!important;
  justify-content:center!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-info strong{
  font-size:12.5px!important;
  line-height:1.15!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-primary-meta,
#page-home:not(.home-agent-sheet-open) .home-restaurant-cuisines{
  font-size:9.5px!important;
  line-height:1.2!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-fit{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:3px!important;
  width:100%!important;
  min-width:0!important;
  min-height:12px!important;
  height:12px!important;
  margin:1px 0 0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#f4a16a!important;
  box-shadow:none!important;
  font-size:9.5px!important;
  font-weight:650!important;
  line-height:12px!important;
  text-align:left!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-fit > span{
  flex:0 0 auto!important;
  font-size:9px!important;
  line-height:1!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-fit > em{
  display:block!important;
  flex:0 1 auto!important;
  position:static!important;
  inset:auto!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-style:normal!important;
  font-size:inherit!important;
  line-height:inherit!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-fit > b{
  flex:0 0 auto!important;
  color:rgba(255,238,226,.72)!important;
  font-size:13px!important;
  font-weight:500!important;
}

.home-fit-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:638!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  background:rgba(10,7,5,.46)!important;
  transition:opacity 180ms ease,visibility 180ms ease!important;
}
.home-fit-backdrop.active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
body:has(#page-home.home-fit-sheet-open) .app-tabbar{
  display:none!important;
}
.home-fit-sheet{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  z-index:639!important;
  display:flex!important;
  flex-direction:column!important;
  width:min(430px,100vw)!important;
  height:clamp(270px,35dvh,320px)!important;
  padding:7px 18px max(15px,env(safe-area-inset-bottom,0px))!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-bottom:0!important;
  border-radius:22px 22px 0 0!important;
  background:linear-gradient(180deg,#202123 0%,#141517 100%)!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
  box-shadow:0 -16px 38px rgba(8,5,3,.34)!important;
  transform:translate(-50%,110%)!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:transform 220ms cubic-bezier(.2,.8,.2,1),visibility 220ms ease!important;
  box-sizing:border-box!important;
}
.home-fit-sheet.active{
  transform:translate(-50%,0)!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.home-fit-sheet-handle{
  flex:0 0 auto!important;
  width:34px!important;
  height:4px!important;
  margin:0 auto 7px!important;
  border-radius:999px!important;
  background:rgba(255,244,235,.24)!important;
}
.home-fit-sheet-header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex:0 0 auto!important;
  padding:0 0 9px!important;
  border-bottom:1px solid rgba(255,232,215,.09)!important;
}
.home-fit-sheet-header > div{
  min-width:0!important;
}
.home-fit-sheet-header strong{
  display:block!important;
  overflow:hidden!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
  font-size:17px!important;
  font-weight:720!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.home-fit-sheet-header small{
  display:block!important;
  margin-top:3px!important;
  color:var(--home-warm-muted,rgba(255,248,242,.62))!important;
  font-size:11px!important;
  line-height:1.3!important;
}
.home-fit-sheet-header button{
  display:grid!important;
  place-items:center!important;
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  margin:-3px -5px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
}
.home-fit-sheet-header button .material-symbols-outlined{
  font-size:22px!important;
}
.home-fit-sheet-reasons{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
  flex:1 1 auto!important;
  min-height:0!important;
  padding:8px 0 0!important;
}
.home-fit-sheet-row{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  min-height:48px!important;
  padding:5px 0!important;
}
.home-fit-sheet-row > .material-symbols-outlined{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  background:rgba(242,118,46,.14)!important;
  color:#f49a5d!important;
  font-size:17px!important;
}
.home-fit-sheet-row > div{
  min-width:0!important;
}
.home-fit-sheet-row strong{
  display:block!important;
  color:var(--home-warm-white,rgba(255,250,245,.96))!important;
  font-size:13px!important;
  font-weight:680!important;
  line-height:1.25!important;
}
.home-fit-sheet-row small{
  display:block!important;
  margin-top:2px!important;
  overflow:hidden!important;
  color:var(--home-warm-muted,rgba(255,248,242,.62))!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* Home primary actions share the same orange as the active system navigation. */
:root{
  --bw-home-action:#df8665;
  --bw-home-action-press:#c87355;
}
#page-home .home-creator-follow:not(.is-following),
.home-creator-sheet-header .home-creator-follow:not(.is-following),
.result-video-lightbox-creator .home-creator-follow:not(.is-following),
#page-home .home-restaurant-reserve,
.result-video-lightbox .home-restaurant-reserve,
#page-home .home-control-mic,
#page-home .home-video-offer{
  border-color:rgba(223,134,101,.64)!important;
  background:var(--bw-home-action,#df8665)!important;
  color:#fff!important;
  box-shadow:0 5px 16px rgba(223,134,101,.20)!important;
}
#page-home .home-creator-follow:not(.is-following):active,
.home-creator-sheet-header .home-creator-follow:not(.is-following):active,
.result-video-lightbox-creator .home-creator-follow:not(.is-following):active,
#page-home .home-restaurant-reserve:active,
.result-video-lightbox .home-restaurant-reserve:active,
#page-home .home-control-mic:active,
#page-home .home-video-offer:active{
  background:var(--bw-home-action-press,#c87355)!important;
}
#page-home:not(.home-agent-sheet-open) .home-restaurant-primary-meta > b{
  color:#f5a06a!important;
}

/* Chrome short-viewport guard: keep the intro CTA fully visible without hiding content. */
#page-onboarding[data-ob-layout="design"].is-prefs :is(.ob-selection-grid,.ob-tile-grid){
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#page-onboarding[data-ob-layout="design"] .ob-allergy-grid button,
#acct-dietary #profile-preference-editor .ob-allergy-grid button{
  min-height:48px!important;
}
#page-onboarding[data-ob-layout="design"] .ob-allergy-grid button b,
#acct-dietary #profile-preference-editor .ob-allergy-grid button b{
  min-width:0;
  line-height:1.25!important;
  white-space:normal!important;
}
#page-onboarding[data-ob-layout="design"] .ob-allergy-note,
#acct-dietary #profile-preference-editor .ob-allergy-note{
  display:flex;
  align-items:flex-start;
  gap:7px;
  margin:10px 2px 2px;
  color:var(--bw-copy,#6b6b68);
  font-size:11px;
  line-height:1.5;
}
#page-onboarding[data-ob-layout="design"] .ob-allergy-note .material-symbols-outlined,
#acct-dietary #profile-preference-editor .ob-allergy-note .material-symbols-outlined{
  flex:0 0 auto;
  margin-top:1px;
  color:var(--bw-accent,#c64a16);
  font-size:16px;
}
@media (max-height:600px){
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-screen{
    padding-top:max(7px,env(safe-area-inset-top,0px))!important;
    padding-bottom:max(6px,env(safe-area-inset-bottom,0px))!important;
  }
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-brand{
    gap:4px!important;
    margin-bottom:6px!important;
  }
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-brand .ob-brand-mark,
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-brand img.ob-brand-mark{
    width:34px!important;
    height:34px!important;
  }
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-kicker{display:none!important}
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-copy{margin-bottom:6px!important}
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-copy h1{font-size:22px!important}
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-accent{
    margin-top:5px!important;
    font-size:12px!important;
    line-height:1.3!important;
  }
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-collage{
    min-height:138px!important;
    max-height:26vh!important;
    margin-bottom:6px!important;
  }
  #page-onboarding[data-ob-layout="design"].is-intro .ob-voucher-feature{
    min-height:48px!important;
    margin-bottom:6px!important;
    padding:8px 10px!important;
  }
  #page-onboarding[data-ob-layout="design"].is-intro .ob-voucher-feature > .ob-intro-icon{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
  }
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values{margin-bottom:4px!important}
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values .ob-intro-icon{
    width:20px!important;
    height:20px!important;
  }
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-values b{
    font-size:9.5px!important;
    line-height:1.2!important;
  }
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-actions{gap:2px!important}
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-cta{min-height:48px!important}
  #page-onboarding[data-ob-layout="design"].is-intro .ob-intro-actions .ob-skip-bottom{min-height:26px!important}
}

/* Final settings preference contract: keep after all legacy preference layers. */
:root[data-theme] #acct-dietary .acct-dietary-body{
  padding-bottom:max(24px,env(safe-area-inset-bottom,0px))!important;
}
#acct-dietary .preference-studio-overview{padding:22px 2px 4px!important}
#acct-dietary .preference-studio-chart-title{
  position:static!important;
  inset:auto!important;
  display:block!important;
  margin:0 0 16px!important;
  color:var(--bw-ink)!important;
  font-size:20px!important;
  line-height:1.2!important;
  text-align:left!important;
}
#acct-dietary :is(.preference-studio-empty,.preference-studio-profile)[hidden]{display:none!important}
#acct-dietary .preference-studio-profile{display:block!important;margin:0 0 22px!important}
#acct-dietary .preference-studio-chart{
  position:relative!important;
  width:100%!important;
  height:188px!important;
  max-width:none!important;
  margin:0!important;
}
#acct-dietary .preference-studio-donut{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  width:174px!important;
  height:174px!important;
  border:0!important;
  transform:translate(-50%,-50%) rotate(-90deg)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.12)!important;
}
#acct-dietary .preference-studio-donut::after{
  inset:12px!important;
  background:var(--bw-surface)!important;
  box-shadow:inset 0 0 0 1px var(--bw-line)!important;
}
#acct-dietary .preference-studio-score{
  inset:12px!important;
  transform:rotate(90deg)!important;
}
#acct-dietary .preference-studio-score strong{color:var(--bw-ink)!important;font-size:30px!important}
#acct-dietary .preference-studio-score span{color:var(--bw-copy)!important;font-size:11px!important}
#acct-dietary .preference-studio-more > summary{
  min-height:68px!important;
  justify-content:space-between!important;
  padding:12px 2px!important;
  border:0!important;
  border-top:1px solid var(--bw-line)!important;
  border-bottom:1px solid var(--bw-line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--bw-ink)!important;
  box-shadow:none!important;
}
#acct-dietary .preference-studio-more-copy{display:flex!important;min-width:0!important;flex-direction:column!important;gap:4px!important}
#acct-dietary .preference-studio-more-copy b{color:var(--bw-ink)!important;font-size:14px!important}
#acct-dietary .preference-studio-more-copy small{color:var(--bw-copy)!important;font-size:11px!important;line-height:1.35!important}
#acct-dietary .preference-studio-more-chevron{display:block!important;flex:0 0 auto!important;color:var(--bw-muted)!important;font-size:22px!important}
#acct-dietary .preference-studio-more[open] .preference-studio-more-chevron{transform:rotate(180deg)!important}
@media(max-width:380px){
  #acct-dietary .preference-studio-chart{height:174px!important}
  #acct-dietary .preference-studio-donut{width:160px!important;height:160px!important}
}