/* R363 shared shell: calm navy surfaces and clear, existing controls.
   CSS only. Controllers retain open/hidden/disabled state, scroll/focus,
   keyboard viewport sizing, account swipes and the Footer's moving lens.
   No positioning, transforms, animations, artwork or authentication changes. */

/* Header paint only: its existing height, logo, inset and keyboard rules stay. */
html body[data-ui-layout]:has(#ht-footer-navigation-r289) > header {
  background:linear-gradient(115deg,#0c2032,#112e43)!important;
  border-color:#355568!important;
  box-shadow:0 1px 0 #bce9ff0c!important;
}
html body[data-ui-layout]:has(#ht-footer-navigation-r289) > header :is(.member-language-quick,.member-trigger):not([hidden]) {
  min-width:44px!important;min-height:44px!important;
  border-color:#4b7188!important;border-radius:13px!important;
  background:#102b40!important;color:#e8f3fc!important;
  box-shadow:inset 0 1px 0 #dcf3ff0c!important;
}

/* Stationary rail paint only. The optical holder, glass, geometry, glyphs,
   trusted gesture handlers, reduced-transparency fallback and 12px blur stay. */
html body[data-ui-layout] > nav#ht-footer-navigation-r289.ht-footer-nav-r289 {
  border-color:#a6cbdc80!important;
  box-shadow:inset 0 1px 0 #e9f8ff57,inset 0 -1px 0 #06152580,0 7px 20px #020b183d!important;
}

/* Only actual shared dialogs. Inline Profile/Order/Redeem/Owner pages and
   Google/OTP modes are deliberately outside these surfaces. */
html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title),
html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title),
html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title),
html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324),
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) {
  background:#10283b!important;color:#e8f3fc!important;
  border-color:#46677d!important;
  box-shadow:inset 0 1px 0 #d9efff0c,0 18px 48px #010a174d!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title)::backdrop,
html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title)::backdrop,
html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title)::backdrop,
html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324)::backdrop,
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324)::backdrop {
  background:#020c19b3!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title) #member-menu-title,
html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) #member-language-title,
html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) #member-auth-title,
html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324) #ht-contact-title-r324,
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) #ht-catalog-search-title-r324 {
  color:#edf6fd!important;font-size:18px!important;line-height:1.5!important;
  font-weight:700!important;text-shadow:none!important;
}

/* Menu rows keep their existing native order and authenticated visibility. */
html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title) .member-menu-actions > .member-row {
  min-height:50px!important;padding:10px 12px!important;
  background:#132f44!important;border-color:#36576d!important;
  border-radius:13px!important;color:#e8f3fc!important;
  box-shadow:inset 0 1px 0 #d8efff08!important;
  font-size:14px!important;line-height:1.55!important;
}
html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title) .member-row > svg {
  background:#173d53!important;color:#8edbf0!important;
}
html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title) .member-row .member-row-copy :is(b,small) {
  color:#e8f3fc!important;text-shadow:none!important;
}
html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title) .member-row .member-row-copy small {
  color:#adc6d6!important;font-size:12px!important;line-height:1.5!important;
}
html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title) > footer {
  border-color:#345267!important;color:#adc6d6!important;
}

/* Language choices: existing flag artwork, current-language check and the
   hidden list/progress lifecycle are unchanged. */
html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) .member-panel-heading {
  border-color:#345267!important;
}
html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) .member-languages > button {
  min-height:48px!important;padding:8px 10px!important;
  background:#112c40!important;border-color:#2f5066!important;
  border-radius:12px!important;color:#e8f3fc!important;
}
html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) .member-languages > button[aria-pressed="true"] {
  background:#173c51!important;border-color:#80cee5!important;color:#f0faff!important;
}
html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) .member-language-label b {
  font-size:14px!important;line-height:1.5!important;color:#e8f3fc!important;
}
html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) .member-language-label small,
html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) .member-language-progress p {
  font-size:12px!important;line-height:1.55!important;color:#b0cad9!important;
}
html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) .member-close,
html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) .member-auth-back {
  min-width:44px!important;min-height:44px!important;
  background:#102b40!important;border-color:#4b7188!important;
  border-radius:12px!important;color:#d5effb!important;
}

