/* r337: shared account presentation only. The existing controller still owns
   modes, focus, busy state, verification, scrolling and session authority.
   :has(#member-auth-title) scopes these rules to the real account surface and
   outranks old component themes without another repeated-attribute chain. */
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) {
  --ht-auth-accent-r337:#73d8f4;
  --ht-auth-ink-r337:#eef8ff;
  --ht-auth-muted-r337:#a9c7d9;
  color:var(--ht-auth-ink-r337)!important;
  border:1px solid #467d97!important;
  border-radius:22px!important;
  background:radial-gradient(ellipse at 12% 0%,#1a5a733d,transparent 62%),linear-gradient(145deg,#12364d 0%,#0b253b 64%,#102f43 100%)!important;
  box-shadow:inset 0 1px 0 #c8f3ff21,inset 0 0 0 1px #06172445,0 14px 38px #020e1c40!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) > .member-panel-heading {
  align-items:center!important;
  gap:12px!important;
  padding-bottom:14px!important;
  margin-bottom:16px!important;
  border-bottom:1px solid #8ac9e224!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) #member-auth-title {
  margin:0!important;
  color:#f0f9ff!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.6!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-auth-symbol {
  border:1px solid #6cd6f23d!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#23648080,#10334c80)!important;
  box-shadow:inset 0 1px 0 #d7f6ff24!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) form {
  gap:12px!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) form > label:not([hidden]) {
  gap:7px!important;
  color:#bad6e6!important;
  font-weight:600!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) form > label > span:first-child {
  font-size:12px!important;
  line-height:1.6!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) input:not([type=file]):not([type=hidden]) {
  box-sizing:border-box!important;
  height:48px!important;
  min-height:48px!important;
  padding:11px 13px!important;
  border:1px solid #355d75!important;
  border-radius:13px!important;
  color:#edf8ff!important;
  background:linear-gradient(180deg,#0a2237,#0b263b)!important;
  box-shadow:inset 0 1px 2px #020d1840!important;
  transition:border-color 150ms ease,box-shadow 150ms ease,background-color 150ms ease!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) input:not([type=file]):not([type=hidden])::placeholder {
  color:#8caec3!important;
  opacity:1!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) input:not([type=file]):not([type=hidden]):focus {
  border-color:var(--ht-auth-accent-r337)!important;
  background:#0d2d44!important;
  box-shadow:0 0 0 3px #4fc3e51f,inset 0 1px 2px #020d1826!important;
  outline:2px solid transparent!important;
  outline-offset:2px!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) input[aria-invalid=true] {
  border-color:#f58da2!important;
  box-shadow:0 0 0 3px #f58da219!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-password-wrap input {
  padding-right:48px!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-password-eye {
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  top:2px!important;
  right:2px!important;
  color:#a3c9df!important;
  border-radius:11px!important;
  transition:color 140ms ease,background-color 140ms ease!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-password-eye[aria-pressed=true] {
  color:#8ce5ff!important;
  background:#1c526d80!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) :is(.member-primary,.member-mode-switch,.member-secondary,.member-resend-code,.member-account-actions > button) {
  box-sizing:border-box!important;
  min-height:46px!important;
  border-radius:13px!important;
  transition:transform 150ms ease,background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease!important;
  touch-action:manipulation;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-primary {
  min-height:48px!important;
  border:1px solid #5cc8ed!important;
  color:#f5fbff!important;
  background:linear-gradient(110deg,#087caa 0%,#176bb1 56%,#285fbe 100%)!important;
  box-shadow:inset 0 1px 0 #d9f9ff3d,0 5px 16px #03588830!important;
  font-weight:700!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) :is(.member-mode-switch,.member-secondary,.member-resend-code,.member-account-actions > button) {
  color:#d0ebf9!important;
  border:1px solid #4d7c943d!important;
  background:#123b5266!important;
  box-shadow:inset 0 1px 0 #e1faff0a!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-logout {
  border-color:#cd647b80!important;
  color:#ffe8ed!important;
  background:linear-gradient(110deg,#87324e,#a03250)!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) :is(.member-auth-back,.member-primary,.member-mode-switch,.member-secondary,.member-resend-code,.member-password-eye,.member-account-choice,.member-account-actions > button):focus-visible {
  outline:2px solid #98e9ff!important;
  outline-offset:3px!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-status {
  color:#f5bacb!important;
  font-size:12px!important;
  line-height:1.7!important;
  overflow-wrap:anywhere;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-status:empty {
  min-height:0!important;
  margin-block:0!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) :is(.member-password-hint,.member-verification-hint,.member-self-id) {
  color:var(--ht-auth-muted-r337)!important;
  line-height:1.7!important;
}
/* Password guidance is static help, not a validation error before typing. */
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) #member-password-hint {
  color:var(--ht-auth-muted-r337)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1.6!important;
  padding:0!important;
  margin-block:0!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-photo-picker {
  border-color:#73d8f4!important;
  box-shadow:inset 0 1px 0 #d7f6ff3d,0 6px 18px #03132340!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-account-choice {
  border-color:#396a84!important;
  background:linear-gradient(120deg,#12364b,#0c2a40)!important;
  box-shadow:inset 0 1px 0 #d3f3ff12!important;
  transition:background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-account-choice[aria-current=true] {
  border-color:#73d8f4!important;
  background:linear-gradient(120deg,#15506a,#123b57)!important;
  box-shadow:inset 3px 0 0 #73d8f4,inset 0 1px 0 #d3f3ff1a!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-account-copy .member-account-email {
  color:#c3e0ef!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-account-copy .member-account-meta {
  color:#94b8cb!important;
}
/* Full-page Profile keeps its existing outer canvas. Only its real form and
   actions receive a bounded reading width; no viewport/scroll ownership changes. */
html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title) {
  border-color:#467d97!important;
  background:radial-gradient(ellipse at 12% 0%,#1a5a733d,transparent 62%),linear-gradient(145deg,#12364d 0%,#0b253b 64%,#102f43 100%)!important;
  box-shadow:inset 0 1px 0 #c8f3ff21,inset 0 0 0 1px #06172445,0 10px 30px #020e1c2b!important;
}
html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title):not([data-mode=accounts]) > :is(form,.member-status,.member-self-id,.member-note,.member-switch-account,.member-logout,.member-resend-code,.ht-profile-actions-r330) {
  width:100%!important;
  max-width:460px!important;
  min-width:0!important;
  margin-inline:auto!important;
  box-sizing:border-box!important;
}
@media(hover:hover) and (pointer:fine) {
  html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-primary:not(:disabled):hover {
    transform:translateY(-1px)!important;
    border-color:#9cecff!important;
    box-shadow:inset 0 1px 0 #e7fcff59,0 7px 19px #046ea53d!important;
  }
  html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) :is(.member-mode-switch,.member-secondary,.member-resend-code,.member-account-actions > button):not(:disabled):hover {
    border-color:#6eb8d3!important;
    background:#184b6566!important;
  }
  html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-logout:not(:disabled):hover {
    border-color:#ec94aa!important;
    background:#aa3657!important;
  }
  html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-account-choice:not(:disabled):hover {
    border-color:#73cce7!important;
  }
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) :is(.member-primary,.member-mode-switch,.member-secondary,.member-resend-code,.member-account-actions > button):not(:disabled):active {
  transform:scale(.985)!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) :is(button,input):disabled {
  transform:none!important;
  cursor:default;
}
@media(max-width:1023px) {
  html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) input:not([type=file]):not([type=hidden]) {
    font-size:16px!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) :is(button,input,.member-account-choice) {
    transition:none!important;
    transform:none!important;
  }
}
@media(forced-colors:active) {
  html body[data-ui-layout] dialog.member-auth:has(#member-auth-title),
  html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title) {
    background:Canvas!important;
    color:CanvasText!important;
    border-color:ButtonBorder!important;
    box-shadow:none!important;
  }
  html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) :is(input,button,.member-auth-symbol,.member-account-choice) {
    background:ButtonFace!important;
    color:ButtonText!important;
    border-color:ButtonBorder!important;
    box-shadow:none!important;
  }
  html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) :is(#member-auth-title,.member-status,.member-password-hint,.member-verification-hint,.member-self-id,.member-account-email,.member-account-meta,form > label) {
    color:CanvasText!important;
  }
  html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) :is(input,button):focus-visible {
    outline-color:Highlight!important;
  }
}

/* r337b: match the official Google light iframe's embedding color scheme. */
dialog.member-auth:has(#member-auth-title) .member-google-button-r337 {
  color-scheme: light;
}
dialog.member-auth:has(#member-auth-title) .member-google-button-r337 iframe {
  color-scheme: light;
}

/* r337e: one credential action column. The official Google button owns its
   contents; only our host, loading slot and native controls are laid out here. */
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title):is([data-mode=login],[data-mode=register],[data-mode=google-link],[data-mode=verify]) > :is(form,.member-status,.member-google-signin-r337,.member-mode-switch,.member-resend-code,.ht-profile-actions-r330),
html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title):is([data-mode=login],[data-mode=register],[data-mode=google-link],[data-mode=verify]) > :is(form,.member-status,.member-google-signin-r337,.member-mode-switch,.member-resend-code,.ht-profile-actions-r330) {
  box-sizing:border-box!important;width:100%!important;max-width:400px!important;min-width:0!important;margin-inline:auto!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title):is([data-mode=login],[data-mode=register],[data-mode=google-link],[data-mode=verify]) :is(.member-primary,.member-mode-switch,.member-google-signin-r337 > .member-secondary,.member-resend-code):not([hidden]),
html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title):is([data-mode=login],[data-mode=register],[data-mode=google-link],[data-mode=verify]) :is(.member-primary,.member-mode-switch,.member-google-signin-r337 > .member-secondary,.member-resend-code):not([hidden]) {
  display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:auto!important;min-height:40px!important;padding:7px 12px!important;border-radius:999px!important;font-size:14px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) #member-password-hint::before {content:none!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) [hidden],
html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title) [hidden] {display:none!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-google-signin-r337 {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(44px,auto) minmax(40px,auto)!important;gap:8px!important;margin-block:8px 0!important;min-width:0!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-google-button-r337 {
  display:flex!important;align-items:center!important;justify-content:center!important;grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-google-signin-r337 > .member-note {
  grid-column:1!important;grid-row:1!important;align-self:center!important;margin:0!important;padding:0!important;font-size:12px!important;line-height:1.6!important;text-align:center!important;overflow-wrap:anywhere;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-google-signin-r337 > .member-secondary {margin:0!important;grid-column:1!important;grid-row:2!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-google-signin-r337[data-layout-state=ready] > .member-note:empty {display:none!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-google-signin-r337[data-layout-state=error] {grid-template-rows:none!important;grid-auto-rows:auto!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-google-signin-r337[data-layout-state=error] > .member-google-button-r337 {display:none!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-google-signin-r337[data-layout-state=error] > :is(.member-note,.member-secondary) {grid-row:auto!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-google-signin-r337[data-layout-state=link] {display:block!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-google-signin-r337[data-layout-state=link] > :is(.member-google-button-r337,.member-note) {display:none!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-google-signin-r337[hidden] {display:none!important;}
@media(max-width:650px) {
  html body.workspace-page-r290[data-workspace-page=profile][data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title) > .ht-profile-actions-r330 {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;max-width:400px!important;margin:12px auto 0!important;
  }
  html body.workspace-page-r290[data-workspace-page=profile][data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title) > .ht-profile-actions-r330 > .member-mode-switch {
    grid-column:1!important;width:100%!important;height:auto!important;min-height:40px!important;margin:0!important;
  }
  html body.workspace-page-r290[data-workspace-page=profile][data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title) > .ht-profile-actions-r330 > #ht-contact-launcher-r324 {
    display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;grid-column:1!important;justify-self:stretch!important;width:100%!important;min-width:0!important;height:auto!important;min-height:40px!important;margin:0!important;padding:7px 12px!important;border-radius:999px!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.35!important;
  }
  html body.workspace-page-r290[data-workspace-page=profile][data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title) > .ht-profile-actions-r330 > #ht-contact-launcher-r324 > svg {width:22px!important;height:22px!important;flex:0 0 22px!important;}
  html body.workspace-page-r290[data-workspace-page=profile][data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title) > .ht-profile-actions-r330 > #ht-contact-launcher-r324::after {content:attr(aria-label);font-family:inherit;font-size:14px;font-weight:600;line-height:1.35;}
}
@media(prefers-reduced-motion:reduce) {
  html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-google-signin-r337 {animation:none!important;transition:none!important;}
}

/* r338: customer icon clarity and quiet glass material. Native controls,
   game/channel/payment artwork, auth state and the optical renderer keep
   their existing ownership and dimensions. No new motion or remote assets. */
html.ht-action-icons-r292 body[data-ui-layout] button > svg.ht-action-icon-r292 {
  width:20px!important;height:20px!important;stroke-width:2!important;
  flex:0 0 auto;vertical-align:-4px;opacity:1!important;
}
html.ht-action-icons-r292 body[data-ui-layout] :is(.member-auth-back,.member-close,.redeem-close) > svg.ht-action-icon-r292 {
  width:22px!important;height:22px!important;margin:0!important;margin-inline:0!important;vertical-align:middle;
}
/* Two real catalogue IDs outrank old cascade chains without adding more
   repeated data attributes. The same44px favorite button remains the target. */
html body:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324,
html body:has(#ht-catalog-search-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324 {color:#c9e7fa!important;}
html body:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324::before,
html body:has(#ht-catalog-search-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324::before {
  content:"";position:absolute!important;inset:7px!important;border-radius:50%!important;
  background:#071d30e6!important;border:1px solid #b0d8ec66!important;
  box-shadow:inset 0 1px 0 #e2f6ff24,0 2px 5px #020b183d!important;pointer-events:none!important;
}
html body:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324 > svg,
html body:has(#ht-catalog-search-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324 > svg {
  width:22px!important;height:22px!important;stroke-width:2!important;fill:none!important;
}
html body:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed=true],
html body:has(#ht-catalog-search-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed=true] {color:#ffdc59!important;}
html body:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed=true] > svg,
html body:has(#ht-catalog-search-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed=true] > svg {fill:currentColor!important;}
html body:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed=true]::before,
html body:has(#ht-catalog-search-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed=true]::before {background:#0b2438f2!important;border-color:#ffdc5980!important;}

html body[data-ui-layout] > nav#ht-footer-navigation-r289.ht-footer-nav-r289 {
  background:linear-gradient(155deg,#1b4056f2,#102e44ed)!important;
  border-color:#b4d9eb66!important;
  box-shadow:inset 0 1px 0 #edfbff66,inset 0 -1px 0 #071a2c80,0 8px 20px #020c1840!important;
}
html body[data-ui-layout] dialog#member-menu.member-menu,
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title),
html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title),
html body[data-ui-layout] > dialog#ht-contact-center-r324 {
  background:linear-gradient(150deg,#173e53f2 0%,#0b2a40f2 65%,#12354af5 100%)!important;
  border-color:#71a7c080!important;
  box-shadow:inset 0 1px 0 #ddf6ff3b,inset 0 -1px 0 #04172870,0 12px 30px #020d1c40!important;
}
@supports((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) {
  html body[data-ui-layout] > nav#ht-footer-navigation-r289.ht-footer-nav-r289 {
    background:linear-gradient(155deg,#9fd6eb29,#0b2a42c2 60%,#7abbd236)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.16)!important;backdrop-filter:blur(20px) saturate(1.16)!important;
  }
}
@media(prefers-reduced-transparency:reduce) {
  html body[data-ui-layout] > nav#ht-footer-navigation-r289.ht-footer-nav-r289,
  html body[data-ui-layout] dialog#member-menu.member-menu,
  html body[data-ui-layout] dialog.member-auth:has(#member-auth-title),
  html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title),
  html body[data-ui-layout] > dialog#ht-contact-center-r324 {background:#102e43!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
}
@media(prefers-reduced-motion:reduce) {
  html.ht-action-icons-r292 body[data-ui-layout] button > svg.ht-action-icon-r292 {animation:none!important;transition:none!important;transform:none!important;}
}
@media(forced-colors:active) {
  html body[data-ui-layout] > nav#ht-footer-navigation-r289.ht-footer-nav-r289,
  html body[data-ui-layout] dialog#member-menu.member-menu,
  html body[data-ui-layout] dialog.member-auth:has(#member-auth-title),
  html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title),
  html body[data-ui-layout] > dialog#ht-contact-center-r324 {background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
  html body:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324,
  html body:has(#ht-catalog-search-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324 {color:ButtonText!important;}
  html body:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324::before,
  html body:has(#ht-catalog-search-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324::before {background:ButtonFace!important;border-color:ButtonText!important;box-shadow:none!important;}
  html body:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed=true],
  html body:has(#ht-catalog-search-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed=true] {color:HighlightText!important;}
  html body:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324[aria-pressed=true]::before,
  html body:has(#ht-catalog-search-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324[aria-pressed=true]::before {background:Highlight!important;border-color:Highlight!important;}
}

/* r338c: Email is already present in the ordinary Login/Register form.
   Hide only its redundant Google fallback row. The original cancel node and
   Back to login action remain visible in google-link mode. */
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title):is([data-mode=login],[data-mode=register]) .member-google-signin-r337 > button.member-secondary[type=button]:last-child,
html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title):is([data-mode=login],[data-mode=register]) .member-google-signin-r337 > button.member-secondary[type=button]:last-child {
  display:none!important;
}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title):is([data-mode=login],[data-mode=register]) .member-google-signin-r337:not([data-layout-state=error]),
html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title):is([data-mode=login],[data-mode=register]) .member-google-signin-r337:not([data-layout-state=error]) {
  grid-template-rows:minmax(44px,auto)!important;
}

/* R344: recovery uses the existing credential column and native action targets. */
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title):is([data-mode=reset-email],[data-mode=reset-code],[data-mode=reset-password]),
html body.workspace-page-r290[data-workspace-page=profile][data-ui-layout] #ht-workspace-surface > dialog.member-auth.ht-workspace-inline-r290:has(#member-auth-title):is([data-mode=reset-email],[data-mode=reset-code],[data-mode=reset-password])[open]:not([hidden]) {flex:0 0 auto!important;min-height:0!important;height:auto!important;max-height:calc(var(--ht-visible-height,100dvh) - var(--ht-top-stack-height,64px) - var(--ht-footer-height-r289,76px) - 24px)!important;overflow:auto!important;overscroll-behavior:contain!important;}
html body.workspace-page-r290[data-workspace-page=profile][data-ui-layout] #ht-workspace-surface > dialog.member-auth.ht-workspace-inline-r290:has(#member-auth-title):is([data-mode=reset-email],[data-mode=reset-code],[data-mode=reset-password])[open]:not([hidden]) {width:100%!important;max-width:560px!important;min-width:0!important;margin-inline:auto!important;box-sizing:border-box!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-forgot-password-r344:not([hidden]),
html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title) .member-forgot-password-r344:not([hidden]) {display:flex!important;align-items:center;justify-content:flex-end;min-height:44px!important;width:100%!important;margin:-4px 0 0!important;padding:4px 2px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#bde9ff!important;font-size:13px!important;line-height:1.5!important;text-align:right!important;white-space:normal!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-forgot-password-r344:focus-visible {outline:2px solid #8edbff!important;outline-offset:2px!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title):is([data-mode=reset-email],[data-mode=reset-code],[data-mode=reset-password]) > :is(form,.member-status),
html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title):is([data-mode=reset-email],[data-mode=reset-code],[data-mode=reset-password]) > :is(form,.member-status) {width:100%!important;max-width:400px!important;min-width:0!important;margin-inline:auto!important;box-sizing:border-box!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) :is(.member-reset-back-r344,.member-reset-resend-r344):not([hidden]),
html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title) :is(.member-reset-back-r344,.member-reset-resend-r344):not([hidden]) {display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:400px!important;min-height:40px!important;height:auto!important;margin:8px auto 0!important;padding:9px 16px!important;box-sizing:border-box!important;border-radius:999px!important;white-space:normal!important;line-height:1.5!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title):is([data-mode=reset-email],[data-mode=reset-code],[data-mode=reset-password]) .member-primary:not([hidden]),
html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title):is([data-mode=reset-email],[data-mode=reset-code],[data-mode=reset-password]) .member-primary:not([hidden]) {display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:auto!important;min-height:40px!important;padding:7px 12px!important;border-radius:999px!important;font-size:14px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-reset-hint-r344 {margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#b6cbd7!important;font-size:13px!important;line-height:1.65!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) :is(.member-forgot-password-r344,.member-reset-hint-r344,.member-reset-back-r344,.member-reset-resend-r344)[hidden],
html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title) :is(.member-forgot-password-r344,.member-reset-hint-r344,.member-reset-back-r344,.member-reset-resend-r344)[hidden] {display:none!important;}
html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-status[data-reset-tone=success],
html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth:has(#member-auth-title) .member-status[data-reset-tone=success] {color:#b9e4d0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
@media(forced-colors:active){html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-forgot-password-r344 {color:LinkText!important;}html body[data-ui-layout] dialog.member-auth:has(#member-auth-title) .member-reset-hint-r344 {color:CanvasText!important;}}