/* R347: compact, high-contrast favorite badges and native scroll polish.
   The existing 44px button owns input; artwork, card zoom and glass keep
   their current geometry. No new looping motion or scroll interception. */
/* Resting glass catches a soft upper reflection. The renderer continues
   to own the moving lens, including its deforming rim and magnification. */
html body[data-ui-layout] > nav#ht-footer-navigation-r289.ht-footer-nav-r289 {
  border-color:#c1e9f78c!important;
  box-shadow:inset 0 1px 0 #f3fcff80,inset 0 -1px 0 #061a2d66,0 8px 24px #010c1b3b!important;
}
html body[data-ui-layout] > nav#ht-footer-navigation-r289.ht-footer-nav-r289::before {
  content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(110deg,transparent 12%,#ebf9ff5c 42%,transparent 76%) top / 100% 1px no-repeat;
}
html body[data-ui-layout] dialog#member-menu.member-menu,
html body[data-ui-layout] dialog.member-auth[data-mode=accounts]:has(#member-auth-title),
html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth[data-mode=accounts]:has(#member-auth-title) {
  border-color:#b9deed94!important;
  box-shadow:inset 0 1px 0 #f1fbff70,inset 0 -1px 0 #061a2d66,0 12px 30px #020d1c40!important;
}
html body .ht-liquid-footer-layer-r290 .ht-liquid-live-backdrop-r330::after {
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(155deg,#f1fbff1f,transparent 38%,transparent 76%,#c8eaf60a);
}
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:#edf5fb!important;
  -webkit-tap-highlight-color:transparent;
}
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 {
  inset:8px!important;
  background:#102738eb!important;
  border:1px solid #d5e7f78c!important;
  box-shadow:inset 0 1px 0 #ffffff38,0 2px 5px #020b1852!important;
  transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease;
}
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:18px!important;height:18px!important;
  fill:currentColor!important;stroke:currentColor!important;stroke-width:1.4!important;
  transform:scale(1);
  transition:transform 180ms cubic-bezier(.2,.8,.2,1),color 160ms ease;
}
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:#ffda52!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:#182b37f5!important;
  border-color:#ffdc59d9!important;
  box-shadow:inset 0 1px 0 #fff3b63b,0 0 0 1px #ffda521a,0 2px 6px #020b1852!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 {
  transform:scale(1.08);
}
html body:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324:active > svg,
html body:has(#ht-catalog-search-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324:active > svg {
  transform:scale(.88);
}
html body:has(#catalog-scroll) #catalog-scroll .ht-catalog-favorite-r324:focus-visible,
html body:has(#ht-catalog-search-r324) #ht-catalog-search-r324 .ht-catalog-favorite-r324:focus-visible {
  outline:2px solid #ffe589!important;outline-offset:-3px!important;
}
#catalog-scroll,
#ht-catalog-search-r324 .ht-search-content-r324 {
  scrollbar-width:thin;
  scrollbar-color:#75b2ca99 #081c2b33;
  -webkit-overflow-scrolling:touch;
}
#catalog-scroll::-webkit-scrollbar,
#ht-catalog-search-r324 .ht-search-content-r324::-webkit-scrollbar {width:5px;height:5px;}
#catalog-scroll::-webkit-scrollbar-track,
#ht-catalog-search-r324 .ht-search-content-r324::-webkit-scrollbar-track {background:#081c2b33;border-radius:8px;}
#catalog-scroll::-webkit-scrollbar-thumb,
#ht-catalog-search-r324 .ht-search-content-r324::-webkit-scrollbar-thumb {background:#75b2ca99;border-radius:8px;}
@media (prefers-reduced-motion:reduce) {
  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,
  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 {
    transition:none!important;transform:none!important;
  }
}
@media (forced-colors:active) {
  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:Canvas!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:Highlight!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:Canvas!important;border-color:Highlight!important;box-shadow: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,
  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 {
    transition:none!important;transform:none!important;
  }
}
@media (prefers-reduced-motion:reduce),(prefers-reduced-transparency:reduce),(forced-colors:active) {
  html body[data-ui-layout] > nav#ht-footer-navigation-r289.ht-footer-nav-r289::before,
  html body .ht-liquid-footer-layer-r290 .ht-liquid-live-backdrop-r330::after {content: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[data-mode=accounts]:has(#member-auth-title),
  html body[data-ui-layout] #ht-workspace-surface > dialog.member-auth[data-mode=accounts]:has(#member-auth-title) {
    background:Canvas!important;border-color:CanvasText!important;box-shadow:none!important;
  }
}