/* Saved accounts: paint and text only on the swipe track. The 68px reveal,
   translate, clipping, remove-button accessibility and OTP switch stay owned. */
html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) .member-panel-heading {
  border-color:#345267!important;
}
html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) .member-account-choice {
  background:#122e43!important;border-color:#3c5e74!important;
  color:#e8f3fc!important;box-shadow:inset 0 1px 0 #d8efff08!important;
}
html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) .member-account-choice[aria-current="true"] {
  background:#173b50!important;border-color:#80cee5!important;
  box-shadow:inset 3px 0 0 #80cee5!important;
}
html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) .member-account-copy b {
  color:#edf6fd!important;font-size:14px!important;line-height:1.5!important;
}
html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) .member-account-copy :is(small,.member-account-email,.member-account-meta) {
  color:#b0cad9!important;font-size:12px!important;line-height:1.5!important;
}
html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) .member-account-remove {
  background:#743249!important;border-color:#a65d73!important;color:#fff0f4!important;
}
html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) .member-use-another-account {
  min-height:46px!important;background:#17374c!important;
  border-color:#527c93!important;border-radius:12px!important;color:#ddf4ff!important;
  font-size:14px!important;line-height:1.5!important;
}

/* Contact center: each entire channel row remains its original safe link.
   Floating-launcher placement/dragging and the brand vectors are untouched. */
/* Native follow-up: fixed inset plus auto height stretched below four rows.
   Content fitting removes that gap; the existing inner scroll owns overflow. */
html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324) {
  height:fit-content!important;min-height:0!important;
  max-height:calc(100dvh - 24px)!important;
}
html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324) .ht-contact-header-r324 {
  background:#0e2538!important;border-color:#345267!important;
}
html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324) .ht-contact-back-r324 {
  background:#102b40!important;border-color:#4b7188!important;color:#d5effb!important;
}
html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324) .ht-contact-hero-r324 {
  background:#142f43!important;border-color:#34586e!important;border-radius:15px!important;
}
html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324) :is(h3,strong) {
  color:#edf6fd!important;text-shadow:none!important;
}
html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324) :is(p,small) {
  color:#b0cad9!important;line-height:1.6!important;
}
html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324) a.ht-contact-row-r324 {
  background:#122e43!important;border-color:#3c5e74!important;
  border-radius:15px!important;color:#e8f3fc!important;
  box-shadow:inset 0 1px 0 #d8efff08!important;
}
html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324) .ht-contact-action-r324 {
  background:#1b4256!important;color:#d5f4ff!important;
  border:1px solid #4c8aa2!important;border-radius:10px!important;
  font-size:12px!important;line-height:1.5!important;
}

/* Search chrome plus result paint only. Existing cards/art/44px favorite
   targets, tabs/query behavior, routes, focus and native scroll do not change. */
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-search-field-r324 {
  background:#0a2033!important;border-color:#557d94!important;
  border-radius:14px!important;box-shadow:inset 0 1px 0 #d8efff08!important;
}
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) #ht-catalog-query-r324 {
  color:#edf6fd!important;font-size:16px!important;
}
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) #ht-catalog-query-r324::placeholder {
  color:#a5c1d2!important;
}
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) :is(.ht-search-back-r324,.ht-search-clear-r324) {
  color:#d5effb!important;background:#17364a!important;
  border-color:#41667c!important;border-radius:12px!important;
}
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-search-tabs-r324 {
  border-color:#345267!important;
}
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-search-tab-r324 {
  min-height:44px!important;background:#112b3f!important;border-color:#345267!important;
  border-radius:11px!important;color:#b8cfde!important;font-size:12px!important;line-height:1.5!important;
}
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-search-tab-r324[aria-selected="true"] {
  background:#1b4256!important;border-color:#80cee5!important;color:#edfaff!important;
}
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) :is(.ht-search-summary-r324,.ht-search-empty-r324,.ht-search-hint-r324) {
  color:#adc6d6!important;font-size:12px!important;line-height:1.6!important;
  border-color:#345267!important;
}
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-search-game-r324 {
  background:linear-gradient(145deg,#142d42,#0d2234)!important;
  border-color:#3c596f!important;color:#e8f3fc!important;
  box-shadow:inset 0 1px 0 #d8efff08!important;
}
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-search-game-r324 > b {
  color:#e8f3fc!important;
}
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-catalog-region-r359 {
  color:#a5c1d2!important;
}
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-catalog-favorite-r324 {
  color:#d0e4ef!important;
}
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-catalog-favorite-r324::before {
  background:#0b2236ec!important;border-color:#5b7d94!important;
}
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-catalog-favorite-r324 > svg {
  fill:none!important;stroke:currentColor!important;
}
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-catalog-favorite-r324[aria-pressed="true"] {
  color:#ffdd74!important;
}
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-catalog-favorite-r324[aria-pressed="true"]::before {
  background:#362f19!important;border-color:#e1c563!important;
}
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-catalog-favorite-r324[aria-pressed="true"] > svg {
  fill:currentColor!important;
}

/* Login/OTP frame paint only: no child, Google iframe, layout, sizing,
   challenge lifecycle or legacy-control visibility overrides. */
html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth.member-passwordless-r360:is([data-mode="login"],[data-mode="otp"]):has(#member-auth-title) {
  background:#10283b!important;color:#e8f3fc!important;border-color:#46677d!important;
  box-shadow:inset 0 1px 0 #d9efff0c,0 18px 48px #010a174d!important;
}

/* The existing native Install prompt/guide and draggable support launcher
   keep all their geometry, availability and keyboard behavior. */
html body[data-ui-layout]:has(#ht-footer-navigation-r289) > .app-install-banner {
  background:linear-gradient(115deg,#102c40,#17394d)!important;
  color:#edf6fd!important;border-color:#42697e!important;
}
html body[data-ui-layout]:has(#ht-footer-navigation-r289) > .app-install-banner .install-copy b {
  color:#edf6fd!important;
}
html body[data-ui-layout]:has(#ht-footer-navigation-r289) > .app-install-banner .install-copy small {
  color:#b0cad9!important;
}
html body[data-ui-layout]:has(#ht-footer-navigation-r289) > .app-install-banner .install-now {
  background:#8bd4e7!important;color:#092b3c!important;border-color:#b8ebf6!important;
  box-shadow:inset 0 1px 0 #ffffff4d!important;
}
html body[data-ui-layout]:has(#ht-footer-navigation-r289) > .app-install-banner .install-dismiss {
  color:#d5effb!important;
}
html body[data-ui-layout] > dialog.ht-install-sheet-r301:has(#ht-install-sheet-title-r301) {
  background:#10283b!important;color:#e8f3fc!important;border-color:#46677d!important;
  box-shadow:0 -14px 40px #010a174d!important;
}
html body[data-ui-layout] > dialog.ht-install-sheet-r301:has(#ht-install-sheet-title-r301) :is(h2,p,ol,li) {
  color:#c2d9e7!important;
}
html body[data-ui-layout] > dialog.ht-install-sheet-r301:has(#ht-install-sheet-title-r301) #ht-install-sheet-title-r301 {
  color:#edf6fd!important;
}
html body[data-ui-layout] > dialog.ht-install-sheet-r301:has(#ht-install-sheet-title-r301) .ht-install-guide-r301 {
  background:#142f43!important;border-color:#3c5e74!important;
}
html body[data-ui-layout] > dialog.ht-install-sheet-r301:has(#ht-install-sheet-title-r301) button {
  background:#17374c!important;border-color:#527c93!important;color:#ddf4ff!important;
}
html body[data-ui-layout] > dialog.ht-install-sheet-r301:has(#ht-install-sheet-title-r301) button.ht-install-primary-r301 {
  background:#8bd4e7!important;border-color:#b8ebf6!important;color:#092b3c!important;
}
html body[data-ui-layout]:has(#ht-footer-navigation-r289) #ht-contact-launcher-r324 {
  background:linear-gradient(145deg,#ffe6a0,#f7c762)!important;color:#3b2c16!important;
  border-color:#ffe8ad!important;
  box-shadow:inset 0 1px 0 #fff7dc8c,0 4px 14px #020b183d!important;
}
html body[data-ui-layout]:has(#ht-footer-navigation-r289) > .app-install-banner button:focus-visible,
html body[data-ui-layout] > dialog.ht-install-sheet-r301:has(#ht-install-sheet-title-r301) button:focus-visible {
  outline:2px solid #9addf3!important;outline-offset:2px!important;
}

/* Explicit focus never depends on hover; no new motion or press transform. */
html body[data-ui-layout]:has(#ht-footer-navigation-r289) > header :is(.member-language-quick,.member-trigger):focus-visible,
html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title) .member-row:focus-visible,
html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) :is(button):focus-visible,
html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) :is(.member-account-choice,.member-account-remove,.member-use-another-account,.member-auth-back):focus-visible,
html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324) :is(a,button):focus-visible,
html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) :is(button,input,a):focus-visible {
  outline:2px solid #9addf3!important;outline-offset:2px!important;
}
@media(hover:hover) and (pointer:fine) and (forced-colors:none) {
  html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title) .member-row:not(:disabled):not([aria-disabled="true"]):hover,
  html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) .member-languages > button:not(:disabled):not([aria-disabled="true"]):hover,
  html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) .member-account-choice:not(:disabled):not([aria-disabled="true"]):hover,
  html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324) a.ht-contact-row-r324:hover {
    border-color:#80b5cd!important;
  }
}

/* Equal-or-stronger semantic selectors preserve system colors despite the
   legacy high-specificity bundle. No custom palette is forced on these users. */
@media(forced-colors:active) {
  html body[data-ui-layout]:has(#ht-footer-navigation-r289) > header,
  html body[data-ui-layout]:has(#ht-footer-navigation-r289) > header :is(.member-language-quick,.member-trigger):not([hidden]),
  html body[data-ui-layout] > nav#ht-footer-navigation-r289.ht-footer-nav-r289,
  html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title),
  html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title),
  html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title),
  html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324),
  html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) {
    background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;box-shadow:none!important;
  }
  html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title) #member-menu-title,
  html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) #member-language-title,
  html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) #member-auth-title,
  html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324) #ht-contact-title-r324,
  html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) #ht-catalog-search-title-r324 {
    color:CanvasText!important;
  }
  html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title) .member-menu-actions > .member-row,
  html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title) .member-row > svg,
  html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) .member-languages > button,
  html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) .member-close,
  html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) :is(.member-account-choice,.member-account-remove,.member-use-another-account,.member-auth-back),
  html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324) :is(.ht-contact-header-r324,.ht-contact-back-r324,.ht-contact-hero-r324,.ht-contact-action-r324,a.ht-contact-row-r324),
  html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) :is(.ht-search-field-r324,.ht-search-tab-r324,.ht-search-back-r324,.ht-search-clear-r324,.ht-search-game-r324) {
    background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;box-shadow:none!important;
  }
  html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title) .member-row .member-row-copy :is(b,small),
  html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title) .member-row .member-row-copy small,
  html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title) > footer,
  html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) .member-language-label :is(b,small),
  html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) .member-language-progress p,
  html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) .member-account-copy :is(b,small,.member-account-email,.member-account-meta),
  html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324) :is(h3,strong,p,small),
  html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) :is(.ht-search-summary-r324,.ht-search-empty-r324,.ht-search-hint-r324,.ht-search-game-r324 > b,.ht-catalog-region-r359) {
    color:CanvasText!important;border-color:ButtonBorder!important;
  }
  html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) .member-languages > button[aria-pressed="true"],
  html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) .member-account-choice[aria-current="true"],
  html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-search-tab-r324[aria-selected="true"] {
    background:Highlight!important;color:HighlightText!important;border-color:Highlight!important;box-shadow:none!important;
  }
  html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) .member-languages > button[aria-pressed="true"] .member-language-label :is(b,small),
  html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) .member-account-choice[aria-current="true"] .member-account-copy :is(b,small,.member-account-email,.member-account-meta) {
    color:HighlightText!important;
  }
  html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) #ht-catalog-query-r324,
  html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) #ht-catalog-query-r324::placeholder {
    color:CanvasText!important;
  }
  html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-catalog-favorite-r324 {
    color:ButtonText!important;
  }
  html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-catalog-favorite-r324::before {
    background:Canvas!important;border-color:ButtonText!important;box-shadow:none!important;
  }
  html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-catalog-favorite-r324[aria-pressed="true"] {
    color:Highlight!important;
  }
  html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) .ht-catalog-favorite-r324[aria-pressed="true"]::before {
    background:Canvas!important;border-color:Highlight!important;box-shadow:none!important;
  }
  html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth.member-passwordless-r360:is([data-mode="login"],[data-mode="otp"]):has(#member-auth-title),
  html body[data-ui-layout]:has(#ht-footer-navigation-r289) > .app-install-banner,
  html body[data-ui-layout] > dialog.ht-install-sheet-r301:has(#ht-install-sheet-title-r301),
  html body[data-ui-layout] > dialog.ht-install-sheet-r301:has(#ht-install-sheet-title-r301) .ht-install-guide-r301,
  html body[data-ui-layout] > dialog.ht-install-sheet-r301:has(#ht-install-sheet-title-r301) button,
  html body[data-ui-layout] > dialog.ht-install-sheet-r301:has(#ht-install-sheet-title-r301) button.ht-install-primary-r301,
  html body[data-ui-layout]:has(#ht-footer-navigation-r289) > .app-install-banner .install-now,
  html body[data-ui-layout]:has(#ht-footer-navigation-r289) #ht-contact-launcher-r324 {
    background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;box-shadow:none!important;
  }
  html body[data-ui-layout]:has(#ht-footer-navigation-r289) > .app-install-banner .install-copy :is(b,small),
  html body[data-ui-layout]:has(#ht-footer-navigation-r289) > .app-install-banner .install-dismiss,
  html body[data-ui-layout] > dialog.ht-install-sheet-r301:has(#ht-install-sheet-title-r301) :is(h2,p,ol,li),
  html body[data-ui-layout] > dialog.ht-install-sheet-r301:has(#ht-install-sheet-title-r301) #ht-install-sheet-title-r301 {
    color:CanvasText!important;
  }
  html body[data-ui-layout]:has(#ht-footer-navigation-r289) > .app-install-banner button:focus-visible,
  html body[data-ui-layout] > dialog.ht-install-sheet-r301:has(#ht-install-sheet-title-r301) button:focus-visible {
    outline-color:Highlight!important;
  }
  html body[data-ui-layout]:has(#ht-footer-navigation-r289) > header :is(.member-language-quick,.member-trigger):focus-visible,
  html body[data-ui-layout] dialog#member-menu.member-menu:has(#member-menu-title) .member-row:focus-visible,
  html body[data-ui-layout] dialog#member-language-dialog.member-language-panel:has(#member-language-title) :is(button):focus-visible,
  html body[data-ui-layout]:has(#member-menu-title) dialog.member-auth[data-mode="accounts"]:has(#member-auth-title) :is(.member-account-choice,.member-account-remove,.member-use-another-account,.member-auth-back):focus-visible,
  html body[data-ui-layout] dialog#ht-contact-center-r324:has(#ht-contact-title-r324) :is(a,button):focus-visible,
  html body[data-ui-layout] dialog#ht-catalog-search-r324:has(#ht-catalog-search-title-r324) :is(button,input,a):focus-visible {
    outline-color:Highlight!important;
  }
}