/* ===== css/watch_visual_clean_v41.css ===== */
/* WATCH v41 — clean visual layer, no bookmark overrides.
   Keeps the good poster hover/text animation from v28 and removes only seasonal overlay.
   No MutationObserver, no fixed bookmark menus, no bookmark rewrites. */

#watchSnow,
.watch-snow,
canvas#watchSnow{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* WATCH v28 — hover animation like the reference, while keeping vertical posters/layout */

/* Keep the poster geometry from v26/v27. */
.mcard__img{
  overflow:hidden !important;
  border-radius:18px !important;
  clip-path:inset(0 round 18px) !important;
  background:#000 !important;
  isolation:isolate !important;
  contain:paint !important;
}
.mcard__img img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:inherit !important;
  transform:translateZ(0) scale(1.018) !important;
  transform-origin:center center !important;
  backface-visibility:hidden !important;
}


/* ===== css/watch_visual_clean_v42.css ===== */
/* WATCH v42 — minimal correction after bookmarks restore.
   No JS, no observers, no fixed menus. Only:
   1) bookmark dropdown above poster overlay
   2) thinner inline-preview button font
   3) replace visible "play_arrow" text with one CSS play icon */

/* Bookmark dropdown must be above poster dark/text overlay, but keep original behavior/position. */
.mcard{
  overflow:visible !important;
}
.mcard:hover,
.mcard.is-bm-open,
.mcard:has(.mcard__bm.is-open){
  z-index:2000 !important;
}
.mcard__img{
  position:relative !important;
}
.mcard__bm{
  z-index:120 !important;
}
.mcard__bm.is-open{
  z-index:220 !important;
}
.mcard__bmMenu{
  z-index:260 !important;
}
.mcard__bm.is-open .mcard__bmMenu{
  z-index:260 !important;
}

/* Keep menu readable above the hover dim. */
.mcard__bmMenu{
  background:#1A1A1A !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* Inline preview buttons: lighter, closer to material page. */
.watch-inlinepreview__btn,
.watch-cardpreview__btn,
.watch-inlinepreview__btn span,
.watch-cardpreview__btn span{
  font-family:"Inter","Google Sans","SF Pro Display","Segoe UI Variable","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:-.004em !important;
  line-height:1 !important;
  font-synthesis:none !important;
  text-rendering:geometricPrecision !important;
  -webkit-font-smoothing:antialiased !important;
}

/* If Material Icons font fails, do not show the word play_arrow. Draw one clean play icon instead. */
.watch-inlinepreview__btn--play,
.watch-cardpreview__btn--play,
.watch-material__primaryBtn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}

.watch-inlinepreview__btn--play .watch-mi,
.watch-cardpreview__btn--play .watch-mi,
.watch-material__primaryBtn .watch-mi{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  min-width:0 !important;
  height:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  font-size:0 !important;
}

.watch-inlinepreview__btn--play::before,
.watch-cardpreview__btn--play::before,
.watch-material__primaryBtn::before{
  content:"" !important;
  display:inline-block !important;
  width:0 !important;
  height:0 !important;
  flex:0 0 auto !important;
  margin-left:-1px !important;
  border-top:5.5px solid transparent !important;
  border-bottom:5.5px solid transparent !important;
  border-left:8.5px solid currentColor !important;
  transform:translateY(.2px) !important;
}

/* Do not create a second play icon. */
.watch-inlinepreview__btn--play::after,
.watch-cardpreview__btn--play::after,
.watch-material__primaryBtn::after{
  content:none !important;
  display:none !important;
}

/* ===== css/watch_visual_clean_v43.css ===== */
/* WATCH v43 — bookmark module above poster + info icon fallback.
   CSS only. No observers, no bookmark logic rewrites. */

/* 1) Bookmark module/menu must be above poster hover/dim/text layers. */
.mcard{
  position:relative !important;
  overflow:visible !important;
}

.mcard__img{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* poster dim/text layers stay lower */
.mcard__img::after{
  z-index:6 !important;
}
.mcard__overlay{
  z-index:8 !important;
}
.mcard__overlayBody{
  z-index:9 !important;
}

/* bookmark button/menu above all poster layers */
.mcard__img > .mcard__bm,
.mcard > .mcard__bm,
.mcard__link > .mcard__bm{
  z-index:80 !important;
  pointer-events:auto !important;
}

.mcard__img > .mcard__bm.is-open,
.mcard > .mcard__bm.is-open,
.mcard__link > .mcard__bm.is-open{
  z-index:180 !important;
}

.mcard__bmBtn{
  position:relative !important;
  z-index:181 !important;
}

.mcard__bmMenu{
  z-index:220 !important;
  background:#1A1A1A !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

.mcard__bm.is-open .mcard__bmMenu{
  z-index:220 !important;
}

/* Opening bookmark keeps the card over neighbours but does not rewrite the menu behavior. */
.mcard.is-bm-open,
.mcard:has(.mcard__bm.is-open){
  z-index:3000 !important;
}

/* 2) Restore info icon in preview/detail buttons when Material Icons font fails.
   Hide the literal "info" text and draw a clean circled i. */
.watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play) .watch-mi,
.watch-cardpreview__btn:not(.watch-cardpreview__btn--play) .watch-mi,
.watch-material__secondaryBtn .watch-mi{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  margin:0 !important;
  color:currentColor !important;
  font-size:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
  position:relative !important;
  visibility:visible !important;
  opacity:1 !important;
}

.watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play) .watch-mi::before,
.watch-cardpreview__btn:not(.watch-cardpreview__btn--play) .watch-mi::before,
.watch-material__secondaryBtn .watch-mi::before{
  content:"i" !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:15px !important;
  height:15px !important;
  border:2px solid currentColor !important;
  border-radius:999px !important;
  font-family:"Inter","Google Sans","SF Pro Display","Segoe UI",system-ui,sans-serif !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
  box-sizing:border-box !important;
  transform:translateY(.1px) !important;
}

/* Do not let the raw icon word render next to Подробнее. */
.watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play) .watch-mi,
.watch-cardpreview__btn:not(.watch-cardpreview__btn--play) .watch-mi,
.watch-material__secondaryBtn .watch-mi{
  text-indent:-9999px !important;
}
.watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play) .watch-mi::before,
.watch-cardpreview__btn:not(.watch-cardpreview__btn--play) .watch-mi::before,
.watch-material__secondaryBtn .watch-mi::before{
  text-indent:0 !important;
}

/* ===== css/watch_visual_clean_v44.css ===== */
/* v110: removed old v44 bookmark-open card overlay/z-index block. New bookmark z-index is handled by the v108/v110 button block. */

/* WATCH v45 — remove poster hover bounce + keep rating above dim.
   CSS only. No JS, no bookmark logic changes. */

/* 1) Remove the small hover bounce/lift/zoom on poster cards. */
.watch-home .mcard:hover,
.watch-home .mcard:focus-within,
.watch-libv2 .mcard:hover,
.watch-libv2 .mcard:focus-within,
.watch-catpage .mcard:hover,
.watch-catpage .mcard:focus-within,
.mcard:hover,
.mcard:focus-within{
  transform:none !important;
}

/* No scale on poster wrapper/text layer/image itself. */
.watch-home .mcard:hover .mcard__img,
.watch-home .mcard:focus-within .mcard__img,
.watch-libv2 .mcard:hover .mcard__img,
.watch-libv2 .mcard:focus-within .mcard__img,
.watch-catpage .mcard:hover .mcard__img,
.watch-catpage .mcard:focus-within .mcard__img,
.mcard:hover .mcard__img,
.mcard:focus-within .mcard__img{
  transform:translateZ(0) scale(1) !important;
}

.watch-home .mcard:hover .mcard__textLayer,
.watch-home .mcard:focus-within .mcard__textLayer,
.watch-libv2 .mcard:hover .mcard__textLayer,
.watch-libv2 .mcard:focus-within .mcard__textLayer,
.watch-catpage .mcard:hover .mcard__textLayer,
.watch-catpage .mcard:focus-within .mcard__textLayer,
.mcard:hover .mcard__textLayer,
.mcard:focus-within .mcard__textLayer{
  transform:translateZ(0) scale(1) !important;
}

.watch-home .mcard:hover .mcard__img img,
.watch-home .mcard__img:hover img,
.watch-home .mcard:focus-within .mcard__img img,
.watch-libv2 .mcard:hover .mcard__img img,
.watch-libv2 .mcard__img:hover img,
.watch-libv2 .mcard:focus-within .mcard__img img,
.watch-catpage .mcard:hover .mcard__img img,
.watch-catpage .mcard__img:hover img,
.watch-catpage .mcard:focus-within .mcard__img img,
.mcard:hover .mcard__img img,
.mcard__img:hover img,
.mcard:focus-within .mcard__img img{
  transform:none !important;
}

/* Keep transitions smooth for overlay/text, but no transform animation on card/poster. */
.mcard,
.mcard__img,
.mcard__img img,
.mcard__textLayer{
  transition-property:box-shadow, opacity, filter !important;
}

/* 2) Rating/badges must stay above the hover dim layer. */
.mcard__badges,
.mcard__badge{
  z-index:70 !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  transform:none !important;
  pointer-events:none !important;
}

/* Make badge independent of the poster dim pseudo/overlay layers. */
.mcard:hover .mcard__badges,
.mcard:focus-within .mcard__badges,
.mcard:hover .mcard__badge,
.mcard:focus-within .mcard__badge{
  z-index:70 !important;
  opacity:1 !important;
  filter:none !important;
}

/* Bookmark stays above rating, menu stays above everything. */
.mcard__bm{
  z-index:120 !important;
}
.mcard__bm.is-open{
  z-index:220 !important;
}
.mcard__bmMenu{
  z-index:260 !important;
}

/* ===== css/watch_visual_clean_v47.css ===== */
/* v110: removed old v47 bookmark-open text fade/z-index block. */

/* Skeleton poster background must win over older visual-fix files. */
.mcard__img{
  background:#121212 !important;
  background-color:#121212 !important;
  border:0 !important;
  box-shadow:none !important;
}

.mcard__img::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  border-radius:inherit !important;
  background:linear-gradient(135deg, transparent 0%, transparent 28%, rgba(255,255,255,.035) 40%, rgba(255,255,255,.12) 50%, rgba(255,255,255,.035) 60%, transparent 72%, transparent 100%) !important;
  transform:translate(-125%, -125%);
  animation:watchPosterSkeletonWave 2.35s cubic-bezier(.45,0,.25,1) infinite;
  pointer-events:none !important;
}

.mcard__img.is-loaded::before{
  display:none !important;
}

html:not([data-watch-theme="light"]),
html:not([data-watch-theme="light"]) body,
html:not([data-watch-theme="light"]) body.watch-app,
html:not([data-watch-theme="light"]) .watch-layout,
html:not([data-watch-theme="light"]) .watch-content,
html:not([data-watch-theme="light"]) .watch-page{
  background:#050505 !important;
  background-color:#050505 !important;
}

html[data-watch-theme="light"],
html[data-watch-theme="light"] body,
html[data-watch-theme="light"] body.watch-app,
html[data-watch-theme="light"] .watch-layout,
html[data-watch-theme="light"] .watch-content,
html[data-watch-theme="light"] .watch-page{
  background:#F3F4F6 !important;
  background-color:#F3F4F6 !important;
}

html[data-watch-theme="light"] .mcard__img{
  background:#E5E7EB !important;
  background-color:#E5E7EB !important;
}

html[data-watch-theme="light"] .mcard__img::before{
  background:linear-gradient(135deg, transparent 0%, transparent 28%, rgba(255,255,255,.22) 40%, rgba(255,255,255,.55) 50%, rgba(255,255,255,.22) 60%, transparent 72%, transparent 100%) !important;
}

/* v48: final inline preview buttons. Loaded after v42/v43, so these rules win. */
.watch-inlinepreview,
.watch-inlinepreview :where(h1,h2,h3,p,span,a,button,div,strong,small),
.watch-cardpreview,
.watch-cardpreview :where(h1,h2,h3,p,span,a,button,div,strong,small){
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
  letter-spacing:0 !important;
}

.watch-inlinepreview__btn--play,
.watch-cardpreview__btn--play{
  border:0 !important;
  border-radius:999px !important;
  background:#f4f4f5 !important;
  color:#111 !important;
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  line-height:1 !important;
  gap:10px !important;
  box-shadow:none !important;
  transform:none !important;
  transition:background-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

.watch-inlinepreview__btn--play:hover,
.watch-inlinepreview__btn--play:focus-visible,
.watch-cardpreview__btn--play:hover,
.watch-cardpreview__btn--play:focus-visible{
  background:#d9d9dc !important;
  color:#111 !important;
  box-shadow:inset 0 0 0 999px rgba(0,0,0,.08) !important;
  transform:none !important;
}

.watch-inlinepreview__btn--play .watch-mi,
.watch-cardpreview__btn--play .watch-mi{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  min-width:0 !important;
  height:0 !important;
  min-height:0 !important;
  flex:0 0 0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  font-size:0 !important;
  line-height:0 !important;
}

.watch-inlinepreview__btn--play::before,
.watch-cardpreview__btn--play::before{
  content:"" !important;
  display:inline-block !important;
  width:13px !important;
  height:13px !important;
  flex:0 0 13px !important;
  margin:0 !important;
  border:0 !important;
  background:currentColor !important;
  transform:none !important;
  -webkit-mask:url("../images/play_13984012.svg?v=2") center / contain no-repeat !important;
  mask:url("../images/play_13984012.svg?v=2") center / contain no-repeat !important;
}

.watch-inlinepreview__btn--play::after,
.watch-cardpreview__btn--play::after{
  content:none !important;
  display:none !important;
}

.watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play),
.watch-cardpreview__btn:not(.watch-cardpreview__btn--play){
  border:1px solid rgba(255,255,255,.08) !important;
  background:#111111 !important;
  color:#fff !important;
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  line-height:1 !important;
  box-shadow:none !important;
  transform:none !important;
  transition:background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease !important;
}

.watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play):hover,
.watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play):focus-visible,
.watch-cardpreview__btn:not(.watch-cardpreview__btn--play):hover,
.watch-cardpreview__btn:not(.watch-cardpreview__btn--play):focus-visible{
  background:rgba(var(--w-ink-rgb),.08) !important;
  border-color:rgba(var(--w-ink-rgb),.14) !important;
  color:#fff !important;
  box-shadow:none !important;
  transform:none !important;
}

.watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play) .watch-mi,
.watch-cardpreview__btn:not(.watch-cardpreview__btn--play) .watch-mi{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  min-width:0 !important;
  height:0 !important;
  min-height:0 !important;
  flex:0 0 0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  font-size:0 !important;
  line-height:0 !important;
  text-indent:-9999px !important;
}

.watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play) .watch-mi::before,
.watch-cardpreview__btn:not(.watch-cardpreview__btn--play) .watch-mi::before{
  content:none !important;
  display:none !important;
}

.watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play)::before,
.watch-cardpreview__btn:not(.watch-cardpreview__btn--play)::before{
  content:"" !important;
  display:inline-block !important;
  width:13px !important;
  height:13px !important;
  flex:0 0 13px !important;
  background:currentColor !important;
  -webkit-mask:url("../images/information_3936675.svg?v=2") center / contain no-repeat !important;
  mask:url("../images/information_3936675.svg?v=2") center / contain no-repeat !important;
}

.watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play)::after,
.watch-cardpreview__btn:not(.watch-cardpreview__btn--play)::after{
  content:none !important;
  display:none !important;
}

html[data-watch-theme="light"] .watch-inlinepreview__btn--play,
html[data-theme="light"] .watch-inlinepreview__btn--play,
html[data-watch-theme="light"] .watch-cardpreview__btn--play,
html[data-theme="light"] .watch-cardpreview__btn--play{
  background:#111 !important;
  color:#fff !important;
  border-color:rgba(17,17,17,.12) !important;
}

html[data-watch-theme="light"] .watch-inlinepreview__btn--play:hover,
html[data-theme="light"] .watch-inlinepreview__btn--play:hover,
html[data-watch-theme="light"] .watch-cardpreview__btn--play:hover,
html[data-theme="light"] .watch-cardpreview__btn--play:hover{
  background:#2b313b !important;
  color:#fff !important;
  box-shadow:none !important;
}

html[data-watch-theme="light"] .watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play),
html[data-theme="light"] .watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play),
html[data-watch-theme="light"] .watch-cardpreview__btn:not(.watch-cardpreview__btn--play),
html[data-theme="light"] .watch-cardpreview__btn:not(.watch-cardpreview__btn--play){
  background:#fff !important;
  color:#111 !important;
  border-color:rgba(17,17,17,.12) !important;
}

html[data-watch-theme="light"] .watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play):hover,
html[data-theme="light"] .watch-inlinepreview__btn:not(.watch-inlinepreview__btn--play):hover,
html[data-watch-theme="light"] .watch-cardpreview__btn:not(.watch-cardpreview__btn--play):hover,
html[data-theme="light"] .watch-cardpreview__btn:not(.watch-cardpreview__btn--play):hover{
  background:rgba(17,24,35,.08) !important;
  border-color:rgba(17,24,35,.16) !important;
  color:rgba(17,24,35,.96) !important;
  box-shadow:none !important;
}

/* ===== css/main-inline/block-011.css ===== */
/* Password helper should be collapsed by default and open smoothly */
    .watch-passhelper{margin-top:0;padding:0 12px;max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);border-radius:14px;border:1px solid transparent;background:rgba(var(--w-ink-rgb),.04);transition:max-height .28s ease,opacity .28s ease,transform .28s ease,margin-top .28s ease,padding .28s ease,border-color .28s ease;}
    .watch-passhelper.is-open{margin-top:8px;padding:10px 12px;max-height:260px;opacity:1;transform:translateY(0);border-color:rgba(var(--w-ink-rgb),.14);}

    /* Inline message area for AJAX registration */
    .watch-authmodal__msg{margin:10px 0 0;padding:10px 12px;border-radius:14px;border:1px solid rgba(var(--w-ink-rgb),.14);background:rgba(var(--w-ink-rgb),.06);font-size:13px;line-height:1.35;}
    .watch-authmodal__msg.is-error{border-color:rgba(255,110,110,.55);background:rgba(255,110,110,.10);}
    .watch-authmodal__msg.is-ok{border-color:rgba(120,255,170,.35);background:rgba(120,255,170,.10);}
    .watch-authmodal__msgActions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:10px;flex-wrap:wrap;}
    .watch-authmodal__msgBtn{appearance:none;border:0;cursor:pointer;border-radius:12px;padding:10px 12px;background:rgba(var(--w-ink-rgb),.10);color:var(--w-text);font-weight:800;}


    /* Footer social icons (inlined to bypass caches) */
    .watch-footer__copy{line-height:1.2;}
    .watch-footer__social{margin-top:10px;display:flex;justify-content:center;gap:12px;}
    .watch-footer__sociallink{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(var(--w-ink-rgb),.10);background:rgba(var(--w-ink-rgb),.03);color:rgba(var(--w-ink-rgb),.78);transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;}
    .watch-footer__sociallink:hover{transform:translateY(-1px) scale(1.02);background:rgba(var(--w-ink-rgb),.06);border-color:rgba(var(--w-ink-rgb),.18);color:rgba(var(--w-ink-rgb),.95);}
    .watch-footer__sociallink:focus-visible{outline:2px solid var(--w-accent);outline-offset:3px;}
    .watch-footer__icon{width:18px !important;height:18px !important;display:block;fill:currentColor;}
    .watch-footer__sociallink svg{width:18px !important;height:18px !important;}

    /* Hotfix: topbar buttons without outline until hover (avoid cache issues) */
    .watch-topnav__item,.watch-searchbtn,.watch-iconbtn{border:1px solid transparent !important;}
    .watch-topnav__item:hover,.watch-searchbtn:hover,.watch-iconbtn:hover{border-color:rgba(var(--w-ink-rgb),.14) !important;}
    .watch-usericon-svg{width:21px;height:21px;display:block;color:currentColor;pointer-events:none;}
    .watch-searchicon-svg{width:19px;height:19px;display:block;color:currentColor;pointer-events:none;}
    .watch-bellicon-svg{width:20px;height:20px;display:block;color:currentColor;pointer-events:none;}
    .watch-burgermenu__item .watch-usericon-svg{width:20px;height:20px;}
    .watch-burgermenu__item .watch-searchicon-svg,
    .watch-burgermenu__item .watch-bellicon-svg{width:18px;height:18px;}

    /* Hotfix: main page section titles (links) should be white/ink, not blue */
    .watch-block__titleLink,.watch-block__titleLink:visited{color:var(--w-text) !important;}

    /* Auth modal v2: social-first layout */
    .watch-authmodal{
      display:block !important;
      opacity:0 !important;
      visibility:hidden !important;
      pointer-events:none !important;
      transition:opacity .56s cubic-bezier(.22,1,.36,1), visibility 0s linear .56s !important;
    }
    .watch-authmodal{
      z-index:32000 !important;
    }
    .watch-authmodal.is-open{
      opacity:1 !important;
      visibility:visible !important;
      pointer-events:auto !important;
      transition:opacity .56s cubic-bezier(.22,1,.36,1), visibility 0s linear 0s !important;
    }
    /* Auth blur matches search visually but keeps independent state ownership. */
    #watchAuthBgBlurFx{
      position:fixed !important;
      inset:0 !important;
      z-index:2147482499 !important;
      display:block !important;
      opacity:0 !important;
      visibility:hidden;
      pointer-events:none !important;
      background:rgba(6,10,16,.28) !important;
      backdrop-filter:blur(18px) saturate(1.08) !important;
      -webkit-backdrop-filter:blur(18px) saturate(1.08) !important;
      transform:translateZ(0);
      will-change:opacity;
      transition:opacity var(--watch-search-blur-dur,.18s) var(--watch-perf-ease,ease) !important;
    }
    #watchAuthBgBlurFx.is-open,
    #watchAuthBgBlurFx.is-closing{visibility:visible !important;}
    #watchAuthBgBlurFx.is-open{opacity:1 !important;}
    #watchAuthBgBlurFx.is-closing{opacity:0 !important;}
    #watchAuthModal.watch-authmodal{z-index:2147482500 !important;}
    #watchAuthModal.watch-authmodal[aria-hidden="true"]{pointer-events:none !important;}
    html[data-watch-theme="light"] #watchAuthBgBlurFx,
    html[data-theme="light"] #watchAuthBgBlurFx,
    html.watch-theme-light #watchAuthBgBlurFx,
    body.watch-theme-light #watchAuthBgBlurFx{
      background:rgba(248,250,252,.34) !important;
      backdrop-filter:blur(16px) saturate(1.02) !important;
      -webkit-backdrop-filter:blur(16px) saturate(1.02) !important;
    }
    .watch-authmodal .watch-searchmodal__overlay{
      background:rgba(6,10,16,.10) !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      opacity:0;
      transition:opacity .56s cubic-bezier(.22,1,.36,1);
      will-change:opacity;
      transform:none;
    }
    .watch-authmodal.is-open .watch-searchmodal__overlay{
      opacity:1;
      transition:opacity .56s cubic-bezier(.22,1,.36,1);
    }
    .watch-authmodal__panel{
      width:min(452px,calc(100vw - 24px)) !important;
      max-height:min(760px,calc(100vh - 24px)) !important;
      overflow:auto !important;
      border-radius:24px !important;
      border:0 !important;
      background:#121212 !important;
      box-shadow:0 24px 58px rgba(0,0,0,.38) !important;
      opacity:0;
      transform:translateY(10px) scale(.98);
      transition:transform .56s cubic-bezier(.22,1,.36,1), opacity .56s cubic-bezier(.22,1,.36,1), box-shadow .56s cubic-bezier(.22,1,.36,1) !important;
      will-change:transform,opacity;
    }
    .watch-authmodal.is-open .watch-searchmodal__overlay{
      opacity:1;
      transition:opacity .56s cubic-bezier(.22,1,.36,1);
    }
    .watch-authmodal.is-open .watch-authmodal__panel{opacity:1;transform:translateY(0) scale(1);}
    .watch-authmodal .watch-searchmodal__top{
      padding:36px 24px 8px !important;
      border-bottom:0 !important;
      justify-content:center !important;
      text-align:center !important;
    }
    .watch-authmodal .watch-searchmodal__body{
      display:block !important;
      padding:12px 24px 24px !important;
    }
    .watch-authmodal__head{
      align-items:center !important;
      gap:16px;
    }
    .watch-authmodal__title{
      font-size:28px;
      line-height:1.12;
      font-weight:500;
      letter-spacing:-.01em;
      white-space:nowrap;
      color:#fff;
    }
    .watch-authmodal__subtitle{
      margin:0;
      font-size:14px;
      line-height:1.48;
      color:rgba(255,255,255,.72);
      max-width:340px;
    }
    .watch-authmodal__box{display:grid;gap:12px;}
    .watch-authmodal .watch-authmodal__pane{display:none !important;}
    .watch-authmodal .watch-authmodal__pane.is-active{display:block !important;}
    .watch-authmodal .watch-authmodal__pane[hidden]{display:none !important;}
    .watch-authmodal .watch-authmodal__pane.is-active[hidden]{display:none !important;}
    .watch-authmodal__pane.is-active{display:block !important;}
    .watch-authmodal__pane:not(.is-active){display:none !important;}
    .watch-authmodal .watch-authmodal__pane.is-active{opacity:0;transform:translateY(10px);}
    .watch-authmodal.is-open .watch-authmodal__pane.is-active{animation:watchAuthPaneIn .34s cubic-bezier(.22,.61,.36,1) .04s both;}
    .watch-authmodal__methods{display:grid;gap:12px;margin-top:8px;}
    .watch-authmodal__divider{
      width:calc(100% - 10px);
      margin:10px auto;
      display:flex;
      align-items:center;
      gap:14px;
      color:rgba(255,255,255,.46);
      font-size:12px;
      line-height:1;
      letter-spacing:.16em;
      text-transform:uppercase;
      user-select:none;
      pointer-events:none;
      opacity:0;
      transform:translateY(8px);
    }
    .watch-authmodal__divider::before,
    .watch-authmodal__divider::after{
      content:"";
      flex:1;
      height:1px;
      background:rgba(255,255,255,.18);
    }
    .watch-authmodal__emailStart{
      width:calc(100% - 10px);
      margin:0 auto;
      opacity:0;
      transform:translateY(12px) scale(.985);
    }
    .watch-authmodal__emailInput{
      width:100%;
      min-height:50px;
      border-radius:18px;
      border:1px solid rgba(255,255,255,.34);
      background:#121212;
      color:#fff;
      font-size:16px;
      font-weight:400;
      line-height:1.2;
      padding:0 16px;
      outline:none;
      transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }
    .watch-authmodal__emailStart.is-invalid .watch-authmodal__emailInput{
      border-color:rgba(255,95,95,.92);
      box-shadow:0 0 0 2px rgba(255,95,95,.12);
    }
    .watch-authmodal__emailInput::placeholder{color:rgba(255,255,255,.48);font-size:16px;}
    .watch-authmodal__emailInput:focus{
      border-color:rgba(125,151,255,.82);
      background:#121212;
      box-shadow:0 0 0 2px rgba(88,101,242,.22);
    }
    .watch-authmodal__emailInput:-webkit-autofill,
    .watch-authmodal__emailInput:-webkit-autofill:hover,
    .watch-authmodal__emailInput:-webkit-autofill:focus{
      -webkit-text-fill-color:#fff !important;
      color:#fff !important;
      caret-color:#fff !important;
      border-color:rgba(255,255,255,.34) !important;
      background-color:#121212 !important;
      background-image:none !important;
      box-shadow:
        inset 0 0 0 1000px #121212,
        inset 0 -2px 0 rgba(235,210,92,.95) !important;
      -webkit-box-shadow:
        inset 0 0 0 1000px #121212,
        inset 0 -2px 0 rgba(235,210,92,.95) !important;
      transition:background-color 9999s ease-out 0s !important;
    }
    .watch-authmodal__emailInput:autofill{
      box-shadow:
        inset 0 0 0 1000px #121212,
        inset 0 -2px 0 rgba(235,210,92,.95) !important;
      -webkit-box-shadow:
        inset 0 0 0 1000px #121212,
        inset 0 -2px 0 rgba(235,210,92,.95) !important;
      background-color:#121212 !important;
      color:#fff !important;
    }
    .watch-authmodal__emailError{
      margin-top:8px;
      display:flex;
      align-items:center;
      gap:6px;
      color:#ff5959;
      font-size:12px;
      line-height:1.3;
      font-weight:500;
    }
    .watch-authmodal__emailError[hidden]{display:none !important;}
    .watch-authmodal__emailErrorIcon{
      width:14px;
      height:14px;
      border:1px solid currentColor;
      border-radius:50%;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:10px;
      line-height:1;
      flex:0 0 14px;
    }
    .watch-authmodal__emailBtn{
      width:100%;
      min-height:48px;
      margin-top:20px;
      border-radius:14px;
      border:1px solid rgba(132,146,255,.72);
      background:linear-gradient(180deg, #6b76ff 0%, #5c68f4 100%);
      color:#fff;
      font-size:18px;
      font-weight:500;
      line-height:1.1;
      cursor:pointer;
      transition:none;
      box-shadow:none;
    }
    .watch-authmodal__emailBtn:disabled{cursor:default;}
    .watch-authmodal__emailBtn:focus-visible{outline:2px solid rgba(180,191,255,.95);outline-offset:2px;}
    .watch-authmodal__emailBtn.is-loading{
      color:transparent !important;
      pointer-events:none;
      transform:none !important;
      filter:none !important;
      position:relative;
    }
    .watch-authmodal__emailBtn.is-loading::after{
      content:'';
      position:absolute;
      left:50%;
      top:50%;
      width:20px;
      height:20px;
      margin:-10px 0 0 -10px;
      border-radius:50%;
      border:2px solid rgba(255,255,255,.45);
      border-top-color:#fff;
      animation:watchAuthBtnSpin .72s linear infinite;
    }
    @keyframes watchAuthBtnSpin{
      to{transform:rotate(360deg);}
    }
    .watch-authmodal .watch-authmodal__methods .watch-authmodal__method{opacity:0;transform:translateY(12px) scale(.985);}
    .watch-authmodal.is-open [data-watch-auth-pane="methods"].is-active .watch-authmodal__method{animation:watchAuthMethodIn .44s cubic-bezier(.22,.61,.36,1) both;}
    .watch-authmodal.is-open [data-watch-auth-pane="methods"].is-active .watch-authmodal__divider{animation:watchAuthDividerIn .38s cubic-bezier(.22,.61,.36,1) .21s both;}
    .watch-authmodal.is-open [data-watch-auth-pane="methods"].is-active .watch-authmodal__emailStart{animation:watchAuthMethodIn .44s cubic-bezier(.22,.61,.36,1) .23s both;}
    .watch-authmodal.is-open [data-watch-auth-pane="methods"].is-active .watch-authmodal__method:nth-child(1){animation-delay:.08s;}
    .watch-authmodal.is-open [data-watch-auth-pane="methods"].is-active .watch-authmodal__method:nth-child(2){animation-delay:.13s;}
    .watch-authmodal.is-open [data-watch-auth-pane="methods"].is-active .watch-authmodal__method:nth-child(3){animation-delay:.18s;}
    @keyframes watchAuthPaneIn{
      from{opacity:0;transform:translateY(10px);}
      to{opacity:1;transform:translateY(0);}
    }
    @keyframes watchAuthMethodIn{
      from{opacity:0;transform:translateY(12px) scale(.985);}
      to{opacity:1;transform:translateY(0) scale(1);}
    }
    @keyframes watchAuthDividerIn{
      from{opacity:0;transform:translateY(8px);}
      to{opacity:1;transform:translateY(0);}
    }
    @media (prefers-reduced-motion: reduce){
      .watch-authmodal,
      .watch-authmodal .watch-searchmodal__overlay,
      .watch-authmodal__panel{transition:none;}
      .watch-authmodal .watch-authmodal__pane.is-active,
      .watch-authmodal .watch-authmodal__methods .watch-authmodal__method,
      .watch-authmodal .watch-authmodal__divider,
      .watch-authmodal .watch-authmodal__emailStart{animation:none !important;opacity:1;transform:none;}
    }
    .watch-authmodal__method{
      appearance:none;-webkit-appearance:none;width:calc(100% - 10px);margin:0 auto;border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:0 54px;min-height:52px;
      display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;text-decoration:none;cursor:pointer;transition:none;
      background:rgba(255,255,255,.035);color:#fff;text-align:center;box-shadow:none;
      position:relative;
    }
    .watch-authmodal__method.is-loading{
      pointer-events:none;
      transform:none !important;
      filter:none !important;
    }
    .watch-authmodal__method.is-loading .watch-authmodal__methodIcon,
    .watch-authmodal__method.is-loading .watch-authmodal__methodText{
      opacity:0;
    }
    .watch-authmodal__method.is-loading::after{
      content:'';
      position:absolute;
      left:50%;
      top:50%;
      width:18px;
      height:18px;
      margin:-9px 0 0 -9px;
      border-radius:50%;
      border:2px solid rgba(255,255,255,.45);
      border-top-color:#fff;
      animation:watchAuthBtnSpin .72s linear infinite;
    }
    .watch-authmodal__method--google.is-loading::after,
    .watch-authmodal__method--nick.is-loading::after{
      border-color:rgba(25,34,52,.28);
      border-top-color:#1d2d52;
    }
    a.watch-authmodal__method,
    a.watch-authmodal__method:focus,
    a.watch-authmodal__method:active,
    a.watch-authmodal__method .watch-authmodal__methodTitle,
    a.watch-authmodal__method .watch-authmodal__methodSub{text-decoration:none !important;}
    .watch-authmodal__method:focus-visible{outline:2px solid rgba(139,171,255,.78);outline-offset:3px;}
    .watch-authmodal__methodIcon{position:absolute;left:16px;top:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:0;font-size:15px;font-weight:900;background:transparent;line-height:0;transform:translateY(-50%);}
    .watch-authmodal__methodIcon svg{width:24px;height:24px;display:block;}
    .watch-authmodal__method--google .watch-authmodal__methodIcon svg{width:24px;height:24px;}
    .watch-authmodal__method--nick .watch-authmodal__methodIcon svg{width:26px;height:26px;}
    .watch-authmodal__method--register .watch-authmodal__methodIcon svg{width:26px;height:26px;transform:scaleY(.84);transform-origin:center;}
    .watch-authmodal__methodText{display:grid;gap:0;min-width:0;justify-items:center;text-align:center;}
    .watch-authmodal__methodTitle{font-size:16px;line-height:1.2;font-weight:500;letter-spacing:0;}
    .watch-authmodal__methodSub{display:none !important;}
    .watch-authmodal__method--google{background:#f4f6fa;color:#111;border-color:rgba(0,0,0,.08);}
    .watch-authmodal__method--discord{background:#5865f2;color:#fff;border-color:rgba(122,134,255,.9);}
    .watch-authmodal__method--nick{background:#f3f5f9;color:#111;border-color:rgba(255,255,255,.78);}
    .watch-authmodal__method--register{background:transparent;color:#fff;border-color:rgba(255,255,255,.22);}

    /* Keep auth typography in the same family and weight as the account panel. */
    .watch-authmodal,
    .watch-authmodal button,
    .watch-authmodal input,
    .watch-authmodal a{
      font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
      letter-spacing:0 !important;
    }
    .watch-authmodal__title{
      font-size:26px !important;
      font-weight:600 !important;
      line-height:1.14 !important;
      letter-spacing:0 !important;
    }
    .watch-authmodal__subtitle{
      font-size:13px !important;
      font-weight:600 !important;
      line-height:1.42 !important;
    }
    .watch-authmodal__methodTitle,
    .watch-authmodal__emailBtn,
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-authmodal__submit,
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-authmodal__actions .watch-btn,
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__submit{
      font-size:14px !important;
      font-weight:600 !important;
      line-height:1.2 !important;
    }
    .watch-authmodal__emailInput,
    .watch-authmodal__emailInput::placeholder,
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__input,
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__input,
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field__input,
    .watch-authmodal__floatLabel{
      font-size:14px !important;
      font-weight:600 !important;
      line-height:1.2 !important;
    }
    .watch-authmodal__hint{margin-top:0;font-size:12px;line-height:1.4;color:rgba(255,255,255,.54);text-align:center;}
    .watch-authmodal__back{appearance:none;border:0;background:transparent;color:rgba(255,255,255,.72);padding:0;margin:0 0 12px;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;}
    .watch-authmodal__panel{position:relative;}
    .watch-authmodal__back--loginTop{
      position:absolute;
      top:14px;
      left:14px;
      display:none;
      margin:0;
      z-index:6;
      padding:6px 8px;
      border-radius:8px;
      border:0;
      background:transparent;
      color:rgba(255,255,255,.88);
      font-size:14px;
      font-weight:600;
      gap:6px;
      line-height:1;
    }
    .watch-authmodal[data-watch-auth-pane-active="login"] .watch-authmodal__back--loginTop{display:inline-flex;}
    .watch-authmodal__backChevron{
      font-size:18px;
      line-height:1;
      font-weight:500;
      display:inline-block;
      margin-top:-1px;
      flex:0 0 auto;
    }
    .watch-authmodal__sectionTitle{margin:0 0 12px;font-size:15px;line-height:1.3;font-weight:800;color:#fff;}
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-authmodal__bottomrow{
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:10px;
      margin-top:12px;
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-authmodal__bottomlinks{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:18px;
      flex-wrap:wrap;
      width:calc(100% - 10px);
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-authmodal__bottomrow .watch-btn{
      width:calc(100% - 10px);
      justify-content:center;
      min-height:48px;
      border-radius:14px;
      border:1px solid rgba(132,146,255,.72);
      background:linear-gradient(180deg, #6b76ff 0%, #5c68f4 100%);
      color:#fff;
      font-size:18px;
      font-weight:500;
      line-height:1.1;
      transition:none;
      box-shadow:none;
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-authmodal__bottomrow .watch-btn.is-loading{
      color:transparent !important;
      pointer-events:none;
      transform:none !important;
      filter:none !important;
      position:relative;
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-authmodal__bottomrow .watch-btn.is-loading::after{
      content:'';
      position:absolute;
      left:50%;
      top:50%;
      width:20px;
      height:20px;
      margin:-10px 0 0 -10px;
      border-radius:50%;
      border:2px solid rgba(255,255,255,.45);
      border-top-color:#fff;
      animation:watchAuthBtnSpin .72s linear infinite;
    }
    .watch-authmodal__forgot{
      display:inline-flex;
      justify-content:center;
      color:rgba(255,255,255,.66);
      text-decoration:none;
      font-size:12px;
      font-weight:700;
      background:none;
      border:0;
      padding:0;
      cursor:pointer;
    }
    .watch-authmodal__actions .watch-btn{width:100%;justify-content:center;min-height:48px;border-radius:12px;}
    .watch-authmodal__providerMsg{margin-bottom:2px;}
    .watch-authmodal .watch-check{margin-top:10px;}
    .watch-authmodal .watch-field__label{color:rgba(255,255,255,.86);font-weight:700;}
    .watch-authmodal .watch-field__input{min-height:50px;border-radius:12px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff;}
    .watch-authmodal .watch-field__input::placeholder{color:rgba(255,255,255,.40);}
    .watch-authmodal .watch-field__input:focus{border-color:rgba(125,151,255,.74);box-shadow:0 0 0 3px rgba(88,101,242,.16);}
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__label{display:none;}
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field{
      position:relative;
      width:calc(100% - 10px);
      margin:0 auto;
      isolation:isolate;
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-authmodal__form{
      margin-top:14px;
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__input{
      width:100%;
      display:block;
      margin:0;
      min-height:50px;
      border-radius:18px;
      border:1px solid rgba(255,255,255,.34);
      background:#121212;
      color:#fff;
      font-size:16px;
      font-weight:400;
      line-height:1.2;
      padding:0 16px;
      outline:none;
      transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__input::placeholder{
      color:transparent;
      opacity:0;
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__input:focus{
      border-color:rgba(125,151,255,.82);
      background:#121212;
      box-shadow:0 0 0 2px rgba(88,101,242,.22);
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field.is-invalid .watch-field__input{
      border-color:rgba(255,89,89,.95) !important;
      box-shadow:none !important;
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field.is-invalid .watch-field__input:focus{
      border-color:rgba(255,89,89,.95) !important;
      box-shadow:none !important;
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__input:-webkit-autofill,
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__input:-webkit-autofill:hover,
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__input:-webkit-autofill:focus{
      -webkit-text-fill-color:#fff !important;
      color:#fff !important;
      caret-color:#fff !important;
      border-color:rgba(255,255,255,.34) !important;
      background-color:#121212 !important;
      background-image:none !important;
      box-shadow:
        inset 0 0 0 1000px #121212,
        inset 0 -2px 0 rgba(235,210,92,.95) !important;
      -webkit-box-shadow:
        inset 0 0 0 1000px #121212,
        inset 0 -2px 0 rgba(235,210,92,.95) !important;
      transition:background-color 9999s ease-out 0s !important;
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__input:autofill{
      box-shadow:
        inset 0 0 0 1000px #121212,
        inset 0 -2px 0 rgba(235,210,92,.95) !important;
      -webkit-box-shadow:
        inset 0 0 0 1000px #121212,
        inset 0 -2px 0 rgba(235,210,92,.95) !important;
      background-color:#121212 !important;
      color:#fff !important;
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field.is-invalid .watch-field__input:-webkit-autofill,
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field.is-invalid .watch-field__input:-webkit-autofill:hover,
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field.is-invalid .watch-field__input:-webkit-autofill:focus{
      border-color:rgba(255,89,89,.95) !important;
      box-shadow:inset 0 0 0 1000px #121212 !important;
      -webkit-box-shadow:inset 0 0 0 1000px #121212 !important;
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-authmodal__floatLabel{
      position:absolute;
      left:16px;
      top:0;
      height:50px;
      transform:none;
      display:flex;
      align-items:center;
      color:rgba(255,255,255,.48);
      font-size:16px;
      font-weight:400;
      line-height:1.2;
      white-space:nowrap;
      width:auto;
      max-width:none;
      pointer-events:none;
      user-select:none;
      transition:top .16s ease, transform .16s ease, font-size .16s ease, color .16s ease;
      z-index:3;
      padding:0;
      background:transparent;
      border-radius:0;
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field.has-value .watch-authmodal__floatLabel{
      top:0;
      bottom:auto;
      left:16px;
      transform:translate(4px,-50%);
      display:inline-flex;
      align-items:center;
      height:auto;
      font-size:16px;
      color:rgba(255,255,255,.66);
      padding:0 6px;
      background:#121212;
      border-radius:4px;
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field.is-invalid .watch-authmodal__floatLabel{
      color:rgba(255,125,125,.95);
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-authmodal__fieldError{
      margin-top:8px;
      display:flex;
      align-items:center;
      gap:6px;
      color:#ff5959;
      font-size:12px;
      line-height:1.3;
      font-weight:500;
    }
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-authmodal__fieldError[hidden]{
      display:none !important;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-authmodal__sectionTitle{
      display:none;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__label{
      display:none;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-authmodal__form{
      margin-top:14px;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field{
      position:relative;
      width:calc(100% - 10px);
      margin:0 auto;
      isolation:isolate;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field--emailLock .watch-field__input{
      padding-right:138px;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field--emailLock .watch-field__input[readonly]{
      pointer-events:none;
      caret-color:transparent;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field--emailLock .watch-field__editEmail{
      position:absolute;
      right:14px;
      top:50%;
      transform:translateY(-50%);
      appearance:none;
      border:0;
      background:transparent;
      color:rgba(154,172,255,.95);
      font-size:16px;
      font-weight:500;
      line-height:1;
      padding:6px 0;
      cursor:pointer;
      text-decoration:none !important;
      z-index:4;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field--emailLock .watch-field__editEmail:focus-visible{
      outline:2px solid rgba(139,171,255,.78);
      outline-offset:4px;
      border-radius:6px;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__input{
      width:100%;
      display:block;
      margin:0;
      min-height:50px;
      border-radius:18px;
      border:1px solid rgba(255,255,255,.34);
      background:#121212;
      color:#fff;
      font-size:16px;
      font-weight:400;
      line-height:1.2;
      padding:0 16px;
      outline:none;
      transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__input::placeholder{
      color:transparent;
      opacity:0;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__input:focus{
      border-color:rgba(125,151,255,.82);
      background:#121212;
      box-shadow:0 0 0 2px rgba(88,101,242,.22);
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__input:-webkit-autofill,
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__input:-webkit-autofill:hover,
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__input:-webkit-autofill:focus{
      -webkit-text-fill-color:#fff !important;
      color:#fff !important;
      caret-color:#fff !important;
      border-color:rgba(255,255,255,.34) !important;
      background-color:#121212 !important;
      background-image:none !important;
      box-shadow:
        inset 0 0 0 1000px #121212,
        inset 0 -2px 0 rgba(235,210,92,.95) !important;
      -webkit-box-shadow:
        inset 0 0 0 1000px #121212,
        inset 0 -2px 0 rgba(235,210,92,.95) !important;
      transition:background-color 9999s ease-out 0s !important;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__input:autofill{
      box-shadow:
        inset 0 0 0 1000px #121212,
        inset 0 -2px 0 rgba(235,210,92,.95) !important;
      -webkit-box-shadow:
        inset 0 0 0 1000px #121212,
        inset 0 -2px 0 rgba(235,210,92,.95) !important;
      background-color:#121212 !important;
      color:#fff !important;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-authmodal__floatLabel{
      position:absolute;
      left:16px;
      top:0;
      height:50px;
      transform:none;
      display:flex;
      align-items:center;
      color:rgba(255,255,255,.48);
      font-size:16px;
      font-weight:400;
      line-height:1.2;
      white-space:nowrap;
      width:auto;
      max-width:none;
      pointer-events:none;
      user-select:none;
      transition:top .16s ease, transform .16s ease, font-size .16s ease, color .16s ease;
      z-index:3;
      padding:0;
      background:transparent;
      border-radius:0;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field.has-value .watch-authmodal__floatLabel{
      top:0;
      bottom:auto;
      left:16px;
      transform:translate(4px,-50%);
      display:inline-flex;
      align-items:center;
      height:auto;
      font-size:16px;
      color:rgba(255,255,255,.66);
      padding:0 6px;
      background:#121212;
      border-radius:4px;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__form{
      margin-top:14px;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field{
      position:relative;
      width:calc(100% - 10px);
      margin:0 auto;
      isolation:isolate;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field__input{
      width:100%;
      display:block;
      margin:0;
      min-height:50px;
      border-radius:18px;
      border:1px solid rgba(255,255,255,.34);
      background:#121212;
      color:#fff;
      font-size:16px;
      font-weight:400;
      line-height:1.2;
      padding:0 16px;
      outline:none;
      transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field__input::placeholder{
      color:transparent;
      opacity:0;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field__input:focus{
      border-color:rgba(125,151,255,.82);
      background:#121212;
      box-shadow:0 0 0 2px rgba(88,101,242,.22);
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field--emailReadonly .watch-field__input{
      pointer-events:none;
      caret-color:transparent;
      user-select:none;
      -webkit-user-select:none;
      -webkit-touch-callout:none;
      color:rgba(255,255,255,.92);
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field--emailReadonly .watch-field__input:focus{
      border-color:rgba(255,255,255,.34);
      box-shadow:none;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__floatLabel{
      position:absolute;
      left:16px;
      top:0;
      height:50px;
      transform:none;
      display:flex;
      align-items:center;
      color:rgba(255,255,255,.48);
      font-size:16px;
      font-weight:400;
      line-height:1.2;
      white-space:nowrap;
      width:auto;
      max-width:none;
      pointer-events:none;
      user-select:none;
      transition:top .16s ease, transform .16s ease, font-size .16s ease, color .16s ease;
      z-index:3;
      padding:0;
      background:transparent;
      border-radius:0;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field.has-value .watch-authmodal__floatLabel{
      top:0;
      bottom:auto;
      left:16px;
      transform:translate(4px,-50%);
      display:inline-flex;
      align-items:center;
      height:auto;
      font-size:16px;
      color:rgba(255,255,255,.66);
      padding:0 6px;
      background:#121212;
      border-radius:4px;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field.is-invalid .watch-field__input{
      border-color:rgba(255,95,95,.92);
      box-shadow:0 0 0 2px rgba(255,95,95,.12);
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field.is-invalid .watch-authmodal__floatLabel{
      color:rgba(255,125,125,.95);
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupError{
      width:calc(100% - 10px);
      margin:1px auto 0;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatar{
      width:calc(100% - 10px);
      margin:14px auto 0;
      display:grid;
      grid-template-columns:1fr;
      gap:12px;
      align-items:start;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarPreview{
      display:grid;
      grid-template-columns:184px 64px 32px;
      grid-template-rows:184px auto;
      gap:8px 12px;
      align-items:end;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarTile{
      position:relative;
      border-radius:8px;
      border:1px solid rgba(255,255,255,.18);
      overflow:hidden;
      background:rgba(255,255,255,.03);
      box-shadow:0 8px 20px rgba(0,0,0,.24);
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarTile img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarTile.is-184{width:184px;height:184px;}
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarTile.is-64{width:64px;height:64px;}
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarTile.is-32{width:32px;height:32px;}
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarSize{
      font-size:12px;
      line-height:1.2;
      color:rgba(255,255,255,.62);
      white-space:nowrap;
      text-align:left;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarSize.is-184{grid-column:1;}
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarSize.is-64{grid-column:2;}
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarSize.is-32{grid-column:3;}
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarCtrl{
      display:grid;
      gap:10px;
      align-content:start;
      max-width:304px;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarPick{
      appearance:none;
      border:1px solid rgba(255,255,255,.26);
      border-radius:10px;
      min-height:36px;
      padding:0 14px;
      background:rgba(152,169,212,.18);
      color:#fff;
      font-size:15px;
      font-weight:500;
      line-height:1.1;
      cursor:pointer;
      transition:none;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarPick:focus-visible{
      outline:2px solid rgba(172,188,255,.82);
      outline-offset:2px;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarHint{
      font-size:14px;
      line-height:1.4;
      color:rgba(255,255,255,.62);
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__actions{
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:10px;
      margin-top:14px;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__submit{
      width:calc(100% - 10px);
      min-height:48px;
      border-radius:14px;
      border:1px solid rgba(132,146,255,.72);
      background:linear-gradient(180deg, #6b76ff 0%, #5c68f4 100%);
      color:#fff;
      font-size:18px;
      font-weight:500;
      line-height:1.1;
      transition:none;
      box-shadow:none;
      cursor:pointer;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__submit:focus-visible{
      outline:2px solid rgba(180,191,255,.95);
      outline-offset:2px;
    }
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__cancelReg{
      margin-top:2px;
      text-align:center;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-authmodal__caps{
      width:calc(100% - 10px);
      margin:6px auto 0;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-passhelper{
      width:calc(100% - 10px);
      margin-left:auto;
      margin-right:auto;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-authmodal__msg{
      width:calc(100% - 10px);
      margin:10px auto 0;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-authmodal__actions{
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:10px;
      margin-top:12px;
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-authmodal__bottomlinks{
      display:flex;
      align-items:center;
      justify-content:center;
      width:calc(100% - 10px);
    }
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-authmodal__actions .watch-btn{
      width:calc(100% - 10px);
      justify-content:center;
      min-height:48px;
      border-radius:14px;
      border:1px solid rgba(132,146,255,.72);
      background:linear-gradient(180deg, #6b76ff 0%, #5c68f4 100%);
      color:#fff;
      font-size:18px;
      font-weight:500;
      line-height:1.1;
      transition:none;
      box-shadow:none;
    }
    .watch-authmodal .watch-recaptcha{
      width:calc(100% - 10px);
      margin:0 auto;
      border-radius:0;
      border:0;
      background:transparent;
      overflow:visible;
      display:flex;
      align-items:flex-start;
      justify-content:center;
      min-height:0;
      height:0;
      opacity:0;
      pointer-events:none;
      transform:translateY(-4px);
      transition:opacity .24s ease, transform .24s ease, margin-top .24s ease, height .24s ease;
      box-sizing:border-box;
    }
    .watch-authmodal .watch-recaptcha.is-visible{
      margin-top:12px;
      opacity:1;
      pointer-events:auto;
      transform:translateY(0);
    }
    .watch-authmodal .watch-recaptcha .g-recaptcha{
      display:block;
      width:auto;
      max-width:100%;
      line-height:0;
    }
    .watch-authmodal .watch-recaptcha .g-recaptcha > div{
      transform-origin:center top;
      border-radius:0;
      overflow:visible;
    }
    .watch-authmodal .watch-recaptcha iframe{border-radius:0;}
    .watch-authmodal .watch-recaptcha.is-invalid{
      border:0 !important;
      outline:0 !important;
      box-shadow:none !important;
    }
    .watch-authmodal .watch-recaptcha.is-invalid::before,
    .watch-authmodal .watch-recaptcha.is-invalid::after{
      content:none !important;
      display:none !important;
    }
    .watch-authmodal .watch-recaptcha.is-invalid .g-recaptcha{
      outline:0 !important;
      box-shadow:none !important;
    }
    .watch-authmodal .watch-recaptcha.is-invalid .g-recaptcha > div{
      box-shadow:0 0 0 1px #ff4d57 !important;
      border-radius:0 !important;
    }
    .watch-authmodal .watch-recaptcha__error{
      margin:2px auto 0;
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:6px;
      color:#ff5959;
      font-size:12px;
      line-height:1.3;
      font-weight:500;
      text-align:left;
      width:min(304px, 100%);
      max-width:100%;
    }
    .watch-authmodal .watch-recaptcha__error[hidden]{
      display:none !important;
    }
    .watch-authmodal .watch-recaptcha__errorIcon{
      width:14px;
      height:14px;
      border:1px solid currentColor;
      border-radius:50%;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:10px;
      line-height:1;
      flex:0 0 14px;
    }
    .watch-authmodal .watch-authmodal__caps{color:rgba(255,194,107,.95);}

    /* Auth modal light theme */
    html[data-watch-theme="light"] .watch-authmodal .watch-searchmodal__overlay{
      background:rgba(235,241,250,.30);
    }
    html[data-watch-theme="light"] .watch-authmodal__panel{
      background:#f6f8fc !important;
      box-shadow:0 24px 56px rgba(18,32,64,.18) !important;
    }
    html[data-watch-theme="light"] .watch-authmodal__title{
      color:#151c2e;
    }
    html[data-watch-theme="light"] .watch-authmodal__subtitle{
      color:rgba(31,43,70,.72);
    }
    html[data-watch-theme="light"] .watch-authmodal__divider{
      color:rgba(40,56,92,.48);
    }
    html[data-watch-theme="light"] .watch-authmodal__divider::before,
    html[data-watch-theme="light"] .watch-authmodal__divider::after{
      background:rgba(56,78,122,.22);
    }
    html[data-watch-theme="light"] .watch-authmodal__method{
      border-color:rgba(44,63,109,.14);
      box-shadow:none;
    }
    html[data-watch-theme="light"] .watch-authmodal__method--google{
      background:#fff;
      color:#111827;
      border-color:rgba(30,44,74,.14);
    }
    html[data-watch-theme="light"] .watch-authmodal__method--discord{
      background:#5865f2;
      color:#fff;
      border-color:rgba(103,121,255,.90);
    }
    html[data-watch-theme="light"] .watch-authmodal__method--nick{
      background:#fff;
      color:#111827;
      border-color:rgba(30,44,74,.14);
    }
    html[data-watch-theme="light"] .watch-authmodal__method--register{
      background:rgba(88,101,242,.10);
      color:#2638c8;
      border-color:rgba(88,101,242,.30);
    }
    html[data-watch-theme="light"] .watch-authmodal__hint{
      color:rgba(36,53,88,.58);
    }
    html[data-watch-theme="light"] .watch-authmodal__sectionTitle{
      color:#151c2e;
    }
    html[data-watch-theme="light"] .watch-authmodal__back{
      color:rgba(36,53,88,.74);
    }
    html[data-watch-theme="light"] .watch-authmodal .watch-check span{
      color:#1a243d;
    }
    html[data-watch-theme="light"] .watch-authmodal__forgot{
      color:rgba(40,56,92,.72);
    }
    html[data-watch-theme="light"] .watch-authmodal__emailInput{
      border-color:rgba(33,48,82,.26);
      background:#fff;
      color:#121a2d;
    }
    html[data-watch-theme="light"] .watch-authmodal__emailInput::placeholder{
      color:rgba(43,61,101,.46);
    }
    html[data-watch-theme="light"] .watch-authmodal__emailInput:focus{
      border-color:rgba(86,109,255,.56);
      background:#fff;
    }
    html[data-watch-theme="light"] .watch-authmodal__emailStart.is-invalid .watch-authmodal__emailInput,
    html[data-watch-theme="light"] .watch-authmodal__emailStart.is-invalid .watch-authmodal__emailInput:focus{
      border-color:rgba(255,89,89,.95) !important;
      box-shadow:0 0 0 2px rgba(255,89,89,.12) !important;
    }
    html[data-watch-theme="light"] .watch-authmodal__emailInput:-webkit-autofill,
    html[data-watch-theme="light"] .watch-authmodal__emailInput:-webkit-autofill:hover,
    html[data-watch-theme="light"] .watch-authmodal__emailInput:-webkit-autofill:focus{
      -webkit-text-fill-color:#121a2d !important;
      color:#121a2d !important;
      caret-color:#121a2d !important;
      border-color:rgba(33,48,82,.26) !important;
      background-color:#fff !important;
      box-shadow:
        inset 0 0 0 1000px #fff,
        inset 0 -2px 0 rgba(235,210,92,.92) !important;
      -webkit-box-shadow:
        inset 0 0 0 1000px #fff,
        inset 0 -2px 0 rgba(235,210,92,.92) !important;
    }
    html[data-watch-theme="light"] .watch-authmodal__emailInput:autofill{
      box-shadow:
        inset 0 0 0 1000px #fff,
        inset 0 -2px 0 rgba(235,210,92,.92) !important;
      -webkit-box-shadow:
        inset 0 0 0 1000px #fff,
        inset 0 -2px 0 rgba(235,210,92,.92) !important;
      background-color:#fff !important;
      color:#121a2d !important;
    }
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__input,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__input,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field__input{
      border-color:rgba(33,48,82,.26);
      background:#fff;
      color:#121a2d;
    }
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__input:focus,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__input:focus,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field__input:focus{
      border-color:rgba(86,109,255,.56);
      background:#fff;
    }
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__input:-webkit-autofill,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__input:-webkit-autofill:hover,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__input:-webkit-autofill:focus,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__input:-webkit-autofill,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__input:-webkit-autofill:hover,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__input:-webkit-autofill:focus,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field__input:-webkit-autofill,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field__input:-webkit-autofill:hover,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field__input:-webkit-autofill:focus{
      -webkit-text-fill-color:#121a2d !important;
      color:#121a2d !important;
      caret-color:#121a2d !important;
      border-color:rgba(33,48,82,.26) !important;
      background-color:#fff !important;
      box-shadow:
        inset 0 0 0 1000px #fff,
        inset 0 -2px 0 rgba(235,210,92,.92) !important;
      -webkit-box-shadow:
        inset 0 0 0 1000px #fff,
        inset 0 -2px 0 rgba(235,210,92,.92) !important;
    }
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__input:autofill,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__input:autofill,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field__input:autofill{
      box-shadow:
        inset 0 0 0 1000px #fff,
        inset 0 -2px 0 rgba(235,210,92,.92) !important;
      -webkit-box-shadow:
        inset 0 0 0 1000px #fff,
        inset 0 -2px 0 rgba(235,210,92,.92) !important;
      background-color:#fff !important;
      color:#121a2d !important;
    }
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-authmodal__floatLabel,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-authmodal__floatLabel,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__floatLabel{
      color:rgba(34,50,84,.54);
      background:transparent;
    }
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field.has-value .watch-authmodal__floatLabel,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field.has-value .watch-authmodal__floatLabel,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field.has-value .watch-authmodal__floatLabel{
      color:rgba(32,47,80,.78);
      background:#f6f8fc;
    }
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field.is-invalid .watch-authmodal__floatLabel,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field.is-invalid .watch-authmodal__floatLabel,
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field.is-invalid .watch-authmodal__floatLabel{
      color:rgba(255,89,89,.95) !important;
    }
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field.is-invalid .watch-field__input{
      border-color:rgba(255,89,89,.95) !important;
      box-shadow:0 0 0 2px rgba(255,89,89,.12) !important;
    }
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field--emailReadonly .watch-field__input{
      color:#1a2642;
    }
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field--emailReadonly .watch-field__input:focus{
      border-color:rgba(33,48,82,.26);
      box-shadow:none;
    }
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarTile{
      border-color:rgba(26,39,67,.18);
      background:rgba(12,22,48,.04);
      box-shadow:0 8px 18px rgba(24,37,68,.14);
    }
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarSize{
      color:rgba(36,53,88,.62);
    }
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarPick{
      border-color:rgba(31,48,84,.22);
      background:rgba(53,78,136,.14);
      color:#1a2642;
    }
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarHint{
      color:rgba(36,53,88,.66);
    }
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__submit{
      border-color:rgba(111,130,255,.60);
      box-shadow:none;
    }
    html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field--emailLock .watch-field__editEmail{
      color:#3c53e3;
    }
    html[data-watch-theme="light"] .watch-authmodal .watch-authmodal__caps{
      color:#b56d19;
    }

    @media (max-width: 560px){
      .watch-authmodal__panel{width:min(100vw - 14px, 430px) !important;border-radius:20px !important;}
      .watch-authmodal .watch-searchmodal__top{padding:18px 14px 8px !important;}
      .watch-authmodal .watch-searchmodal__body{padding:8px 14px 14px !important;}
      .watch-authmodal__title{font-size:24px;}
      .watch-authmodal__back--loginTop{top:10px;left:10px;padding:5px 7px;}
      .watch-authmodal__divider{width:calc(100% - 6px);}
      .watch-authmodal__emailStart{width:calc(100% - 6px);}
      .watch-authmodal__emailInput{min-height:48px;font-size:15px;padding:0 14px;}
      .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__input{min-height:48px;font-size:15px;padding:0 14px;}
      .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-authmodal__form{margin-top:12px;}
      .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-authmodal__floatLabel{left:14px;font-size:15px;}
      .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__input{min-height:48px;font-size:15px;padding:0 14px;}
      .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field__input{min-height:48px;font-size:15px;padding:0 14px;}
      .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field--emailLock .watch-field__input{padding-right:128px;}
      .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-authmodal__form{margin-top:12px;}
      .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__form{margin-top:12px;}
      .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-authmodal__floatLabel{left:14px;font-size:15px;}
      .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__floatLabel{left:14px;font-size:15px;}
      .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-authmodal__floatLabel,
      .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-authmodal__floatLabel,
      .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__floatLabel{height:48px;}
      .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field--emailLock .watch-field__editEmail{right:12px;font-size:15px;}
      .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field.has-value .watch-authmodal__floatLabel{
        left:14px;
        font-size:15px;
        background:#121212;
      }
      .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field.has-value .watch-authmodal__floatLabel{
        left:14px;
        font-size:15px;
        background:#121212;
      }
      .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field.has-value .watch-authmodal__floatLabel{
        left:14px;
        font-size:15px;
        background:#121212;
      }
      .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatar{
        grid-template-columns:1fr;
        gap:12px;
      }
      .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarPreview{
        grid-template-columns:140px 56px 32px;
        grid-template-rows:140px auto;
        gap:8px 10px;
      }
      .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarTile.is-184{width:140px;height:140px;}
      .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarTile.is-64{width:56px;height:56px;}
      .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarTile.is-32{width:32px;height:32px;}
      .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarPick{min-height:34px;font-size:14px;}
      .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__setupAvatarHint{font-size:13px;}
      .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__submit{min-height:46px;font-size:17px;}
      .watch-authmodal__emailBtn{min-height:46px;font-size:17px;}
      .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-authmodal__actions .watch-btn{min-height:46px;font-size:17px;}
      .watch-authmodal__method{width:calc(100% - 6px);min-height:50px;border-radius:14px;padding:0 52px;}
    }
    @media (max-width: 560px){
      html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field.has-value .watch-authmodal__floatLabel,
      html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field.has-value .watch-authmodal__floatLabel,
      html[data-watch-theme="light"] .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field.has-value .watch-authmodal__floatLabel{
        background:#f6f8fc;
      }
    }

    .watch-authmodal__methodTitle,
    .watch-authmodal__emailBtn,
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-authmodal__submit,
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-authmodal__actions .watch-btn,
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-authmodal__submit,
    .watch-authmodal__emailInput,
    .watch-authmodal__emailInput::placeholder,
    .watch-authmodal__pane[data-watch-auth-pane="login"] .watch-field__input,
    .watch-authmodal__pane[data-watch-auth-pane="register"] .watch-field__input,
    .watch-authmodal__pane[data-watch-auth-pane="setup"] .watch-field__input,
    .watch-authmodal__floatLabel{
      font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
      font-size:14px !important;
      font-weight:600 !important;
      line-height:1.2 !important;
      letter-spacing:0 !important;
    }

/* ===== css/main-inline/watch-settings-refined-v1.css ===== */
/* ==========================================================================
   Watch settings: refined layout (hierarchy, inputs, buttons, hint box).
   Inlined at end of <body> so it wins the cascade regardless of whether
   watch.css external file has been re-uploaded. Applies to both the modal
   (#watchSettingsModal) and the standalone /settings page.
   ========================================================================== */

.watch-settingsmodal .watch-settings__sectionTitle,
html.watch-settings-page .watch-settings__sectionTitle{
  font-size:11px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.1em !important;
  color:rgba(var(--w-ink-rgb),.58) !important;
  margin:0 0 10px 0 !important;
}

/* Row is display:grid; gap:8px — so label/muted must NOT add their own
   vertical margins or they stack with the grid gap. */
.watch-settingsmodal .watch-settings__label,
html.watch-settings-page .watch-settings__label{
  font-size:12px !important;
  font-weight:700 !important;
  color:rgba(var(--w-ink-rgb),.72) !important;
  letter-spacing:0 !important;
  margin:0 !important;
  display:block !important;
}

/* Rely on .watch-settings__form { display:grid; gap:14px } for row spacing —
   don't stack extra margin-bottom on rows. */
.watch-settingsmodal .watch-settings__row,
html.watch-settings-page .watch-settings__row{
  margin:0 !important;
}

/* Cap form width so inputs don't stretch across the whole pane — nicer
   to read and matches settings UIs on bigger sites. Increase row gap for
   more breathing room between rows. */
.watch-settingsmodal .watch-settings__form,
html.watch-settings-page .watch-settings__form{
  max-width:520px !important;
  gap:20px !important;
}

#watchSettingsModal .watch-settings__input,
#watchSettingsModal .watch-settings__textarea,
.watch-settingsmodal .watch-settings__input,
.watch-settingsmodal .watch-settings__textarea,
html.watch-settings-page .watch-settings__input,
html.watch-settings-page .watch-settings__textarea{
  width:100% !important;
  border-radius:12px !important;
  border:1px solid rgba(var(--w-ink-rgb),.14) !important;
  padding:11px 14px !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1.4 !important;
  box-shadow:none !important;
  transition:border-color .18s ease, box-shadow .18s ease !important;
  outline:none !important;
  box-sizing:border-box !important;
}
#watchSettingsModal .watch-settings__input:hover,
#watchSettingsModal .watch-settings__textarea:hover,
.watch-settingsmodal .watch-settings__input:hover,
.watch-settingsmodal .watch-settings__textarea:hover,
html.watch-settings-page .watch-settings__input:hover,
html.watch-settings-page .watch-settings__textarea:hover{
  border-color:rgba(var(--w-ink-rgb),.24) !important;
}
#watchSettingsModal .watch-settings__input:focus,
#watchSettingsModal .watch-settings__textarea:focus,
.watch-settingsmodal .watch-settings__input:focus,
.watch-settingsmodal .watch-settings__textarea:focus,
html.watch-settings-page .watch-settings__input:focus,
html.watch-settings-page .watch-settings__textarea:focus{
  border-color:rgba(var(--w-ink-rgb),.42) !important;
  box-shadow:0 0 0 3px rgba(var(--w-ink-rgb),.06) !important;
}

/* Hide native <select> inside Watch settings — replaced by a custom
   <div class="watch-select"> dropdown (built in JS, see watchSelectInit).
   The native <select> is kept in the DOM as a hidden source of truth for
   form submission. */
.watch-settingsmodal select.watch-settings__input,
html.watch-settings-page select.watch-settings__input{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
  border:0 !important;
  background:transparent !important;
  pointer-events:none !important;
  opacity:0 !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
}

/* ==========================================================================
   Watch custom dropdown (.watch-select)
   Replaces a hidden native <select> with a fully-styled, theme-aware trigger
   + popup menu. Used for all <select> elements inside Watch settings (modal
   #watchSettingsModal and standalone /settings page).
   ========================================================================== */
.watch-select{
  position:relative !important;
  display:block !important;
  width:100% !important;
  font:inherit !important;
  color:inherit !important;
}

.watch-select__trigger{
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  width:100% !important;
  min-height:48px !important;
  padding:12px 16px !important;
  background:#151515 !important;
  border:1px solid rgba(var(--w-ink-rgb),.10) !important;
  border-radius:12px !important;
  color:var(--w-text) !important;
  font:inherit !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
  text-align:left !important;
  cursor:pointer !important;
  transition:background .14s ease, border-color .14s ease, box-shadow .14s ease !important;
  user-select:none !important;
  outline:0 !important;
}
.watch-select__trigger:hover{
  background:rgba(var(--w-ink-rgb),.07) !important;
  border-color:rgba(var(--w-ink-rgb),.18) !important;
}
.watch-select__trigger:focus-visible,
.watch-select.is-open .watch-select__trigger{
  background:#151515 !important;
  border-color:rgba(var(--w-ink-rgb),.10) !important;
  box-shadow:none !important;
  outline:0 !important;
}
.watch-select__value{
  flex:1 1 auto !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.watch-select__value[data-empty="1"]{
  color:rgba(var(--w-ink-rgb),.42) !important;
  font-weight:500 !important;
}
.watch-select__chevron{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:18px !important;
  height:18px !important;
  color:rgba(var(--w-ink-rgb),.55) !important;
  transition:transform .18s ease, color .14s ease !important;
}
.watch-select.is-open .watch-select__chevron{
  transform:rotate(180deg) !important;
  color:rgba(var(--w-ink-rgb),.85) !important;
}

.watch-select__menu{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:calc(100% + 6px) !important;
  z-index:60 !important;
  margin:0 !important;
  padding:6px !important;
  list-style:none !important;
  background:#171717 !important;
  border:1px solid #292929 !important;
  border-radius:14px !important;
  box-shadow:0 18px 40px rgba(0,0,0,.55), 0 4px 14px rgba(0,0,0,.45) !important;
  max-height:280px !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(var(--w-ink-rgb),.18) transparent !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:translateY(-4px) scale(.985) !important;
  transform-origin:top center !important;
  transition:opacity .14s ease, transform .14s ease !important;
}
.watch-select.is-open .watch-select__menu{
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translateY(0) scale(1) !important;
}
.watch-select__menu::-webkit-scrollbar{ width:8px !important; }
.watch-select__menu::-webkit-scrollbar-track{ background:transparent !important; }
.watch-select__menu::-webkit-scrollbar-thumb{
  background:rgba(var(--w-ink-rgb),.18) !important;
  border-radius:8px !important;
}

.watch-select__optgroup{
  padding:8px 8px 4px 8px !important;
  font-size:11px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  color:rgba(var(--w-ink-rgb),.46) !important;
}
.watch-select__optgroup:not(:first-child){
  margin-top:4px !important;
  border-top:1px solid rgba(var(--w-ink-rgb),.07) !important;
}

.watch-select__option{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:10px 12px !important;
  margin:4px 0 !important;
  border-radius:10px !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
  color:rgba(var(--w-ink-rgb),.86) !important;
  cursor:pointer !important;
  user-select:none !important;
  transition:background .12s ease, color .12s ease !important;
}
.watch-select__option:first-child{ margin-top:0 !important; }
.watch-select__option:last-child{ margin-bottom:0 !important; }
.watch-select__option:hover,
.watch-select__option.is-active{
  background:rgba(var(--w-ink-rgb),.07) !important;
  color:var(--w-text) !important;
}
.watch-select__option.is-selected{
  background:rgba(var(--w-ink-rgb),.10) !important;
  color:var(--w-text) !important;
  font-weight:800 !important;
}
.watch-select__option.is-selected:hover,
.watch-select__option.is-selected.is-active{
  background:rgba(var(--w-ink-rgb),.15) !important;
}
.watch-select__option .watch-select__check{
  display:none !important;
}

/* Light theme */
html[data-watch-theme="light"] .watch-select__trigger{
  background:#f4f5f7 !important;
  border-color:rgba(var(--w-ink-rgb),.12) !important;
}
html[data-watch-theme="light"] .watch-select__trigger:hover{
  background:#eceef2 !important;
  border-color:rgba(var(--w-ink-rgb),.20) !important;
}
html[data-watch-theme="light"] .watch-select__trigger:focus-visible,
html[data-watch-theme="light"] .watch-select.is-open .watch-select__trigger{
  background:#ffffff !important;
  border-color:rgba(var(--w-ink-rgb),.22) !important;
  box-shadow:0 0 0 3px rgba(var(--w-ink-rgb),.08) !important;
}
html[data-watch-theme="light"] .watch-select__menu{
  background:#ffffff !important;
  border-color:rgba(var(--w-ink-rgb),.12) !important;
  box-shadow:0 18px 40px rgba(15,23,42,.18), 0 4px 14px rgba(15,23,42,.10) !important;
}
html[data-watch-theme="light"] .watch-select__option{
  color:rgba(var(--w-ink-rgb),.82) !important;
}
html[data-watch-theme="light"] .watch-select__option:hover,
html[data-watch-theme="light"] .watch-select__option.is-active{
  background:rgba(var(--w-ink-rgb),.06) !important;
  color:var(--w-text) !important;
}
html[data-watch-theme="light"] .watch-select__option.is-selected{
  background:rgba(var(--w-ink-rgb),.10) !important;
  color:var(--w-text) !important;
}
html[data-watch-theme="light"] .watch-select__optgroup{
  color:rgba(var(--w-ink-rgb),.50) !important;
  border-top-color:rgba(var(--w-ink-rgb),.08) !important;
}

.watch-settingsmodal .watch-settings__textarea,
html.watch-settings-page .watch-settings__textarea{
  resize:vertical !important;
  min-height:96px !important;
  max-height:220px !important;
  line-height:1.5 !important;
}

.watch-settingsmodal .watch-settings__muted,
html.watch-settings-page .watch-settings__muted{
  margin:0 !important;
  font-size:12px !important;
  color:rgba(var(--w-ink-rgb),.48) !important;
  line-height:1.45 !important;
}

/* Inline link inside a muted hint line (e.g. "Открыть профиль") */
.watch-settings__inlineLink{
  color:rgba(var(--w-ink-rgb),.78) !important;
  text-decoration:underline !important;
  text-underline-offset:2px !important;
  text-decoration-thickness:1px !important;
  text-decoration-color:rgba(var(--w-ink-rgb),.30) !important;
  transition:color .14s ease, text-decoration-color .14s ease !important;
}
.watch-settings__inlineLink:hover{
  color:var(--w-text) !important;
  text-decoration-color:rgba(var(--w-ink-rgb),.60) !important;
}

/* Actions row: minimal gap from form, no hard separator, use native .watch-btn
   look for both primary and ghost — stays in the dark-pill aesthetic. */
.watch-settingsmodal .watch-settings__actions,
html.watch-settings-page .watch-settings__actions{
  margin-top:6px !important;
  padding-top:0 !important;
  border-top:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
/* Logout = subtle ghost right after Save button (not pushed to far right) */
.watch-settingsmodal .watch-settings__actions .watch-btn--ghost,
html.watch-settings-page .watch-settings__actions .watch-btn--ghost{
  margin-left:0 !important;
  background:transparent !important;
  border:0 !important;
  color:rgba(var(--w-ink-rgb),.55) !important;
  font-weight:600 !important;
  font-size:13px !important;
  padding:10px 12px !important;
  border-radius:10px !important;
  text-decoration:none !important;
  transition:color .14s ease, background-color .14s ease !important;
}
#watchSettingsModal .watch-settings__actions .watch-btn--ghost:hover,
.watch-settingsmodal .watch-settings__actions .watch-btn--ghost:hover,
html.watch-settings-page .watch-settings__actions .watch-btn--ghost:hover{
  background:#2E1C1C !important;
}
/* Light theme: soft pink-ish hover so the text stays readable */
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__actions .watch-btn--ghost:hover,
html[data-watch-theme="light"] .watch-settingsmodal .watch-settings__actions .watch-btn--ghost:hover,
html[data-watch-theme="light"].watch-settings-page .watch-settings__actions .watch-btn--ghost:hover{
  background:#FCE4E4 !important;
  color:#8A1F1F !important;
}

/* ============ Scroll fix: modal content must fit within fixed panel height ============
   Panel is 680px tall with overflow:hidden. Content (form rows + actions) can
   exceed that. Make the right column (panes) scroll internally while the
   title + tabs stay fixed. Only applies inside #watchSettingsModal so the
   standalone /settings page keeps its natural page-level scroll.
   ========================================================================== */
#watchSettingsModal .watch-settingsmodal__body{
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  min-height:0 !important;
}
#watchSettingsModal .watch-settings,
#watchSettingsModal .watch-settings__card{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  height:100% !important;
}
#watchSettingsModal .watch-settings__top{
  flex:0 0 auto !important;
}
/* Convert grid в†’ flex row so height:100% + overflow-y:auto actually limit the
   panes to panel height (CSS Grid default row-sizing would let content push
   the row beyond the panel, breaking the scroll). */
#watchSettingsModal .watch-settings__grid{
  display:flex !important;
  flex-direction:row !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:hidden !important;
}
#watchSettingsModal .watch-settings__tabs{
  flex:0 0 260px !important;
  width:260px !important;
  overflow-y:auto !important;
  min-height:0 !important;
}
#watchSettingsModal .watch-settings__panes{
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  min-height:0 !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(var(--w-ink-rgb),.2) transparent !important;
}
#watchSettingsModal .watch-settings__panes::-webkit-scrollbar{
  width:8px !important;
}
#watchSettingsModal .watch-settings__panes::-webkit-scrollbar-thumb{
  background:rgba(var(--w-ink-rgb),.15) !important;
  border-radius:4px !important;
}
#watchSettingsModal .watch-settings__panes::-webkit-scrollbar-thumb:hover{
  background:rgba(var(--w-ink-rgb),.28) !important;
}

/* Mobile: tabs collapse to row on top, panes take remaining height */
@media (max-width: 860px){
  #watchSettingsModal .watch-settings__grid{
    display:flex !important;
    flex-direction:column !important;
  }
  #watchSettingsModal .watch-settings__tabs{
    flex:0 0 auto !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
  }
  #watchSettingsModal .watch-settings__panes{
    flex:1 1 auto !important;
  }
}

/* ===== css/main-inline/watch-settings-light-polish-v1.css ===== */
/* ==========================================================================
   Light theme: polished micro-interactions for the Settings block.
   Mirrors the motion language of the dark theme (hover lift, focus ring,
   border darkening, subtle shadow depth) but adapted for light palette.
   Scoped to both the modal and the standalone /settings page.
   ========================================================================== */

/* --- Card: make the outer wrapper invisible in light theme — the inner
     white sections (with their own shadows) are enough visual anchor. ---- */
html[data-watch-theme="light"].watch-settings-page .watch-settings__card,
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

html[data-watch-theme="light"].watch-settings-page .watch-settings__section,
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__section{
  background:#ffffff !important;
  box-shadow:
    0 1px 2px rgba(17,22,30,.04),
    0 10px 26px rgba(17,22,30,.06) !important;
  border:1px solid rgba(17,22,30,.06) !important;
  transition:box-shadow .22s ease, transform .22s ease !important;
}

/* --- Tabs: hover lift + shadow + clearer active state ------------------ */
html[data-watch-theme="light"].watch-settings-page .watch-settings__tab,
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__tab{
  background:#ffffff !important;
  color:#1a1f27 !important;
  border:1px solid rgba(17,22,30,.08) !important;
  box-shadow:0 1px 2px rgba(17,22,30,.04) !important;
  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}
html[data-watch-theme="light"].watch-settings-page .watch-settings__tab:hover,
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__tab:hover{
  background:#f3f5f9 !important;
  border-color:rgba(17,22,30,.14) !important;
  box-shadow:0 4px 14px rgba(17,22,30,.08) !important;
  transform:translateY(-1px) !important;
}
html[data-watch-theme="light"].watch-settings-page .watch-settings__tab.is-active,
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__tab.is-active{
  background:#e8edf4 !important;
  border-color:rgba(17,22,30,.18) !important;
  color:#0d1016 !important;
  box-shadow:
    inset 0 0 0 1px rgba(17,22,30,.04),
    0 2px 6px rgba(17,22,30,.06) !important;
  transform:none !important;
}

/* --- Inputs / textareas / selects: hover border + focus glow ring ------ */
html[data-watch-theme="light"].watch-settings-page .watch-settings__input,
html[data-watch-theme="light"].watch-settings-page .watch-settings__textarea,
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__input,
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__textarea{
  background:#ffffff !important;
  color:#1a1f27 !important;
  border:1px solid rgba(17,22,30,.14) !important;
  box-shadow:0 1px 2px rgba(17,22,30,.03) !important;
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background-color .18s ease !important;
}
html[data-watch-theme="light"].watch-settings-page .watch-settings__input:hover,
html[data-watch-theme="light"].watch-settings-page .watch-settings__textarea:hover,
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__input:hover,
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__textarea:hover{
  border-color:rgba(17,22,30,.26) !important;
  box-shadow:0 2px 8px rgba(17,22,30,.06) !important;
}
html[data-watch-theme="light"].watch-settings-page .watch-settings__input:focus,
html[data-watch-theme="light"].watch-settings-page .watch-settings__textarea:focus,
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__input:focus,
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__textarea:focus{
  border-color:rgba(17,22,30,.42) !important;
  box-shadow:
    0 0 0 3px rgba(17,22,30,.08),
    0 2px 8px rgba(17,22,30,.06) !important;
  outline:none !important;
}

/* --- Primary button: subtle depth + hover elevation -------------------- */
html[data-watch-theme="light"].watch-settings-page .watch-settings__actions .watch-btn,
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__actions .watch-btn{
  box-shadow:
    0 1px 2px rgba(17,22,30,.10),
    0 6px 14px rgba(17,22,30,.12) !important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background-color .18s ease !important;
}
html[data-watch-theme="light"].watch-settings-page .watch-settings__actions .watch-btn:hover,
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__actions .watch-btn:hover{
  transform:translateY(-1px) !important;
  box-shadow:
    0 2px 4px rgba(17,22,30,.14),
    0 10px 22px rgba(17,22,30,.16) !important;
}
html[data-watch-theme="light"].watch-settings-page .watch-settings__actions .watch-btn:active,
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__actions .watch-btn:active{
  transform:translateY(0) !important;
  box-shadow:
    0 1px 2px rgba(17,22,30,.10),
    0 4px 10px rgba(17,22,30,.12) !important;
}

/* --- Ghost button (Выйти из аккаунта): keep pink hover -----------------*/
html[data-watch-theme="light"].watch-settings-page .watch-settings__actions .watch-btn--ghost,
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__actions .watch-btn--ghost{
  box-shadow:none !important;
  transition:color .18s ease, background-color .18s ease !important;
}

/* --- Switch (Сезонный эффект) slight hover feedback -------------------- */
html[data-watch-theme="light"].watch-settings-page .watch-switch:hover .watch-switch__ui,
html[data-watch-theme="light"] #watchSettingsModal .watch-switch:hover .watch-switch__ui{
  box-shadow:0 0 0 3px rgba(17,22,30,.06) !important;
}

/* --- Section title subtle color fix for light ------------------------- */
html[data-watch-theme="light"].watch-settings-page .watch-settings__sectionTitle,
html[data-watch-theme="light"] #watchSettingsModal .watch-settings__sectionTitle{
  color:rgba(17,22,30,.56) !important;
}

/* ===== css/main-inline/watch-search-mobile-phone-fix-v18_7_4.css ===== */
/* v18.7.5: mobile UI polish (phone) — safer visual improvements only */
@media (max-width: 900px){
  #watchSearchModal.watch-searchmodal--modern{
    padding:
      calc(env(safe-area-inset-top, 0px) + 8px)
      8px
      calc(env(safe-area-inset-bottom, 0px) + 8px);
    align-items:center;
    justify-content:center;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__panel{
    position: relative;
    top: auto; right: auto; bottom: auto; left: auto;
    width: min(100%, 980px);
    max-width: 100%;
    height: auto;
    min-height: min(76vh, 560px);
    max-height: calc(
      var(--watch-search-vvh, 100vh)
      - env(safe-area-inset-top, 0px)
      - env(safe-area-inset-bottom, 0px)
      - 16px
    );
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 22px 70px rgba(0,0,0,.42), 0 6px 24px rgba(0,0,0,.22);
    transform-origin: center center;
  }

  /* Не растягиваем панель на весь экран по высоте — список и фильтры делят место внутри */
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__body{
    min-height: 0;
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0,1fr) auto;
    gap: 0;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__top{
    grid-template-columns: 1fr 240px;
    min-height: 54px;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__topLeft{
    min-width: 0;
    padding-right: 8px;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__searchInput{
    font-size: 16px !important; /* iOS zoom fix */
    min-height: 44px;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__results{
    padding: 10px;
    min-height: 0;
    max-height: none;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__results::-webkit-scrollbar{ width:0; height:0; }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filters{
    margin: 0 10px 10px;
    border-radius: 14px;
    padding: 10px 12px 12px;
    background: rgba(17, 19, 27, .94) !important;
    border: 1px solid rgba(255,255,255,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filtersTitle{
    font-size: 13px;
    margin: 0 0 8px;
    opacity: .95;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filterGroup{
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 6px 12px;
    margin-bottom: 10px;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__checkbox{
    min-height: 34px;
    font-size: 14px;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__ratingGroup{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 8px;
    align-items: center;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__ratingInput{
    min-height: 38px;
    font-size: 14px;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__item{
    gap: 10px;
    padding: 9px 10px;
    border-radius: 12px;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__poster{
    width: 52px;
    min-width: 52px;
    height: 72px;
    border-radius: 9px;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__itemTitle{
    font-size: 14px;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__itemMeta{
    font-size: 12px;
    line-height: 1.3;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__itemRating{
    font-size: 12px;
  }

  /* Уменьшаем превью постера на мобильных, чтобы не вылезало за экран */
  #watchSearchModal .watch-searchmodal__posterWrap:hover .watch-searchmodal__posterZoomPreview{
    transform: translate(0, -50%) scale(1.7);
  }
}

@media (max-width: 640px){
  #watchSearchModal.watch-searchmodal--modern{
    padding:
      calc(env(safe-area-inset-top, 0px) + 6px)
      6px
      calc(env(safe-area-inset-bottom, 0px) + 6px);
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__panel{
    width: 100%;
    min-height: min(78vh, 560px);
    max-height: calc(
      var(--watch-search-vvh, 100vh)
      - env(safe-area-inset-top, 0px)
      - env(safe-area-inset-bottom, 0px)
      - 12px
    );
    border-radius: 14px;
  }

  /* На телефоне заголовок справа делаем шире/ниже для визуального баланса */
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__top{
    grid-template-columns: 1fr 170px;
    min-height: 50px;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__topRight{
    min-width: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filters{
    margin: 0 8px 8px;
    padding: 9px 10px 10px;
    border-radius: 12px;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filterGroup{
    grid-template-columns: 1fr;
    gap: 4px;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__checkbox{
    min-height: 30px;
    font-size: 13px;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__ratingInput{
    min-height: 34px;
    font-size: 13px;
    padding: 0 10px;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__results{
    padding: 8px;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__item{
    padding: 8px;
    gap: 8px;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__poster{
    width: 48px;
    min-width: 48px;
    height: 66px;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__itemTitle{
    font-size: 13.5px;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__itemMeta{
    font-size: 11.5px;
  }
}

@media (max-width: 380px){
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__top{
    grid-template-columns: 1fr 148px;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__topRightTitle{
    font-size: 13px;
  }
}


/* watch-search mobile filters visibility hotfix v18.7.5.1 */
@media (max-width: 900px){
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__body{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    overflow:visible !important;
    gap:0 !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__results{
    flex:1 1 auto !important;
    min-height:180px !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch;
    padding-right:0 !important;
    margin-right:0 !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filters{
    display:block !important;
    flex:0 0 auto !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    max-height:none !important;
    overflow:visible !important;
    margin:10px 0 0 !important;
    padding:12px 0 8px !important;
    border-top:1px solid rgba(255,255,255,.06) !important;
    background:transparent !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filtersInner{
    padding:0 2px !important;
    gap:10px !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filtersTitle{
    display:block !important;
    margin:0 0 8px !important;
    font-size:13px !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filterGroup{
    gap:8px !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filterCheck{
    min-height:40px !important;
    padding:8px 10px !important;
    border-radius:10px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__ratingRow{
    grid-template-columns:1fr auto 1fr !important;
    gap:8px !important;
    align-items:center !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__ratingField{
    height:40px !important;
    font-size:14px !important;
    border-radius:10px !important;
  }
}

/* ===== css/main-inline/watch-search-mobile-final-fix-v18_7_6.css ===== */
/* v18.7.6 final mobile search fix (real selectors + safe layout override) */
@media (max-width: 900px){
  #watchSearchModal.watch-searchmodal--modern{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding:
      calc(env(safe-area-inset-top, 0px) + 6px)
      6px
      calc(env(safe-area-inset-bottom, 0px) + 6px) !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__panel{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 640px !important;
    height: auto !important;
    min-height: min(72vh, 560px) !important;
    max-height: calc(var(--watch-search-vvh, 100vh) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 12px) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__top{
    display: block !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid rgba(var(--w-ink-rgb), .08) !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__topRight,
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__topFiltersTitle{
    display: none !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__form{
    display: block !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__input{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    font-size: 16px !important; /* iOS zoom fix */
    line-height: 1.2 !important;
    color: rgba(var(--w-ink-rgb), .94) !important;
    background: rgba(var(--w-ink-rgb), .04) !important;
    border: 1px solid rgba(var(--w-ink-rgb), .10) !important;
    outline: none !important;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__input::placeholder{
    color: rgba(var(--w-ink-rgb), .56) !important;
    opacity: 1 !important;
    font-size: 15px !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__body{
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__results{
    display: block !important;
    flex: 1 1 auto !important;
    min-height: 150px !important;
    max-height: min(45vh, 360px) !important;
    margin: 0 !important;
    padding: 10px 10px 6px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__hint{
    padding: 8px 2px !important;
    min-height: 96px;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__list{
    gap: 8px !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__item{
    gap: 10px !important;
    padding: 8px !important;
    border-radius: 12px !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__thumb{
    width: 50px !important;
    height: 72px !important;
    min-width: 50px !important;
    border-radius: 10px !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__meta{ min-width: 0 !important; }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__name{
    font-size: 14px !important;
    line-height: 1.22 !important;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__sub{
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filters{
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 6px 10px 10px !important;
    padding: 10px !important;
    border: 1px solid rgba(var(--w-ink-rgb), .07) !important;
    border-left: 1px solid rgba(var(--w-ink-rgb), .07) !important;
    border-top: 1px solid rgba(var(--w-ink-rgb), .07) !important;
    border-radius: 14px !important;
    background: rgba(var(--w-bg-rgb), .32) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
    overflow: visible !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filtersTitle{
    display: none !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filterLabel{
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(var(--w-ink-rgb), .72) !important;
    margin: 0 0 6px !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filterGroup{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    margin-bottom: 10px !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-check{
    width: 100% !important;
    min-height: 38px !important;
    padding: 7px 10px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(var(--w-ink-rgb), .06) !important;
    background: rgba(var(--w-ink-rgb), .025) !important;
    font-size: 13px !important;
    gap: 10px !important;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-check span{
    display: block !important;
    min-width: 0 !important;
    padding-left: 28px !important;
    line-height: 1.15 !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__range{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important;
    gap: 8px !important;
    align-items: center !important;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__rangeDash{
    opacity: .7 !important;
    font-size: 14px !important;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__rangeInput{
    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 10px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    background: rgba(var(--w-ink-rgb), .03) !important;
    border: 1px solid rgba(var(--w-ink-rgb), .09) !important;
    color: rgba(var(--w-ink-rgb), .92) !important;
  }

  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__results,
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filters{
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__results::-webkit-scrollbar,
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filters::-webkit-scrollbar{
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }
}

@media (max-width: 430px){
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__panel{
    border-radius: 14px !important;
    max-height: calc(var(--watch-search-vvh, 100vh) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 8px) !important;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__top{
    padding: 8px 10px !important;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__input{
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    font-size: 16px !important;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__input::placeholder{
    font-size: 14px !important;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__results{
    min-height: 130px !important;
    max-height: min(42vh, 320px) !important;
    padding: 8px 8px 4px !important;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filters{
    margin: 6px 8px 8px !important;
    padding: 8px !important;
    border-radius: 12px !important;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-check{
    min-height: 36px !important;
    padding: 6px 8px !important;
    font-size: 12.5px !important;
  }
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__rangeInput{
    height: 36px !important;
    min-height: 36px !important;
    font-size: 13px !important;
    padding: 0 9px !important;
  }
}

/* ===== css/main-inline/watch-search-mobile-final-fix-v18_7_6-last.css ===== */
/* last-cascade override: real mobile search layout */
@media (max-width: 900px){
  #watchSearchModal.watch-searchmodal--modern{display:flex !important;align-items:flex-start !important;justify-content:center !important;padding:max(env(safe-area-inset-top,0px),4px) 6px calc(env(safe-area-inset-bottom,0px) + 6px) !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__panel{position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;margin:0 !important;transform:none !important;width:100% !important;max-width:640px !important;height:auto !important;min-height:min(72vh,560px) !important;max-height:calc(var(--watch-search-vvh,100vh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 12px) !important;border-radius:16px !important;overflow:hidden !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__top{display:block !important;padding:10px 12px !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__topRight{display:none !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__form{display:block !important;width:100% !important;gap:0 !important;padding:0 !important;border:0 !important;background:transparent !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__input{width:100% !important;height:48px !important;min-height:48px !important;padding:0 14px !important;border-radius:12px !important;font-size:16px !important;line-height:1.2 !important;background:rgba(var(--w-ink-rgb),.04) !important;border:1px solid rgba(var(--w-ink-rgb),.10) !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__input::placeholder{font-size:15px !important;color:rgba(var(--w-ink-rgb),.56) !important;opacity:1 !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__body{display:flex !important;flex-direction:column !important;min-height:0 !important;overflow:hidden !important;grid-template-columns:1fr !important;gap:0 !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__results{display:block !important;flex:1 1 auto !important;min-height:150px !important;max-height:min(45vh,360px) !important;margin:0 !important;padding:10px 10px 6px !important;overflow-y:auto !important;overflow-x:hidden !important;-webkit-overflow-scrolling:touch !important;overscroll-behavior:contain !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filters{display:block !important;flex:0 0 auto !important;margin:6px 10px 10px !important;padding:10px !important;border:1px solid rgba(var(--w-ink-rgb),.07) !important;border-radius:14px !important;background:rgba(var(--w-bg-rgb),.32) !important;overflow:visible !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filtersTitle{display:none !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filterLabel{font-size:12px !important;font-weight:700 !important;margin:0 0 6px !important;color:rgba(var(--w-ink-rgb),.72) !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filterGroup{display:grid !important;grid-template-columns:1fr !important;gap:6px !important;margin-bottom:10px !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-check{width:100% !important;min-height:38px !important;padding:7px 10px !important;border-radius:10px !important;border:1px solid rgba(var(--w-ink-rgb),.06) !important;background:rgba(var(--w-ink-rgb),.025) !important;font-size:13px !important;gap:10px !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-check span{padding-left:28px !important;line-height:1.15 !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__range{display:grid !important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;gap:8px !important;align-items:center !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__rangeInput{width:100% !important;min-width:0 !important;height:38px !important;min-height:38px !important;border-radius:10px !important;padding:0 10px !important;font-size:14px !important;background:rgba(var(--w-ink-rgb),.03) !important;border:1px solid rgba(var(--w-ink-rgb),.09) !important;}
}
@media (max-width: 430px){
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__panel{border-radius:14px !important;max-height:calc(var(--watch-search-vvh,100vh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 8px) !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__top{padding:8px 10px !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__input{height:44px !important;min-height:44px !important;padding:0 12px !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__input::placeholder{font-size:14px !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__results{min-height:130px !important;max-height:min(42vh,320px) !important;padding:8px 8px 4px !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filters{margin:6px 8px 8px !important;padding:8px !important;border-radius:12px !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-check{min-height:36px !important;padding:6px 8px !important;font-size:12.5px !important;}
  #watchSearchModal.watch-searchmodal--modern .watch-searchmodal__rangeInput{height:36px !important;min-height:36px !important;font-size:13px !important;padding:0 9px !important;}
}

/* ===== css/main-inline/watch-sortbtn-hotfix-v23.css ===== */

/* Keep arrow close to category title and show only when hovering the title text link */
.watch-home .watch-block__head .watch-block__titleLink .watch-block__titleArrow,
.watch-home .watch-block__head .watch-block__titleLink .watch-head-arrow{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:1em !important;
  height:1em !important;
  min-width:1em !important;
  min-height:1em !important;
  line-height:1 !important;
  vertical-align:middle !important;
  margin-top:0 !important;
  position:relative !important;
  top:2px !important;
  margin-left:1px !important;
  opacity:0 !important;
  transform:translateX(-3px) translateY(0) !important;
  pointer-events:none !important;
  transition:opacity .2s ease, transform .2s ease !important;
}
.watch-home .watch-block__head .watch-block__titleLink .watch-block__titleArrow .watch-mi,
.watch-home .watch-block__head .watch-block__titleLink .watch-head-arrow .watch-mi{
  font-size:.78em !important;
  line-height:1 !important;
}
.watch-home .watch-block__head .watch-block__titleLink:hover .watch-block__titleArrow,
.watch-home .watch-block__head .watch-block__titleLink:focus-visible .watch-block__titleArrow,
.watch-home .watch-block__head .watch-block__titleLink:hover .watch-head-arrow,
.watch-home .watch-block__head .watch-block__titleLink:focus-visible .watch-head-arrow{
  opacity:1 !important;
  transform:translateX(0) translateY(0) !important;
}
.watch-home .watch-block__head:hover .watch-block__titleLink:not(:hover):not(:focus-visible) .watch-block__titleArrow,
.watch-home .watch-block__head:focus-within .watch-block__titleLink:not(:hover):not(:focus-visible) .watch-block__titleArrow,
.watch-home .watch-block__head:hover .watch-block__titleLink:not(:hover):not(:focus-visible) .watch-head-arrow,
.watch-home .watch-block__head:focus-within .watch-block__titleLink:not(:hover):not(:focus-visible) .watch-head-arrow{
  opacity:0 !important;
  transform:translateX(-3px) translateY(0) !important;
}

/* Category page: same arrow as main, just rotated left */
.watch-cat-titleLink.watch-block__titleLink::after{
  display:none !important;
  content:none !important;
}
.watch-cat-titleLink.watch-block__titleLink .watch-block__titleArrow{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:1em !important;
  height:1em !important;
  min-width:1em !important;
  min-height:1em !important;
  line-height:1 !important;
  vertical-align:middle !important;
  margin-top:0 !important;
  position:relative !important;
  top:2px !important;
  margin-left:1px !important;
  opacity:0 !important;
  transform:translateX(-3px) translateY(0) !important;
  pointer-events:none !important;
  color:rgba(184,184,184,.92) !important;
  transition:opacity .2s ease, transform .2s ease !important;
}
.watch-cat-titleLink.watch-block__titleLink .watch-block__titleArrow .watch-mi{
  display:block !important;
  font-size:.78em !important;
  line-height:1 !important;
  transform:rotate(180deg) !important;
}
.watch-cat-titleLink.watch-block__titleLink:hover .watch-block__titleArrow,
.watch-cat-titleLink.watch-block__titleLink:focus-visible .watch-block__titleArrow{
  opacity:1 !important;
  transform:translateX(0) translateY(0) !important;
  color:#fff !important;
}
html[data-watch-theme="light"] .watch-cat-titleLink.watch-block__titleLink .watch-block__titleArrow{
  color:rgba(96,96,96,.92) !important;
}
html[data-watch-theme="light"] .watch-cat-titleLink.watch-block__titleLink:hover .watch-block__titleArrow,
html[data-watch-theme="light"] .watch-cat-titleLink.watch-block__titleLink:focus-visible .watch-block__titleArrow{
  color:rgba(0,0,0,.86) !important;
}

/* ===== css/main-inline/watch-header-no-zoom-v534.css ===== */
/* v534: no-zoom header animation.
   Fixes the "Ctrl+wheel zoom" feeling by removing scale/font/element-size animation. */
@property --watch-header-p{
  syntax:"<number>";
  inherits:true;
  initial-value:0;
}

:root{
  --watch-header-p:0;
  --watch-header-dur:180ms;
  --watch-header-ease:cubic-bezier(.22,.86,.20,1);
  --watch-header-open-top:8px;
  --watch-header-pill-top:12px;
  --watch-header-open-w:min(1380px, calc(100vw - 56px));
  --watch-header-pill-w:min(820px, calc(100vw - 32px));
  --watch-header-h:56px;
}

html[data-watch-header-scrolled="1"]{
  --watch-header-p:1;
}

.watch-content{
  padding-top:calc(var(--watch-topbar-h, 56px) + 24px) !important;
}

/*
  Main change:
  - no scale() on the header
  - no logo scaling
  - no button scaling
  - no font-size animation
  - no height animation
  Only top/width/background opacity morph quickly.
*/
.watch-topbar{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  top:calc(var(--watch-header-open-top) + ((var(--watch-header-pill-top) - var(--watch-header-open-top)) * var(--watch-header-p))) !important;
  width:calc(var(--watch-header-open-w) + ((var(--watch-header-pill-w) - var(--watch-header-open-w)) * var(--watch-header-p))) !important;
  max-width:none !important;
  height:var(--watch-header-h) !important;
  min-height:var(--watch-header-h) !important;
  box-sizing:border-box !important;
  padding:7px 12px !important;
  transform:translate3d(-50%,0,0) !important;
  transform-origin:50% 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  border-radius:calc(24px + ((999px - 24px) * var(--watch-header-p))) !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  z-index:12000 !important;
  pointer-events:auto !important;
  isolation:isolate !important;
  backface-visibility:hidden !important;
  contain:layout style !important;
  will-change:width,top,border-radius !important;
  transition:
    --watch-header-p var(--watch-header-dur) var(--watch-header-ease) !important;
}

.watch-topbar::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  border-radius:inherit !important;
  pointer-events:none !important;
  border:0 !important;
  outline:0 !important;
  background:rgba(12,12,13,calc(.64 + (.06 * var(--watch-header-p)))) !important;
  background-image:none !important;
  backdrop-filter:blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08) !important;
  box-shadow:0 22px 42px -30px rgba(0,0,0,.42) !important;
  transform:translateZ(0) !important;
}

.watch-topbar::after{
  content:none !important;
  display:none !important;
}

/* Content moves inward a little, but does not scale. */
.watch-topbar > *{
  position:relative !important;
  z-index:3 !important;
}

.watch-topbar__left{
  flex:1 1 0 !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  opacity:calc(1 - (var(--watch-header-p) * .16)) !important;
  transform:translate3d(calc(14px * var(--watch-header-p)),0,0) !important;
  transition:none !important;
}

.watch-topbar__right{
  flex:1 1 0 !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  position:relative !important;
  z-index:4 !important;
  pointer-events:auto !important;
  transform:translate3d(calc(-14px * var(--watch-header-p)),0,0) !important;
  transition:none !important;
}

.watch-topnav{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  min-width:0 !important;
  pointer-events:auto !important;
}

.watch-topnav__text,
.watch-account__btn .watch-topnav__text,
.watch-nav__locked .watch-topnav__text{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  max-width:0 !important;
  overflow:hidden !important;
}

/* Brand is stable. No scaling = no zoom feeling. */
.watch-brand,
html[data-watch-header-scrolled="1"] .watch-brand{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  z-index:5 !important;
  transform:translate3d(-50%,-50%,0) !important;
  transform-origin:50% 50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:188px !important;
  min-height:48px !important;
  padding:0 24px !important;
  margin:0 !important;
  border:0 !important;
  outline:0 !important;
  border-radius:inherit !important;
  pointer-events:auto !important;
  text-decoration:none !important;
  cursor:pointer !important;
  transition:none !important;
}

.watch-brand:hover{
  transform:translate3d(-50%,-50%,0) !important;
}

.watch-brand__img{
  width:128px !important;
  height:36px !important;
  max-width:128px !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  image-rendering:auto !important;
  transform:translateZ(0) !important;
  filter:none !important;
  transition:none !important;
}

/* Buttons are stable size. No scale/zoom. */
.watch-topnav__item,
.watch-searchbtn,
.watch-iconbtn,
.watch-account__btn,
.watch-nav__locked,
.watch-notify__btn{
  position:relative !important;
  z-index:6 !important;
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,calc(.062 + (.020 * var(--watch-header-p)))) !important;
  color:rgba(255,255,255,.92) !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  transform:translateZ(0) !important;
  transform-origin:50% 50% !important;
  transition:background-color .10s linear !important;
}

.watch-topnav__item:hover,
.watch-searchbtn:hover,
.watch-iconbtn:hover,
.watch-account__btn:hover,
.watch-nav__locked:hover,
.watch-notify__btn:hover{
  background:rgba(255,255,255,.13) !important;
  transform:translateZ(0) !important;
}

.watch-topnav__item .watch-mi,
.watch-searchbtn .watch-mi,
.watch-iconbtn .watch-mi,
.watch-account__btn .watch-mi,
.watch-nav__locked .watch-mi,
.watch-notify__btn .watch-mi{
  font-size:21px !important;
  line-height:1 !important;
  color:currentColor !important;
}

/* no stripe / no borders */
.watch-topbar,
.watch-topbar *,
.watch-topbar::before,
.watch-topbar::after,
.watch-topbar button,
.watch-topbar a{
  border:0 !important;
  outline:0 !important;
  border-color:transparent !important;
}

.watch-topbar button,
.watch-topbar a{
  box-shadow:none !important;
}

/* Light theme glass. */
html[data-watch-theme="light"] .watch-topbar::before{
  background:rgba(245,245,246,calc(.38 + (.06 * var(--watch-header-p)))) !important;
  background-image:none !important;
  box-shadow:0 22px 40px -30px rgba(0,0,0,.22) !important;
}

html[data-watch-theme="light"] .watch-topnav__item,
html[data-watch-theme="light"] .watch-searchbtn,
html[data-watch-theme="light"] .watch-iconbtn,
html[data-watch-theme="light"] .watch-account__btn,
html[data-watch-theme="light"] .watch-nav__locked,
html[data-watch-theme="light"] .watch-notify__btn{
  background:rgba(0,0,0,calc(.045 + (.010 * var(--watch-header-p)))) !important;
  color:rgba(0,0,0,.82) !important;
}

/* Edge-safe: no backdrop-filter to avoid compositor stalls. */
html[data-watch-edge="1"] .watch-topbar::before{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  background:rgba(14,14,15,calc(.74 + (.04 * var(--watch-header-p)))) !important;
}

html[data-watch-edge="1"][data-watch-theme="light"] .watch-topbar::before{
  background:rgba(245,245,246,calc(.52 + (.04 * var(--watch-header-p)))) !important;
}

/* Keep dropdowns visible after previous fix. */
.watch-topbar{
  overflow:visible !important;
}
.watch-topbar__right,
.watch-topnav,
.watch-account,
.watch-notify{
  position:relative !important;
  z-index:120010 !important;
  overflow:visible !important;
  contain:none !important;
}
.watch-account__menu,
.watch-notify__menu,
.watch-authmodal,
.watch-modal,
.watch-modal__overlay,
.watch-search-modal,
.watch-searchOverlay,
.watch-search-overlay{
  z-index:2147482500 !important;
  overflow:visible !important;
  contain:none !important;
  pointer-events:auto !important;
}

/* Performance while scrolling. */
html[data-watch-perf-scrolling="1"] .watch-home .mcard,
html[data-watch-perf-scrolling="1"] .watch-catgrid .mcard,
html[data-watch-perf-scrolling="1"] .watch-rowCard{
  transition:none !important;
  animation:none !important;
}
html[data-watch-perf-scrolling="1"] .watch-home .mcard:hover,
html[data-watch-perf-scrolling="1"] .watch-catgrid .mcard:hover{
  transform:none !important;
}

@media (max-width:900px){
  :root{
    --watch-header-open-top:8px;
    --watch-header-pill-top:8px;
    --watch-header-open-w:calc(100vw - 20px);
    --watch-header-pill-w:calc(100vw - 20px);
    --watch-header-h:56px;
  }
  .watch-content{padding-top:calc(var(--watch-topbar-h, 56px) + 18px) !important;}
  .watch-topbar{
    width:calc(100vw - 20px) !important;
    height:56px !important;
    min-height:56px !important;
    border-radius:20px !important;
  }
  .watch-topbar__left{display:none !important;}
  .watch-brand,
  html[data-watch-header-scrolled="1"] .watch-brand{
    position:static !important;
    transform:none !important;
    flex:0 0 auto !important;
    min-width:118px !important;
    min-height:42px !important;
    padding:0 16px 0 4px !important;
    margin-right:auto !important;
    max-width:118px !important;
  }
  .watch-brand__img{width:94px !important;max-width:94px !important;height:32px !important;}
  .watch-topbar__right{flex:0 1 auto !important;gap:6px !important;transform:none !important;}
  .watch-topnav{gap:6px !important;}
  .watch-topnav__item,.watch-searchbtn,.watch-iconbtn,
  .watch-account__btn,.watch-nav__locked,.watch-notify__btn{
    width:34px !important;min-width:34px !important;height:34px !important;min-height:34px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .watch-topbar,.watch-topbar::before,.watch-topbar::after,.watch-brand,.watch-brand__img,.watch-topnav,.watch-topbar__right,.watch-topnav__item,.watch-searchbtn,.watch-iconbtn{
    transition:none !important;
    animation:none !important;
  }
}

/* ===== css/main-inline/watch-final-stability-v536.css ===== */
/* v536: final stability pass requested by user.
   - settings modal opens from the final centered position (no right-side jump)
   - modal animation uses transform/opacity only and avoids expensive blur during settings
   - topbar glass/background is fully transparent in both default and scrolled states
   - mobile logo is returned to its normal inline position (v535 transform shifted it left) */

/* Header: transparent in every state, no glass/stripe/shadow. */
:root{
  --watch-header-dur:0ms;
  --watch-header-pill-top:var(--watch-header-open-top, 8px);
  --watch-header-pill-w:var(--watch-header-open-w, min(1380px, calc(100vw - 56px)));
}

.watch-topbar,
html[data-watch-header-scrolled="1"] .watch-topbar,
html[data-watch-theme="light"] .watch-topbar,
html[data-watch-edge="1"] .watch-topbar{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transition:none !important;
}

.watch-topbar::before,
.watch-topbar::after,
html[data-watch-header-scrolled="1"] .watch-topbar::before,
html[data-watch-header-scrolled="1"] .watch-topbar::after,
html[data-watch-theme="light"] .watch-topbar::before,
html[data-watch-theme="light"] .watch-topbar::after,
html[data-watch-edge="1"] .watch-topbar::before,
html[data-watch-edge="1"] .watch-topbar::after{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  content:"" !important;
  opacity:1 !important;
}

.watch-topbar::after,
html[data-watch-header-scrolled="1"] .watch-topbar::after{
  content:none !important;
  display:none !important;
}

/* Remove layout-heavy header morphing; keep controls stable and cheap to render. */
.watch-topbar__left,
.watch-topbar__right,
html[data-watch-header-scrolled="1"] .watch-topbar__left,
html[data-watch-header-scrolled="1"] .watch-topbar__right{
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
}

.watch-topbar,
.watch-topbar *{
  animation:none !important;
}

/* Keep logo geometry stable between default and scroll states as well. */
.watch-topbar .watch-brand__img,
html[data-watch-header-scrolled="1"] .watch-topbar .watch-brand__img{
  height:30px !important;
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
}

/* Mobile logo: v535 globally applied desktop centering transform to the static mobile brand.
   Reset it only on mobile so the logo no longer sits too far left. */
@media (max-width:900px){
  .watch-topbar .watch-brand,
  html[data-watch-header-scrolled="1"] .watch-topbar .watch-brand{
    position:static !important;
    transform:none !important;
    flex:0 0 auto !important;
    min-width:118px !important;
    max-width:118px !important;
    min-height:42px !important;
    padding:0 10px 0 8px !important;
    margin:0 auto 0 0 !important;
    pointer-events:auto !important;
  }

  .watch-topbar .watch-brand:hover,
  html[data-watch-header-scrolled="1"] .watch-topbar .watch-brand:hover{
    transform:none !important;
  }
}

@media (max-width:380px){
  .watch-topbar .watch-brand,
  html[data-watch-header-scrolled="1"] .watch-topbar .watch-brand{
    min-width:104px !important;
    max-width:104px !important;
    padding-left:6px !important;
    padding-right:8px !important;
  }
  .watch-topbar .watch-brand__img,
  html[data-watch-header-scrolled="1"] .watch-topbar .watch-brand__img{
    height:26px !important;
  }
}

/* Settings modal: center with flex instead of fixed top/left + %-translate.
   This prevents the first animation frame from appearing on the right side. */
#watchSettingsModal.watch-settingsmodal{
  position:fixed !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
  box-sizing:border-box !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  contain:layout style !important;
  transition:opacity .20s cubic-bezier(.22,1,.36,1), visibility 0s linear .20s !important;
  will-change:opacity !important;
}

#watchSettingsModal.watch-settingsmodal.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transition:opacity .20s cubic-bezier(.22,1,.36,1), visibility 0s linear 0s !important;
}

#watchSettingsModal .watch-settingsmodal__overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  opacity:0 !important;
  background:rgba(6,10,16,.34) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:none !important;
  transition:opacity .18s cubic-bezier(.22,1,.36,1) !important;
  will-change:opacity !important;
}

#watchSettingsModal.watch-settingsmodal.is-open .watch-settingsmodal__overlay{
  opacity:1 !important;
}

#watchSettingsModal .watch-settingsmodal__panel{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  z-index:2 !important;
  width:min(1040px, calc(100vw - 48px)) !important;
  height:min(680px, calc(100vh - 48px)) !important;
  max-height:min(680px, calc(100vh - 48px)) !important;
  height:min(680px, calc(100dvh - 48px)) !important;
  max-height:min(680px, calc(100dvh - 48px)) !important;
  margin:0 !important;
  opacity:0 !important;
  transform:translate3d(0,12px,0) scale(.985) !important;
  transform-origin:50% 50% !important;
  transition:transform .24s cubic-bezier(.22,1,.36,1), opacity .18s ease !important;
  will-change:transform, opacity !important;
  backface-visibility:hidden !important;
  contain:layout paint style !important;
  overflow:hidden !important;
}

#watchSettingsModal.watch-settingsmodal.is-open .watch-settingsmodal__panel{
  opacity:1 !important;
  transform:translate3d(0,0,0) scale(1) !important;
}

/* Settings uses the shared search blur layer. Disable its expensive backdrop-filter
   only while settings is open; search modal keeps its original blur. */
body.watch-settingsmodal-open #watchSearchBgBlurFx{
  background:rgba(6,10,16,.30) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transition:opacity .18s cubic-bezier(.22,1,.36,1) !important;
}

#watchSettingsModal .watch-settings__pane{
  will-change:auto !important;
}

#watchSettingsModal .watch-settings__pane.is-active{
  animation-duration:.12s !important;
}

@media (max-width:980px){
  #watchSettingsModal.watch-settingsmodal{
    align-items:flex-start !important;
    justify-content:center !important;
    padding:calc(var(--watch-topbar-h, 56px) + 10px) 8px 8px !important;
  }

  #watchSettingsModal .watch-settingsmodal__panel{
    width:calc(100vw - 16px) !important;
    max-width:calc(100vw - 16px) !important;
    height:calc(100vh - var(--watch-topbar-h, 56px) - 18px) !important;
    max-height:calc(100vh - var(--watch-topbar-h, 56px) - 18px) !important;
    height:calc(100dvh - var(--watch-topbar-h, 56px) - 18px) !important;
    max-height:calc(100dvh - var(--watch-topbar-h, 56px) - 18px) !important;
    transform:translate3d(0,10px,0) scale(.992) !important;
  }

  #watchSettingsModal.watch-settingsmodal.is-open .watch-settingsmodal__panel{
    transform:translate3d(0,0,0) scale(1) !important;
  }
}

@media (prefers-reduced-motion:reduce){
  #watchSettingsModal.watch-settingsmodal,
  #watchSettingsModal .watch-settingsmodal__overlay,
  #watchSettingsModal .watch-settingsmodal__panel,
  #watchSettingsModal .watch-settings__pane.is-active{
    transition:none !important;
    animation:none !important;
    transform:none !important;
  }
}

/* ===== css/main-inline/watch-stability-performance-v539.css ===== */
/* v539: final safe performance layer.
   Keeps current UI, but prevents header animation and poster hover from fighting. */

:root{
  --watch-header-dur:155ms;
  --watch-header-ease:cubic-bezier(.2,.9,.24,1);
}

.watch-topbar{
  transition:
    top var(--watch-header-dur) var(--watch-header-ease),
    border-radius var(--watch-header-dur) var(--watch-header-ease),
    background-color 120ms ease,
    box-shadow 120ms ease !important;
  will-change:top,border-radius !important;
  contain:layout style paint !important;
}

.watch-topbar::before{
  transition:
    background-color 120ms ease,
    opacity 120ms ease,
    box-shadow 120ms ease,
    -webkit-backdrop-filter 120ms ease,
    backdrop-filter 120ms ease !important;
  will-change:opacity !important;
}

html:not([data-watch-header-scrolled="1"]) .watch-topbar,
html:not([data-watch-header-scrolled="1"]) .watch-topbar::before{
  background:#111111 !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}

html[data-watch-header-scrolled="1"] .watch-topbar::before{
  background:rgba(12,12,14,.56) !important;
  background-image:none !important;
  backdrop-filter:blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.18) !important;
}

html[data-watch-edge="1"][data-watch-header-scrolled="1"] .watch-topbar::before{
  backdrop-filter:blur(10px) saturate(1.04) !important;
  -webkit-backdrop-filter:blur(10px) saturate(1.04) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.16) !important;
}

html[data-watch-header-animating="1"] .watch-topbar::before,
html[data-watch-perf-scrolling="1"] .watch-topbar::before{
  box-shadow:none !important;
}

html[data-watch-hover-suspended="1"] .watch-home .mcard,
html[data-watch-hover-suspended="1"] .watch-libv2 .mcard,
html[data-watch-hover-suspended="1"] .watch-catpage .mcard,
html[data-watch-hover-suspended="1"] .watch-rowCard,
html[data-watch-hover-suspended="1"] .mcard__img,
html[data-watch-hover-suspended="1"] .mcard__img img,
html[data-watch-hover-suspended="1"] .mcard__textLayer,
html[data-watch-hover-suspended="1"] .mcard__overlay,
html[data-watch-hover-suspended="1"] .mcard__overlayBody,
html[data-watch-perf-scrolling="1"] .watch-home .mcard,
html[data-watch-perf-scrolling="1"] .watch-libv2 .mcard,
html[data-watch-perf-scrolling="1"] .watch-catpage .mcard,
html[data-watch-perf-scrolling="1"] .watch-rowCard,
html[data-watch-perf-scrolling="1"] .mcard__img,
html[data-watch-perf-scrolling="1"] .mcard__img img,
html[data-watch-perf-scrolling="1"] .mcard__textLayer,
html[data-watch-perf-scrolling="1"] .mcard__overlay,
html[data-watch-perf-scrolling="1"] .mcard__overlayBody{
  transition:none !important;
  animation:none !important;
  will-change:auto !important;
}

html[data-watch-hover-suspended="1"] .watch-home .mcard:hover,
html[data-watch-hover-suspended="1"] .watch-home .mcard:focus-within,
html[data-watch-hover-suspended="1"] .watch-libv2 .mcard:hover,
html[data-watch-hover-suspended="1"] .watch-libv2 .mcard:focus-within,
html[data-watch-hover-suspended="1"] .watch-catpage .mcard:hover,
html[data-watch-hover-suspended="1"] .watch-catpage .mcard:focus-within,
html[data-watch-perf-scrolling="1"] .watch-home .mcard:hover,
html[data-watch-perf-scrolling="1"] .watch-home .mcard:focus-within,
html[data-watch-perf-scrolling="1"] .watch-libv2 .mcard:hover,
html[data-watch-perf-scrolling="1"] .watch-libv2 .mcard:focus-within,
html[data-watch-perf-scrolling="1"] .watch-catpage .mcard:hover,
html[data-watch-perf-scrolling="1"] .watch-catpage .mcard:focus-within{
  transform:none !important;
  z-index:auto !important;
}

html[data-watch-hover-suspended="1"] .mcard:hover .mcard__img,
html[data-watch-hover-suspended="1"] .mcard:focus-within .mcard__img,
html[data-watch-hover-suspended="1"] .mcard:hover .mcard__img img,
html[data-watch-hover-suspended="1"] .mcard:focus-within .mcard__img img,
html[data-watch-hover-suspended="1"] .mcard:hover .mcard__textLayer,
html[data-watch-hover-suspended="1"] .mcard:focus-within .mcard__textLayer,
html[data-watch-perf-scrolling="1"] .mcard:hover .mcard__img,
html[data-watch-perf-scrolling="1"] .mcard:focus-within .mcard__img,
html[data-watch-perf-scrolling="1"] .mcard:hover .mcard__img img,
html[data-watch-perf-scrolling="1"] .mcard:focus-within .mcard__img img,
html[data-watch-perf-scrolling="1"] .mcard:hover .mcard__textLayer,
html[data-watch-perf-scrolling="1"] .mcard:focus-within .mcard__textLayer{
  transform:none !important;
  box-shadow:var(--w-poster-shadow, none) !important;
}

@media (max-width:900px){
  .watch-topbar{
    left:50% !important;
    right:auto !important;
    width:calc(100vw - 20px) !important;
    transform:translate3d(-50%,0,0) !important;
  }

  .watch-topbar .watch-brand,
  html[data-watch-header-scrolled="1"] .watch-topbar .watch-brand{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    min-width:0 !important;
    max-width:42vw !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    z-index:5 !important;
  }

  .watch-topbar .watch-brand:hover,
  html[data-watch-header-scrolled="1"] .watch-topbar .watch-brand:hover{
    transform:translate(-50%,-50%) !important;
  }

  .watch-topbar .watch-brand__img,
  html[data-watch-header-scrolled="1"] .watch-topbar .watch-brand__img{
    height:28px !important;
    max-width:42vw !important;
    width:auto !important;
    opacity:1 !important;
  }

  .watch-topbar__right{
    margin-left:auto !important;
    z-index:8 !important;
  }
}

@media (hover:none), (pointer:coarse){
  .watch-home .mcard:hover,
  .watch-libv2 .mcard:hover,
  .watch-catpage .mcard:hover,
  .watch-home .mcard:hover .mcard__img,
  .watch-libv2 .mcard:hover .mcard__img,
  .watch-catpage .mcard:hover .mcard__img,
  .watch-home .mcard:hover .mcard__img img,
  .watch-libv2 .mcard:hover .mcard__img img,
  .watch-catpage .mcard:hover .mcard__img img{
    transform:none !important;
  }
}

/* ===== css/main-inline/watch-mobile-burger-v541.css ===== */
.watch-burgerbtn{
  display:none !important;
}
.watch-burgermenu{
  display:none !important;
}

@media (max-width:900px){
  html[data-watch-mobile-device="1"] .watch-topbar__right{
    position:relative !important;
  }

  html[data-watch-mobile-device="1"] .watch-topbar__right > #watchSearchOpen,
  html[data-watch-mobile-device="1"] .watch-topbar__right > #watchThemeToggle,
  html[data-watch-mobile-device="1"] .watch-topbar__right > #watchLibraryOpen,
  html[data-watch-mobile-device="1"] .watch-topbar__right > .watch-notify,
  html[data-watch-mobile-device="1"] .watch-topbar__right > .watch-account,
  html[data-watch-mobile-device="1"] .watch-topbar__right > #watchAuthOpen,
  html[data-watch-mobile-device="1"] .watch-topbar__right > .watch-topnav{
    display:none !important;
  }

  html[data-watch-mobile-device="1"] .watch-burgerbtn{
    display:inline-flex !important;
  }

  html[data-watch-mobile-device="1"] .watch-burgermenu{
    display:block !important;
    position:fixed;
    top:calc(var(--watch-headbar-top, 10px) + var(--watch-headbar-height, 64px) + 12px);
    right:calc((100vw - var(--watch-headbar-width, min(1200px, calc(100vw - 88px)))) / 2);
    width:min(82vw, 280px);
    padding:8px;
    border-radius:16px;
    border:0;
    background:rgba(28,28,28,.94);
    box-shadow:0 22px 58px rgba(0,0,0,.42), 0 4px 18px rgba(0,0,0,.24);
    backdrop-filter:blur(18px) saturate(1.08);
    -webkit-backdrop-filter:blur(18px) saturate(1.08);
    z-index:2147483600;
    opacity:0;
    transform:translateY(-4px) scale(.985);
    pointer-events:none;
    transition:opacity .16s ease, transform .16s cubic-bezier(.22,1,.36,1);
  }

  html[data-watch-mobile-device="1"] .watch-burgermenu.is-open{
    opacity:1;
    transform:translateY(0) scale(1);
    pointer-events:auto;
  }

  html[data-watch-mobile-device="1"] .watch-burgermenu__item{
    width:100%;
    min-height:42px;
    display:flex;
    align-items:center;
    gap:10px;
    border:0;
    border-radius:12px;
    padding:10px 12px;
    background:transparent;
    color:rgba(255,255,255,.92);
    text-decoration:none;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
  }

  html[data-watch-mobile-device="1"] .watch-burgermenu__item .watch-mi{
    font-size:20px;
    line-height:1;
  }

  html[data-watch-mobile-device="1"] .watch-burgermenu__item:hover,
  html[data-watch-mobile-device="1"] .watch-burgermenu__item:active,
  html[data-watch-mobile-device="1"] .watch-burgermenu__item:focus-visible{
    background:rgba(255,255,255,.10);
    color:#fff;
    outline:none;
  }

  html[data-watch-mobile-device="1"] .watch-burgermenu__item--danger{
    color:#ff9c9c;
  }

  html[data-watch-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu,
  html[data-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu,
  html.watch-theme-light[data-watch-mobile-device="1"] .watch-burgermenu,
  body.watch-theme-light .watch-burgermenu{
    background:rgba(255,255,255,.92);
    color:#11151b;
    box-shadow:0 22px 58px rgba(17,22,30,.16), 0 4px 18px rgba(17,22,30,.08);
  }

  html[data-watch-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu__item,
  html[data-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu__item,
  html.watch-theme-light[data-watch-mobile-device="1"] .watch-burgermenu__item,
  body.watch-theme-light .watch-burgermenu__item{
    color:rgba(17,22,30,.88);
  }

  html[data-watch-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu__item:hover,
  html[data-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu__item:hover,
  html.watch-theme-light[data-watch-mobile-device="1"] .watch-burgermenu__item:hover,
  body.watch-theme-light .watch-burgermenu__item:hover{
    background:rgba(17,22,30,.08);
    color:#0d1016;
  }

  html[data-watch-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu__item--danger,
  html[data-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu__item--danger,
  html.watch-theme-light[data-watch-mobile-device="1"] .watch-burgermenu__item--danger,
  body.watch-theme-light .watch-burgermenu__item--danger{
    color:#b42323;
  }

  html[data-watch-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu__sep,
  html[data-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu__sep,
  html.watch-theme-light[data-watch-mobile-device="1"] .watch-burgermenu__sep,
  body.watch-theme-light .watch-burgermenu__sep{
    background:rgba(17,22,30,.11);
  }

  html[data-watch-mobile-device="1"] .watch-burgerbtn[aria-expanded="true"]{
    background:rgba(255,255,255,.14) !important;
    border-color:rgba(255,255,255,.20) !important;
  }
}

/* ===== css/main-inline/watch-solid-headbar-v542.css ===== */
/* v542: solid dark-gray top headbar with centered logo. */
:root{
  --watch-headbar-height:64px;
  --watch-headbar-top:10px;
  --watch-headbar-x:44px;
  --watch-headbar-width:min(1200px, calc(100vw - 88px));
  --watch-header-dur:0ms;
  --watch-header-ease:linear;
  --watch-header-p:0;
}

html[data-watch-header-scrolled="1"],
html[data-watch-header-animating="1"]{
  --watch-header-p:0 !important;
}

.watch-topbar,
html[data-watch-header-scrolled="1"] .watch-topbar,
html[data-watch-theme="light"] .watch-topbar,
html[data-watch-edge="1"] .watch-topbar{
  position:fixed !important;
  top:var(--watch-headbar-top) !important;
  left:50% !important;
  right:auto !important;
  width:var(--watch-headbar-width) !important;
  height:var(--watch-headbar-height) !important;
  min-height:var(--watch-headbar-height) !important;
  padding:0 22px !important;
  border-radius:14px !important;
  transform:translateX(-50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  background:rgba(36,36,36,.74) !important;
  background-image:none !important;
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(10px) saturate(1.05) !important;
  -webkit-backdrop-filter:blur(10px) saturate(1.05) !important;
  transition:none !important;
  animation:none !important;
  will-change:auto !important;
}

.watch-topbar::before,
.watch-topbar::after,
html[data-watch-header-scrolled="1"] .watch-topbar::before,
html[data-watch-header-scrolled="1"] .watch-topbar::after,
html[data-watch-theme="light"] .watch-topbar::before,
html[data-watch-theme="light"] .watch-topbar::after{
  content:none !important;
  display:none !important;
  transition:none !important;
  animation:none !important;
}

.watch-content{
  padding-top:calc(var(--watch-headbar-height) + var(--watch-headbar-top) + 24px) !important;
}

.watch-topbar__left,
.watch-topbar__right{
  flex:1 1 0 !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  transform:none !important;
  opacity:1 !important;
  transition:none !important;
  animation:none !important;
  will-change:auto !important;
}

.watch-topbar__right{
  justify-content:flex-end !important;
  gap:8px !important;
}

.watch-topbar .watch-brand,
html[data-watch-header-scrolled="1"] .watch-topbar .watch-brand{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  transform:translate(-50%,-50%) !important;
  border-radius:0 !important;
  transition:none !important;
  animation:none !important;
  will-change:auto !important;
}

.watch-topbar .watch-brand__img,
html[data-watch-header-scrolled="1"] .watch-topbar .watch-brand__img{
  width:auto !important;
  height:32px !important;
  max-width:min(180px, 42vw) !important;
  display:block !important;
  object-fit:contain !important;
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
  will-change:auto !important;
}

.watch-topbar .watch-brand:hover,
html[data-watch-header-scrolled="1"] .watch-topbar .watch-brand:hover{
  transform:translate(-50%,-50%) !important;
}

.watch-topbar .watch-searchbtn,
.watch-topbar .watch-topnav__item,
.watch-topbar .watch-account__btn,
.watch-topbar .watch-notify__btn,
.watch-topbar .watch-burgerbtn{
  background:rgba(255,255,255,.075) !important;
  color:rgba(255,255,255,.92) !important;
  border:0 !important;
  box-shadow:none !important;
  transition:none !important;
  animation:none !important;
  transform:none !important;
  will-change:auto !important;
}

.watch-topbar .watch-mi{
  width:1em !important;
  height:1em !important;
  display:block !important;
  font-size:20px !important;
  font-weight:400 !important;
  line-height:1 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  white-space:nowrap !important;
  word-wrap:normal !important;
  direction:ltr !important;
  font-feature-settings:"liga" !important;
  -webkit-font-feature-settings:"liga" !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:optimizeLegibility !important;
}

html[data-watch-theme="light"] .watch-topbar .watch-mi,
html[data-theme="light"] .watch-topbar .watch-mi,
html.watch-theme-light .watch-topbar .watch-mi,
body.watch-theme-light .watch-topbar .watch-mi{
  color:rgba(0,0,0,.86) !important;
}

html[data-watch-theme="light"] .watch-topbar,
html[data-theme="light"] .watch-topbar,
html.watch-theme-light .watch-topbar,
body.watch-theme-light .watch-topbar{
  background:rgba(243,243,243,.68) !important;
  color:#111111 !important;
  box-shadow:0 12px 30px rgba(17,24,39,.13) !important;
}

html[data-watch-theme="light"] .watch-topbar .watch-searchbtn,
html[data-watch-theme="light"] .watch-topbar .watch-topnav__item,
html[data-watch-theme="light"] .watch-topbar .watch-account__btn,
html[data-watch-theme="light"] .watch-topbar .watch-notify__btn,
html[data-watch-theme="light"] .watch-topbar .watch-burgerbtn,
html[data-theme="light"] .watch-topbar .watch-searchbtn,
html[data-theme="light"] .watch-topbar .watch-topnav__item,
html[data-theme="light"] .watch-topbar .watch-account__btn,
html[data-theme="light"] .watch-topbar .watch-notify__btn,
html[data-theme="light"] .watch-topbar .watch-burgerbtn,
html.watch-theme-light .watch-topbar .watch-searchbtn,
html.watch-theme-light .watch-topbar .watch-topnav__item,
html.watch-theme-light .watch-topbar .watch-account__btn,
html.watch-theme-light .watch-topbar .watch-notify__btn,
html.watch-theme-light .watch-topbar .watch-burgerbtn,
body.watch-theme-light .watch-topbar .watch-searchbtn,
body.watch-theme-light .watch-topbar .watch-topnav__item,
body.watch-theme-light .watch-topbar .watch-account__btn,
body.watch-theme-light .watch-topbar .watch-notify__btn,
body.watch-theme-light .watch-topbar .watch-burgerbtn{
  background:rgba(0,0,0,.055) !important;
  color:rgba(0,0,0,.86) !important;
  box-shadow:none !important;
}

@media (max-width:900px){
  :root{
    --watch-headbar-height:58px;
    --watch-headbar-top:8px;
    --watch-headbar-x:16px;
    --watch-headbar-width:calc(100vw - 32px);
  }

  .watch-topbar,
  html[data-watch-header-scrolled="1"] .watch-topbar,
  html[data-watch-theme="light"] .watch-topbar,
  html[data-watch-edge="1"] .watch-topbar{
    width:var(--watch-headbar-width) !important;
    padding:0 12px !important;
    border-radius:12px !important;
  }

  .watch-topbar__left{
    display:block !important;
  }

  .watch-topbar .watch-brand__img,
  html[data-watch-header-scrolled="1"] .watch-topbar .watch-brand__img{
    height:28px !important;
    max-width:38vw !important;
  }
}

/* ===== css/main-inline/watch-headbar-cross-browser-glass-v552.css ===== */
/* v552: final glass layer for Chrome/Firefox/Safari/Edge. */
.watch-topbar,
html[data-watch-header-scrolled="1"] .watch-topbar,
html[data-watch-theme="light"] .watch-topbar,
html[data-theme="light"] .watch-topbar,
html.watch-theme-light .watch-topbar,
body.watch-theme-light .watch-topbar,
html[data-watch-edge="1"] .watch-topbar{
  background:rgba(18,18,18,.14) !important;
  background-color:rgba(18,18,18,.14) !important;
  background-image:none !important;
  backdrop-filter:blur(18px) saturate(1.16) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.16) !important;
  overflow:hidden !important;
  transition:none !important;
  animation:none !important;
}

.watch-topbar::before,
html[data-watch-header-scrolled="1"] .watch-topbar::before,
html[data-watch-theme="light"] .watch-topbar::before,
html[data-theme="light"] .watch-topbar::before,
html.watch-theme-light .watch-topbar::before,
body.watch-theme-light .watch-topbar::before,
html[data-watch-edge="1"] .watch-topbar::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  background:rgba(18,18,18,.18) !important;
  background-color:rgba(18,18,18,.18) !important;
  background-image:none !important;
  backdrop-filter:blur(18px) saturate(1.16) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:none !important;
  transform:translateZ(0) !important;
  z-index:0 !important;
  transition:none !important;
  animation:none !important;
}

html[data-watch-theme="light"] .watch-topbar::before,
html[data-theme="light"] .watch-topbar::before,
html.watch-theme-light .watch-topbar::before,
body.watch-theme-light .watch-topbar::before{
  background:rgba(246,247,249,.34) !important;
  background-color:rgba(246,247,249,.34) !important;
  backdrop-filter:blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62) !important;
}

html[data-watch-theme="light"] .watch-topbar,
html[data-theme="light"] .watch-topbar,
html.watch-theme-light .watch-topbar,
body.watch-theme-light .watch-topbar{
  background:rgba(246,247,249,.30) !important;
  background-color:rgba(246,247,249,.30) !important;
  backdrop-filter:blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12) !important;
  transition:none !important;
  animation:none !important;
}

@-moz-document url-prefix(){
  .watch-topbar,
  html[data-watch-header-scrolled="1"] .watch-topbar,
  html[data-watch-edge="1"] .watch-topbar{
    background:rgba(18,18,18,.12) !important;
    background-color:rgba(18,18,18,.12) !important;
    backdrop-filter:blur(22px) saturate(1.18) !important;
    -webkit-backdrop-filter:blur(22px) saturate(1.18) !important;
  }

  .watch-topbar::before,
  html[data-watch-header-scrolled="1"] .watch-topbar::before,
  html[data-watch-edge="1"] .watch-topbar::before{
    background:rgba(18,18,18,.14) !important;
    background-color:rgba(18,18,18,.14) !important;
    backdrop-filter:blur(22px) saturate(1.18) !important;
  }

  html[data-watch-theme="light"] .watch-topbar,
  html[data-theme="light"] .watch-topbar,
  html.watch-theme-light .watch-topbar,
  body.watch-theme-light .watch-topbar{
    background:rgba(246,247,249,.24) !important;
    background-color:rgba(246,247,249,.24) !important;
    backdrop-filter:blur(22px) saturate(1.16) !important;
    -webkit-backdrop-filter:blur(22px) saturate(1.16) !important;
  }

  html[data-watch-theme="light"] .watch-topbar::before,
  html[data-theme="light"] .watch-topbar::before,
  html.watch-theme-light .watch-topbar::before,
  body.watch-theme-light .watch-topbar::before{
    background:rgba(246,247,249,.18) !important;
    background-color:rgba(246,247,249,.18) !important;
    backdrop-filter:blur(22px) saturate(1.16) !important;
  }
}

.watch-topbar::after,
html[data-watch-header-scrolled="1"] .watch-topbar::after,
html[data-watch-theme="light"] .watch-topbar::after{
  content:none !important;
  display:none !important;
}

.watch-topbar > *{
  position:relative !important;
  z-index:1 !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .watch-topbar::before,
  html[data-watch-header-scrolled="1"] .watch-topbar::before,
  html[data-watch-edge="1"] .watch-topbar::before{
    background:rgba(18,18,18,.22) !important;
    background-color:rgba(18,18,18,.22) !important;
  }
  html[data-watch-theme="light"] .watch-topbar::before,
  html[data-theme="light"] .watch-topbar::before,
  html.watch-theme-light .watch-topbar::before,
  body.watch-theme-light .watch-topbar::before{
    background:rgba(246,247,249,.40) !important;
    background-color:rgba(246,247,249,.40) !important;
  }
}

/* ===== css/main-inline/watch-headbar-firefox-glass-v555.css ===== */
/* v555: absolute last header glass override. */
:root.watch-theme-anim body.watch-app .watch-topbar,
:root.watch-theme-anim body.watch-app .watch-topbar::before,
:root.watch-theme-anim body.watch-app .watch-topbar::after,
:root.watch-theme-vt body.watch-app .watch-topbar,
:root.watch-theme-vt body.watch-app .watch-topbar::before,
:root.watch-theme-vt body.watch-app .watch-topbar::after,
.watch-topbar,
.watch-topbar::before,
.watch-topbar::after{
  transition:none !important;
  transition-property:none !important;
  transition-duration:0s !important;
  transition-delay:0s !important;
  animation:none !important;
}

html:not([data-watch-theme="light"]):not([data-theme="light"]):not(.watch-theme-light) .watch-topbar,
html:not([data-watch-theme="light"]):not([data-theme="light"]):not(.watch-theme-light)[data-watch-header-scrolled="1"] .watch-topbar,
html:not([data-watch-theme="light"]):not([data-theme="light"]):not(.watch-theme-light)[data-watch-edge="1"] .watch-topbar{
  background:rgba(38,38,38,.54) !important;
  background-color:rgba(38,38,38,.54) !important;
  background-image:none !important;
  backdrop-filter:blur(20px) saturate(1.18) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.18) !important;
}

html[data-watch-edge="1"]:not([data-watch-theme="light"]):not([data-theme="light"]):not(.watch-theme-light) .watch-topbar{
  background:rgba(34,34,34,.48) !important;
  background-color:rgba(34,34,34,.48) !important;
}

html:not([data-watch-theme="light"]):not([data-theme="light"]):not(.watch-theme-light) .watch-topbar::before,
html:not([data-watch-theme="light"]):not([data-theme="light"]):not(.watch-theme-light)[data-watch-header-scrolled="1"] .watch-topbar::before,
html:not([data-watch-theme="light"]):not([data-theme="light"]):not(.watch-theme-light)[data-watch-edge="1"] .watch-topbar::before{
  background:rgba(38,38,38,.20) !important;
  background-color:rgba(38,38,38,.20) !important;
  background-image:none !important;
  backdrop-filter:blur(20px) saturate(1.18) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.18) !important;
  opacity:1 !important;
  visibility:visible !important;
}

html[data-watch-edge="1"]:not([data-watch-theme="light"]):not([data-theme="light"]):not(.watch-theme-light) .watch-topbar::before{
  background:rgba(34,34,34,.16) !important;
  background-color:rgba(34,34,34,.16) !important;
}

html[data-watch-theme="light"] .watch-topbar,
html[data-theme="light"] .watch-topbar,
html.watch-theme-light .watch-topbar,
body.watch-theme-light .watch-topbar{
  background:rgba(246,247,249,.24) !important;
  background-color:rgba(246,247,249,.24) !important;
  backdrop-filter:blur(20px) saturate(1.14) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.14) !important;
}

html[data-watch-theme="light"] .watch-topbar::before,
html[data-theme="light"] .watch-topbar::before,
html.watch-theme-light .watch-topbar::before,
body.watch-theme-light .watch-topbar::before{
  background:rgba(246,247,249,.16) !important;
  background-color:rgba(246,247,249,.16) !important;
  backdrop-filter:blur(20px) saturate(1.14) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.14) !important;
}

@-moz-document url-prefix(){
  html:not([data-watch-theme="light"]):not([data-theme="light"]):not(.watch-theme-light) .watch-topbar{
    background:rgba(38,38,38,.58) !important;
    background-color:rgba(38,38,38,.58) !important;
    backdrop-filter:blur(24px) saturate(1.18) !important;
    -webkit-backdrop-filter:blur(24px) saturate(1.18) !important;
  }

  html:not([data-watch-theme="light"]):not([data-theme="light"]):not(.watch-theme-light) .watch-topbar::before{
    background:rgba(38,38,38,.22) !important;
    background-color:rgba(38,38,38,.22) !important;
    backdrop-filter:blur(24px) saturate(1.18) !important;
    -webkit-backdrop-filter:blur(24px) saturate(1.18) !important;
  }

  html[data-watch-theme="light"] .watch-topbar,
  html[data-theme="light"] .watch-topbar,
  html.watch-theme-light .watch-topbar,
  body.watch-theme-light .watch-topbar{
    background:rgba(246,247,249,.20) !important;
    background-color:rgba(246,247,249,.20) !important;
    backdrop-filter:blur(24px) saturate(1.18) !important;
    -webkit-backdrop-filter:blur(24px) saturate(1.18) !important;
  }

  html[data-watch-theme="light"] .watch-topbar::before,
  html[data-theme="light"] .watch-topbar::before,
  html.watch-theme-light .watch-topbar::before,
  body.watch-theme-light .watch-topbar::before{
    background:rgba(246,247,249,.14) !important;
    background-color:rgba(246,247,249,.14) !important;
    backdrop-filter:blur(24px) saturate(1.18) !important;
    -webkit-backdrop-filter:blur(24px) saturate(1.18) !important;
  }
}

/* ===== css/main-inline/watch-headbar-icon-hover-bg-v561.css ===== */
/* v561: icon button backgrounds appear only on hover/focus/open state. */
.watch-topbar .watch-searchbtn,
.watch-topbar .watch-topnav__item,
.watch-topbar .watch-account__btn,
.watch-topbar .watch-notify__btn,
.watch-topbar .watch-burgerbtn{
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
}

.watch-topbar .watch-searchbtn:hover,
.watch-topbar .watch-searchbtn:focus-visible,
.watch-topbar .watch-topnav__item:hover,
.watch-topbar .watch-topnav__item:focus-visible,
.watch-topbar .watch-account__btn:hover,
.watch-topbar .watch-account__btn:focus-visible,
.watch-topbar .watch-account__btn[aria-expanded="true"],
.watch-topbar .watch-notify__btn:hover,
.watch-topbar .watch-notify__btn:focus-visible,
.watch-topbar .watch-notify__btn[aria-expanded="true"],
.watch-topbar .watch-burgerbtn:hover,
.watch-topbar .watch-burgerbtn:focus-visible,
.watch-topbar .watch-burgerbtn[aria-expanded="true"]{
  background:rgba(255,255,255,.10) !important;
  background-color:rgba(255,255,255,.10) !important;
}

html[data-watch-theme="light"] .watch-topbar .watch-searchbtn:hover,
html[data-watch-theme="light"] .watch-topbar .watch-searchbtn:focus-visible,
html[data-watch-theme="light"] .watch-topbar .watch-topnav__item:hover,
html[data-watch-theme="light"] .watch-topbar .watch-topnav__item:focus-visible,
html[data-watch-theme="light"] .watch-topbar .watch-account__btn:hover,
html[data-watch-theme="light"] .watch-topbar .watch-account__btn:focus-visible,
html[data-watch-theme="light"] .watch-topbar .watch-account__btn[aria-expanded="true"],
html[data-watch-theme="light"] .watch-topbar .watch-notify__btn:hover,
html[data-watch-theme="light"] .watch-topbar .watch-notify__btn:focus-visible,
html[data-watch-theme="light"] .watch-topbar .watch-notify__btn[aria-expanded="true"],
html[data-watch-theme="light"] .watch-topbar .watch-burgerbtn:hover,
html[data-watch-theme="light"] .watch-topbar .watch-burgerbtn:focus-visible,
html[data-watch-theme="light"] .watch-topbar .watch-burgerbtn[aria-expanded="true"],
html[data-theme="light"] .watch-topbar .watch-searchbtn:hover,
html[data-theme="light"] .watch-topbar .watch-searchbtn:focus-visible,
html[data-theme="light"] .watch-topbar .watch-topnav__item:hover,
html[data-theme="light"] .watch-topbar .watch-topnav__item:focus-visible,
html[data-theme="light"] .watch-topbar .watch-account__btn:hover,
html[data-theme="light"] .watch-topbar .watch-account__btn:focus-visible,
html[data-theme="light"] .watch-topbar .watch-account__btn[aria-expanded="true"],
html[data-theme="light"] .watch-topbar .watch-notify__btn:hover,
html[data-theme="light"] .watch-topbar .watch-notify__btn:focus-visible,
html[data-theme="light"] .watch-topbar .watch-notify__btn[aria-expanded="true"],
html[data-theme="light"] .watch-topbar .watch-burgerbtn:hover,
html[data-theme="light"] .watch-topbar .watch-burgerbtn:focus-visible,
html[data-theme="light"] .watch-topbar .watch-burgerbtn[aria-expanded="true"],
html.watch-theme-light .watch-topbar .watch-searchbtn:hover,
html.watch-theme-light .watch-topbar .watch-searchbtn:focus-visible,
html.watch-theme-light .watch-topbar .watch-topnav__item:hover,
html.watch-theme-light .watch-topbar .watch-topnav__item:focus-visible,
html.watch-theme-light .watch-topbar .watch-account__btn:hover,
html.watch-theme-light .watch-topbar .watch-account__btn:focus-visible,
html.watch-theme-light .watch-topbar .watch-account__btn[aria-expanded="true"],
html.watch-theme-light .watch-topbar .watch-notify__btn:hover,
html.watch-theme-light .watch-topbar .watch-notify__btn:focus-visible,
html.watch-theme-light .watch-topbar .watch-notify__btn[aria-expanded="true"],
html.watch-theme-light .watch-topbar .watch-burgerbtn:hover,
html.watch-theme-light .watch-topbar .watch-burgerbtn:focus-visible,
html.watch-theme-light .watch-topbar .watch-burgerbtn[aria-expanded="true"],
body.watch-theme-light .watch-topbar .watch-searchbtn:hover,
body.watch-theme-light .watch-topbar .watch-searchbtn:focus-visible,
body.watch-theme-light .watch-topbar .watch-topnav__item:hover,
body.watch-theme-light .watch-topbar .watch-topnav__item:focus-visible,
body.watch-theme-light .watch-topbar .watch-account__btn:hover,
body.watch-theme-light .watch-topbar .watch-account__btn:focus-visible,
body.watch-theme-light .watch-topbar .watch-account__btn[aria-expanded="true"],
body.watch-theme-light .watch-topbar .watch-notify__btn:hover,
body.watch-theme-light .watch-topbar .watch-notify__btn:focus-visible,
body.watch-theme-light .watch-topbar .watch-notify__btn[aria-expanded="true"],
body.watch-theme-light .watch-topbar .watch-burgerbtn:hover,
body.watch-theme-light .watch-topbar .watch-burgerbtn:focus-visible,
body.watch-theme-light .watch-topbar .watch-burgerbtn[aria-expanded="true"]{
  background:rgba(0,0,0,.07) !important;
  background-color:rgba(0,0,0,.07) !important;
}

/* ===== css/main-inline/watch-mobile-burger-final-v562.css ===== */
/* v562: desktop hides burger; mobile shows only burger and account-style menu. */
.watch-topbar .watch-burgerbtn,
html[data-watch-header-scrolled="1"] .watch-topbar .watch-burgerbtn{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.watch-topbar .watch-burgerbtn .watch-mi{
  font-size:0 !important;
}

@media (max-width:900px){
  .watch-topbar__right > #watchSearchOpen,
  .watch-topbar__right > #watchThemeToggle,
  .watch-topbar__right > #watchLibraryOpen,
  .watch-topbar__right > .watch-notify,
  .watch-topbar__right > .watch-account,
  .watch-topbar__right > #watchAuthOpen,
  .watch-topbar__right > .watch-topnav{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .watch-topbar .watch-burgerbtn{
    display:inline-flex !important;
    visibility:visible !important;
    pointer-events:auto !important;
    background:rgba(255,255,255,.10) !important;
    background-color:rgba(255,255,255,.10) !important;
  }

  .watch-burgermenu{
    display:block !important;
    position:fixed !important;
    z-index:2147483600 !important;
  }

  .watch-burgermenu.is-open{
    opacity:1 !important;
    transform:translateY(0) scale(1) !important;
    pointer-events:auto !important;
  }

  html[data-watch-mobile-device="1"] .watch-topbar__right > #watchSearchOpen,
  html[data-watch-mobile-device="1"] .watch-topbar__right > #watchThemeToggle,
  html[data-watch-mobile-device="1"] .watch-topbar__right > #watchLibraryOpen,
  html[data-watch-mobile-device="1"] .watch-topbar__right > .watch-notify,
  html[data-watch-mobile-device="1"] .watch-topbar__right > .watch-account,
  html[data-watch-mobile-device="1"] .watch-topbar__right > #watchAuthOpen,
  html[data-watch-mobile-device="1"] .watch-topbar__right > .watch-topnav{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html[data-watch-mobile-device="1"] .watch-topbar .watch-burgerbtn{
    display:inline-flex !important;
    visibility:visible !important;
    pointer-events:auto !important;
    background:rgba(255,255,255,.10) !important;
    background-color:rgba(255,255,255,.10) !important;
  }

  html[data-watch-mobile-device="1"] .watch-burgermenu{
    width:min(86vw, 292px) !important;
    padding:8px !important;
    border-radius:10px !important;
    border:0 !important;
    background:#242424 !important;
    box-shadow:0 22px 54px rgba(0,0,0,.44), 0 4px 14px rgba(0,0,0,.24) !important;
    top:calc(var(--watch-headbar-top, 10px) + var(--watch-headbar-height, 64px) + 12px) !important;
    right:calc((100vw - var(--watch-headbar-width, calc(100vw - 32px))) / 2) !important;
  }

  html[data-watch-mobile-device="1"] .watch-burgermenu__item{
    min-height:46px !important;
    border-radius:8px !important;
    padding:11px 13px !important;
    gap:12px !important;
    font-weight:650 !important;
    background:transparent !important;
    color:rgba(255,255,255,.92) !important;
  }

  html[data-watch-mobile-device="1"] .watch-burgermenu__item .watch-mi{
    width:22px !important;
    min-width:22px !important;
    font-size:21px !important;
    text-align:center !important;
    color:currentColor !important;
  }

  html[data-watch-mobile-device="1"] .watch-burgermenu__item:hover,
  html[data-watch-mobile-device="1"] .watch-burgermenu__item:active,
  html[data-watch-mobile-device="1"] .watch-burgermenu__item:focus-visible{
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
  }

  html[data-watch-mobile-device="1"] .watch-burgermenu__sep{
    height:1px !important;
    margin:8px 8px !important;
    background:rgba(255,255,255,.12) !important;
  }

  html[data-watch-mobile-device="1"] .watch-burgermenu__item--danger{
    color:#ff9d9d !important;
  }

  html[data-watch-theme="light"][data-watch-mobile-device="1"] .watch-topbar .watch-burgerbtn,
  html[data-theme="light"][data-watch-mobile-device="1"] .watch-topbar .watch-burgerbtn,
  html.watch-theme-light[data-watch-mobile-device="1"] .watch-topbar .watch-burgerbtn,
  body.watch-theme-light .watch-topbar .watch-burgerbtn{
    background:rgba(0,0,0,.07) !important;
    background-color:rgba(0,0,0,.07) !important;
  }

  html[data-watch-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu,
  html[data-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu,
  html.watch-theme-light[data-watch-mobile-device="1"] .watch-burgermenu,
  body.watch-theme-light .watch-burgermenu{
    background:#f6f7f9 !important;
    box-shadow:0 22px 54px rgba(17,22,30,.18), 0 4px 14px rgba(17,22,30,.08) !important;
  }

  html[data-watch-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu__item,
  html[data-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu__item,
  html.watch-theme-light[data-watch-mobile-device="1"] .watch-burgermenu__item,
  body.watch-theme-light .watch-burgermenu__item{
    color:rgba(17,22,30,.88) !important;
  }

  html[data-watch-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu__item:hover,
  html[data-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu__item:hover,
  html.watch-theme-light[data-watch-mobile-device="1"] .watch-burgermenu__item:hover,
  body.watch-theme-light .watch-burgermenu__item:hover{
    background:rgba(17,22,30,.08) !important;
    color:#0d1016 !important;
  }

  html[data-watch-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu__sep,
  html[data-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu__sep,
  html.watch-theme-light[data-watch-mobile-device="1"] .watch-burgermenu__sep,
  body.watch-theme-light .watch-burgermenu__sep{
    background:rgba(17,22,30,.11) !important;
  }

  html[data-watch-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu__item--danger,
  html[data-theme="light"][data-watch-mobile-device="1"] .watch-burgermenu__item--danger,
  html.watch-theme-light[data-watch-mobile-device="1"] .watch-burgermenu__item--danger,
  body.watch-theme-light .watch-burgermenu__item--danger{
    color:#b42323 !important;
  }
}

/* ===== css/main-inline/watch-mobile-burger-button-state-v567.css ===== */
@media (max-width:900px){
  .watch-topbar .watch-burgerbtn,
  html[data-watch-mobile-device="1"] .watch-topbar .watch-burgerbtn{
    display:inline-flex !important;
    visibility:visible !important;
    pointer-events:auto !important;
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
  }

  .watch-topbar .watch-burgerbtn:hover,
  .watch-topbar .watch-burgerbtn:focus-visible,
  .watch-topbar .watch-burgerbtn[aria-expanded="true"],
  html[data-watch-mobile-device="1"] .watch-topbar .watch-burgerbtn:hover,
  html[data-watch-mobile-device="1"] .watch-topbar .watch-burgerbtn:focus-visible,
  html[data-watch-mobile-device="1"] .watch-topbar .watch-burgerbtn[aria-expanded="true"]{
    background:rgba(255,255,255,.10) !important;
    background-color:rgba(255,255,255,.10) !important;
  }

  html[data-watch-theme="light"] .watch-topbar .watch-burgerbtn:hover,
  html[data-watch-theme="light"] .watch-topbar .watch-burgerbtn:focus-visible,
  html[data-watch-theme="light"] .watch-topbar .watch-burgerbtn[aria-expanded="true"],
  html[data-theme="light"] .watch-topbar .watch-burgerbtn:hover,
  html[data-theme="light"] .watch-topbar .watch-burgerbtn:focus-visible,
  html[data-theme="light"] .watch-topbar .watch-burgerbtn[aria-expanded="true"],
  html.watch-theme-light .watch-topbar .watch-burgerbtn:hover,
  html.watch-theme-light .watch-topbar .watch-burgerbtn:focus-visible,
  html.watch-theme-light .watch-topbar .watch-burgerbtn[aria-expanded="true"],
  body.watch-theme-light .watch-topbar .watch-burgerbtn:hover,
  body.watch-theme-light .watch-topbar .watch-burgerbtn:focus-visible,
  body.watch-theme-light .watch-topbar .watch-burgerbtn[aria-expanded="true"]{
    background:rgba(0,0,0,.07) !important;
    background-color:rgba(0,0,0,.07) !important;
  }

  #watchBurgerMenu.watch-burgermenu{
    position:fixed !important;
    top:calc(var(--watch-headbar-top, 10px) + var(--watch-headbar-height, 64px) + 12px) !important;
    right:calc((100vw - var(--watch-headbar-width, calc(100vw - 32px))) / 2) !important;
    width:min(86vw, 292px) !important;
    max-width:calc(100vw - 32px) !important;
    padding:8px !important;
    border-radius:10px !important;
    border:0 !important;
    background:rgba(28,28,28,.94) !important;
    box-shadow:0 22px 58px rgba(0,0,0,.42), 0 4px 18px rgba(0,0,0,.24) !important;
    backdrop-filter:blur(18px) saturate(1.08) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.08) !important;
    z-index:2147483647 !important;
  }

  #watchBurgerMenu.watch-burgermenu.is-open,
  html[data-watch-burger-open="1"] #watchBurgerMenu.watch-burgermenu{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) scale(1) !important;
  }

  html[data-watch-theme="light"] #watchBurgerMenu.watch-burgermenu,
  html[data-theme="light"] #watchBurgerMenu.watch-burgermenu,
  html.watch-theme-light #watchBurgerMenu.watch-burgermenu,
  body.watch-theme-light #watchBurgerMenu.watch-burgermenu{
    background:rgba(255,255,255,.92) !important;
    box-shadow:0 22px 58px rgba(17,22,30,.16), 0 4px 18px rgba(17,22,30,.08) !important;
  }

  @media (hover:none){
    .watch-topbar .watch-burgerbtn:hover,
    html[data-watch-mobile-device="1"] .watch-topbar .watch-burgerbtn:hover{
      background:transparent !important;
      background-color:transparent !important;
    }

    .watch-topbar .watch-burgerbtn[aria-expanded="true"],
    html[data-watch-mobile-device="1"] .watch-topbar .watch-burgerbtn[aria-expanded="true"]{
      background:rgba(255,255,255,.10) !important;
      background-color:rgba(255,255,255,.10) !important;
    }

    html[data-watch-theme="light"] .watch-topbar .watch-burgerbtn:hover,
    html[data-theme="light"] .watch-topbar .watch-burgerbtn:hover,
    html.watch-theme-light .watch-topbar .watch-burgerbtn:hover,
    body.watch-theme-light .watch-topbar .watch-burgerbtn:hover{
      background:transparent !important;
      background-color:transparent !important;
    }

    html[data-watch-theme="light"] .watch-topbar .watch-burgerbtn[aria-expanded="true"],
    html[data-theme="light"] .watch-topbar .watch-burgerbtn[aria-expanded="true"],
    html.watch-theme-light .watch-topbar .watch-burgerbtn[aria-expanded="true"],
    body.watch-theme-light .watch-topbar .watch-burgerbtn[aria-expanded="true"]{
      background:rgba(0,0,0,.07) !important;
      background-color:rgba(0,0,0,.07) !important;
    }
  }
}

/* ===== css/main-inline/watch-headbar-solid-svg-icons-v571.css ===== */
.watch-topbar .watch-headicon{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  color:currentColor !important;
  font-size:0 !important;
  line-height:0 !important;
  letter-spacing:0 !important;
  text-indent:0 !important;
}

.watch-topbar .watch-headicon::before{
  content:"" !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  background:currentColor !important;
  -webkit-mask:var(--watch-headicon-mask) center / contain no-repeat !important;
  mask:var(--watch-headicon-mask) center / contain no-repeat !important;
}

.watch-topbar .watch-headicon--search{
  width:19px !important;
  height:19px !important;
  --watch-headicon-mask:var(--watch-search-head-icon);
}

.watch-topbar .watch-headicon--theme{
  width:21px !important;
  height:21px !important;
  --watch-headicon-mask:var(--watch-theme-sun-icon);
}

#watchThemeToggle[aria-pressed="true"] .watch-headicon--theme{
  width:20px !important;
  height:20px !important;
  --watch-headicon-mask:var(--watch-theme-moon-icon);
}

.watch-topbar .watch-headicon--bell{
  width:20px !important;
  height:20px !important;
  --watch-headicon-mask:url("../images/notify-bell-group.svg?v=1");
}

.watch-topbar .watch-headicon--user{
  width:20px !important;
  height:20px !important;
  --watch-headicon-mask:url("../images/profile-user-vector.svg?v=20260620-28");
}

.watch-burgermenu__item .watch-burgericon--search{
  width:20px !important;
  height:20px !important;
  display:inline-block !important;
  background:currentColor !important;
  color:currentColor !important;
  -webkit-mask:var(--watch-search-head-icon) center / 20px 20px no-repeat !important;
  mask:var(--watch-search-head-icon) center / 20px 20px no-repeat !important;
}

.watch-burgermenu__item .watch-burgericon--theme{
  width:21px !important;
  height:21px !important;
  display:inline-block !important;
  background:currentColor !important;
  color:currentColor !important;
  -webkit-mask:var(--watch-theme-sun-icon) center / 20px 20px no-repeat !important;
  mask:var(--watch-theme-sun-icon) center / 20px 20px no-repeat !important;
}

html[data-watch-theme="light"] .watch-burgermenu__item .watch-burgericon--theme,
html[data-theme="light"] .watch-burgermenu__item .watch-burgericon--theme,
html.watch-theme-light .watch-burgermenu__item .watch-burgericon--theme,
body.watch-theme-light .watch-burgermenu__item .watch-burgericon--theme{
  width:20px !important;
  height:20px !important;
  -webkit-mask:var(--watch-theme-moon-icon) center / 20px 20px no-repeat !important;
  mask:var(--watch-theme-moon-icon) center / 20px 20px no-repeat !important;
}

.watch-burgermenu__item .watch-burgericon--bell{
  width:21px !important;
  height:21px !important;
  display:inline-block !important;
  background:currentColor !important;
  color:currentColor !important;
  -webkit-mask:var(--watch-bell-icon) center / 20px 20px no-repeat !important;
  mask:var(--watch-bell-icon) center / 20px 20px no-repeat !important;
}

:root{
  /* Library icon — header + burger. */
  --watch-library-icon:url("../images/library-saved.svg?v=1");
}

.watch-topbar .watch-headicon--library{
  width:20px !important;
  height:20px !important;
  --watch-headicon-mask:var(--watch-library-icon) !important;
}

.watch-burgermenu__item .watch-burgericon--library,
html[data-watch-mobile-device="1"] .watch-burgermenu__item .watch-burgericon--library{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
  flex:0 0 20px !important;
  display:inline-block !important;
  background:currentColor !important;
  color:currentColor !important;
  font-size:0 !important;
  line-height:0 !important;
  -webkit-mask:var(--watch-library-icon) center / 18px 18px no-repeat !important;
  mask:var(--watch-library-icon) center / 18px 18px no-repeat !important;
}

.watch-topbar .watch-headicon--library::before{
  -webkit-mask-size:18px 18px !important;
  mask-size:18px 18px !important;
}

.mcard__bmBtn .mcard__bmGlyph,
.mcard__bmBtn svg.mcard__bmGlyph,
.watch-mark__btn .watch-mark__icon{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  display:block !important;
  overflow:hidden !important;
  color:currentColor !important;
  background:currentColor !important;
  fill:currentColor !important;
  font-size:0 !important;
  line-height:0 !important;
  text-indent:0 !important;
  -webkit-mask:var(--watch-library-icon) center / 18px 18px no-repeat !important;
  mask:var(--watch-library-icon) center / 18px 18px no-repeat !important;
}

.mcard__bmBtn svg.mcard__bmGlyph > *,
.watch-mark__btn .watch-mark__icon::before{
  display:none !important;
  content:none !important;
}

.watch-inlinepreview__actions .mcard__bmBtn:hover,
.watch-inlinepreview__actions .mcard__bmBtn:focus-visible{
  background:rgba(var(--w-ink-rgb),.08) !important;
  border-color:rgba(var(--w-ink-rgb),.14) !important;
  color:#fff !important;
  box-shadow:none !important;
  transform:none !important;
}

html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:hover,
html[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:hover,
html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
html[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:focus-visible{
  background:rgba(17,24,35,.08) !important;
  border-color:rgba(17,24,35,.16) !important;
  color:rgba(17,24,35,.96) !important;
  box-shadow:none !important;
  transform:none !important;
}

.watch-topbar .watch-headicon--menu{
  width:22px !important;
  height:22px !important;
  --watch-headicon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6.75A1.25 1.25 0 0 1 5.25 5.5h13.5a1.25 1.25 0 1 1 0 2.5H5.25A1.25 1.25 0 0 1 4 6.75Zm0 5.25a1.25 1.25 0 0 1 1.25-1.25h13.5a1.25 1.25 0 1 1 0 2.5H5.25A1.25 1.25 0 0 1 4 12Zm1.25 4a1.25 1.25 0 1 0 0 2.5h13.5a1.25 1.25 0 1 0 0-2.5H5.25Z'/%3E%3C/svg%3E");
}

/* ===== css/main-inline/watch-settings-icon-v581.css ===== */
:root{
  --watch-settings-icon:url("../images/settings-vector.svg?v=2");
  --watch-ico-play-circle:url("data:image/svg+xml,%3Csvg%20width%3D%2294%22%20height%3D%2256%22%20viewBox%3D%220%200%2094%2056%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M93.3323%2025.9174C92.442%2024.8293%2072.4599%200%2047.0371%200C21.6143%200%201.6322%2024.9282%200.74191%2025.9174C-0.247303%2027.1044%20-0.247303%2028.7861%200.74191%2030.0721C1.6322%2031.1602%2021.6143%2055.9895%2047.0371%2055.9895C72.4599%2055.9895%2092.442%2031.0613%2093.3323%2030.0721C94.2226%2028.885%2094.2226%2027.1044%2093.3323%2025.9174ZM47.0371%2046.592C36.7493%2046.592%2028.4399%2038.2826%2028.4399%2027.9947C28.4399%2017.7069%2036.7493%209.39753%2047.0371%209.39753C57.3249%209.39753%2065.6343%2017.7069%2065.6343%2027.9947C65.6343%2038.2826%2057.3249%2046.592%2047.0371%2046.592Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M47.0371%2016.7177C46.3447%2016.7177%2045.5533%2016.8166%2044.8608%2016.9155C45.6522%2018.0037%2046.1468%2019.2897%2046.1468%2020.7735C46.1468%2024.3346%2043.2781%2027.1044%2039.8158%2027.1044C38.332%2027.1044%2037.046%2026.6098%2035.9579%2025.8185C35.859%2026.5109%2035.7601%2027.2034%2035.7601%2027.9947C35.7601%2034.2268%2040.8051%2039.2718%2047.0371%2039.2718C53.2691%2039.2718%2058.3141%2034.2268%2058.3141%2027.9947C58.3141%2021.7627%2053.2691%2016.7177%2047.0371%2016.7177Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E");
  --watch-ico-check-circle:url("data:image/svg+xml,%3Csvg%20width%3D%2272%22%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M36%200C16.1%200%200%2016.1%200%2036C0%2055.9%2016.1%2072%2036%2072C55.9%2072%2072%2055.9%2072%2036C72%2016.1%2055.9%200%2036%200ZM54.8%2026.6L33.3%2048.2C32.9%2048.6%2032.4%2048.8%2031.9%2048.8C31.4%2048.8%2030.9%2048.6%2030.5%2048.2L17.2%2034.9C16.4%2034.1%2016.4%2032.9%2017.2%2032.1C18%2031.3%2019.2%2031.3%2020%2032.1L31.9%2044L52%2023.8C52.8%2023%2054%2023%2054.8%2023.8C55.6%2024.6%2055.6%2025.8%2054.8%2026.6Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E");
  --watch-ico-watch-later:url("data:image/svg+xml,%3Csvg%20width%3D%2267%22%20height%3D%2267%22%20viewBox%3D%220%200%2067%2067%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M31.5007%2036.0206L40.7492%2041.0969C41.2359%2041.375%2041.7922%2041.5141%2042.3486%2041.5141C43.6002%2041.5141%2044.7128%2040.8187%2045.2691%2039.7756C46.1731%2038.1763%2045.5473%2036.0901%2043.9479%2035.2557L36.4378%2031.1529V15.0202C36.4378%2013.1427%2034.908%2011.6824%2033.1%2011.6824C31.292%2011.6824%2029.7622%2013.2122%2029.7622%2015.0202V33.1C29.7622%2034.3517%2030.4576%2035.4643%2031.5007%2036.0206Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M33.1%200C31.2225%200%2029.7622%201.52983%2029.7622%203.33781C29.7622%205.1458%2031.2225%206.67563%2033.1%206.67563C47.6334%206.67563%2059.5244%2018.4971%2059.5244%2033.1C59.5244%2047.6334%2047.7029%2059.5244%2033.1%2059.5244C18.5666%2059.5244%206.67563%2047.7029%206.67563%2033.1C6.67563%2027.1893%208.69223%2021.4176%2012.3082%2016.8282L13.9076%2019.1229C14.2553%2019.6792%2014.8811%2019.9574%2015.5765%2019.8878H15.646C16.2718%2019.8183%2016.8282%2019.401%2017.1063%2018.8447L23.2256%205.84118C23.5038%205.21534%2023.4342%204.51996%2023.0866%203.96366C22.7389%203.47689%2022.1826%203.1292%2021.6263%203.1292C21.5567%203.1292%2021.4872%203.1292%2021.4176%203.1292L7.09286%204.31134C6.46702%204.38088%205.84118%204.79811%205.56302%205.35441C5.28487%205.91071%205.35441%206.67563%205.7021%207.23193L8.34454%2011.0565C2.99013%2017.1758%200%2024.9641%200%2033.1C0%2051.3884%2014.8811%2066.2%2033.1%2066.2C51.3884%2066.2%2066.2%2051.3189%2066.2%2033.1C66.2%2014.8811%2051.3884%200%2033.1%200Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E");
  --watch-ico-block:url("data:image/svg+xml,%3Csvg%20width%3D%2290%22%20height%3D%2290%22%20viewBox%3D%220%200%2090%2090%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M45%200C69.852%200%2090%2020.148%2090%2045C90%2069.852%2069.852%2090%2045%2090C20.148%2090%200%2069.852%200%2045C0%2020.148%2020.148%200%2045%200ZM26.293%2072.188C31.6094%2075.8521%2038.055%2078.0005%2045%2078.0005C63.227%2078.0005%2078%2063.2275%2078%2045.0005C78%2038.0552%2075.8516%2031.6095%2072.1875%2026.2935L26.293%2072.188ZM45%2012C26.773%2012%2012%2026.773%2012%2045C12%2051.9453%2014.1484%2058.387%2017.8086%2063.703L63.7036%2017.808C58.3872%2014.1478%2051.945%2012%2045%2012Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E");
  --watch-ico-visibility-off:url("data:image/svg+xml,%3Csvg%20width%3D%2294%22%20height%3D%2277%22%20viewBox%3D%220%200%2094%2077%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M47.043%2057.1096C36.655%2057.1096%2028.1467%2048.6012%2028.1467%2038.2132C28.1467%2035.2452%2028.8392%2032.3761%2030.1254%2029.8038L19.5394%2019.3168C8.45884%2026.539%201.23667%2035.542%200.742004%2036.1356C-0.247335%2037.3228%20-0.247335%2039.0047%200.742004%2040.2908C1.63241%2041.3791%2021.617%2066.2115%2047.043%2066.2115C52.7812%2066.2115%2058.2226%2064.9253%2063.2682%2062.9467L55.4524%2055.1309C52.8801%2056.417%2050.0111%2057.1096%2047.043%2057.1096Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M93.3441%2036.1356C92.4537%2035.1462%2072.469%2010.2149%2047.043%2010.2149C41.3049%2010.2149%2035.8635%2011.5011%2030.9168%2013.4797L38.7326%2021.2955C41.2059%2020.0094%2044.075%2019.3168%2047.043%2019.3168C57.53%2019.3168%2065.9394%2027.8251%2065.9394%2038.2132C65.9394%2041.1812%2065.2468%2044.0503%2063.9607%2046.5236L74.4477%2057.0106C85.5283%2049.7885%2092.7505%2040.7855%2093.2451%2040.1919C94.2345%2039.1036%2094.2345%2037.3228%2093.3441%2036.1356Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M50.7036%2050.481L34.7752%2034.5526C34.3795%2035.7398%2034.1816%2036.9271%2034.1816%2038.2132C34.1816%2045.3364%2039.9198%2051.0746%2047.043%2051.0746C48.3292%2051.0746%2049.5164%2050.8767%2050.7036%2050.481Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M47.043%2025.3518C45.7569%2025.3518%2044.5697%2025.5497%2043.3824%2025.8465L59.3108%2041.7748C59.7065%2040.5876%2059.8055%2039.4004%2059.8055%2038.1143C59.9044%2031.09%2054.1662%2025.3518%2047.043%2025.3518Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M13.5045%200.816204C12.4162%20-0.272068%2010.6354%20-0.272068%209.5471%200.816204C8.45883%201.90448%208.45883%203.68529%209.5471%204.77356L80.4827%2075.7091C80.9773%2076.2038%2081.7688%2076.5006%2082.4613%2076.5006C83.1539%2076.5006%2083.8464%2076.2038%2084.44%2075.7091C85.5283%2074.6209%2085.5283%2072.84%2084.44%2071.7518L13.5045%200.816204Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E");
}

.watch-account-panel__item .watch-settingsicon,
.watch-burgermenu__item .watch-settingsicon{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  flex:0 0 18px !important;
  display:inline-block !important;
  background:currentColor !important;
  color:currentColor !important;
  font-size:0 !important;
  line-height:0 !important;
  -webkit-mask:var(--watch-settings-icon) center / 18px 18px no-repeat !important;
  mask:var(--watch-settings-icon) center / 18px 18px no-repeat !important;
}

/* v592: the mobile burger must not reserve an empty button slot on desktop. */
@media (min-width:901px){
  #watchBurgerBtn.watch-burgerbtn,
  .watch-topbar #watchBurgerBtn.watch-burgerbtn,
  html[data-watch-header-scrolled="1"] .watch-topbar #watchBurgerBtn.watch-burgerbtn{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    min-width:0 !important;
    height:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    pointer-events:none !important;
  }
}
@media (max-width:900px){
  #watchBurgerBtn.watch-burgerbtn,
  .watch-topbar #watchBurgerBtn.watch-burgerbtn{
    display:inline-flex !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
}

/* Keep status menu icons and typography consistent across cards and material pages. */
/*
 * Harmonise the typography of bookmark menu items with the search/account menus.
 *
 * The search and account dropdowns typically use a medium (500) weight
 * and slightly wider letter‑spacing so the items are readable without
 * appearing overly bold.  Previously we matched the account menu’s
 * heavier (600) weight which still looked too thick next to the
 * search card.  Here we settle on a 500 weight and 0.2px letter
 * spacing to strike a balance.  All other properties (family, size and
 * smoothing) are retained from the original definition.  Without
 * overriding the base classes or injecting inline styles, this update
 * keeps the bookmark menu visually consistent with the rest of the
 * interface.
 */
.mcard__bmItem,
.watch-mark__item{
  font-family:var(--w-font, inherit) !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  letter-spacing:.2px !important;
  text-rendering:geometricPrecision !important;
  -webkit-font-smoothing:antialiased !important;

  /*
   * Match the account dropdown colour.  Without setting a colour here
   * some statuses would apply tinted colours, resulting in a mismatch
   * between the bookmark and account menus.  Use the same base ink
   * opacity (.94) that the account menu employs to achieve parity.
   */
  color: rgba(var(--w-ink-rgb), .94) !important;
}

.mcard__bmItem span:last-child,
.watch-mark__item span:last-child{
  font:inherit !important;
  letter-spacing:inherit !important;
}

.mcard__bmItem .watch-mi,
.watch-mark__item .watch-mi{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
  flex:0 0 20px !important;
  background:currentColor !important;
  transform:translateZ(0) !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;

  /*
   * Force all bookmark icons to use a unified mask size.  Without this
   * override the various statuses (watching/planned/etc.) specify
   * different mask dimensions, resulting in uneven visual sizing across
   * the menu.  Setting both dimensions to 18px ensures every glyph is
   * contained within the same square bounding box while the overall
   * element remains 20px—matching the account dropdown icons.
   */
  -webkit-mask-size:18px 18px !important;
  mask-size:18px 18px !important;
}

.mcard__bmItem[data-status="watching"] .watch-mi,
.watch-mark__item[data-status="watching"] .watch-mi{
  -webkit-mask-size:22px 14px !important;
  mask-size:22px 14px !important;
}

.mcard__bmItem[data-status=""] .watch-mi,
.watch-mark__item[data-status=""] .watch-mi{
  -webkit-mask-size:22px 18px !important;
  mask-size:22px 18px !important;
}

.mcard__bmItem[data-status="watched"] .watch-mi,
.watch-mark__item[data-status="watched"] .watch-mi,
.mcard__bmItem[data-status="dropped"] .watch-mi,
.watch-mark__item[data-status="dropped"] .watch-mi,
.mcard__bmItem[data-status="planned"] .watch-mi,
.watch-mark__item[data-status="planned"] .watch-mi,
.mcard__bmItem[data-status="postponed"] .watch-mi,
.watch-mark__item[data-status="postponed"] .watch-mi{
  -webkit-mask-size:18px 18px !important;
  mask-size:18px 18px !important;
}

/*
 * Remove the border from the bookmark dropdown.  The account menu
 * deliberately omits any visible stroke around its backdrop; by
 * overriding the border here we align the bookmark menu with that
 * appearance.  This override comes late in the cascade to ensure it
 * wins over the default 1px border defined in watch.css.
 */
/*
 * Remove the border from the bookmark dropdown and its shadow.  The
 * search card menu and account dropdown appear borderless; a subtle
 * shadow may still read as a border, so both the border and
 * box-shadow are disabled here.  Typography is also adjusted to
 * match the lighter style used in the search card: 14px size,
 * medium weight (500) and 0.2px letter spacing.
 */
.watch-mark__menu{
  border:0 !important;
  box-shadow:none !important;
  /*
   * Harmonise the base typography of the bookmark dropdown with the account
   * menu.  Setting the font size, weight and letter spacing on the
   * container ensures any residual inheritance from card overlays
   * doesn’t bleed through.  Without this the text can appear heavier
   * because of poster-specific transforms.  These values mirror those
   * used in the account dropdown: 14px size, semibold weight and
   * 0.2px letter spacing.
   */
  font-size:14px !important;
  font-weight:500 !important;
  letter-spacing:.2px !important;
}


/* WATCH v673: source-aligned bookmark dropdown, no border, no heavy poster typography */
.mcard__bmMenu{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:geometricPrecision !important;
}
.mcard__bmItem{
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
}
.mcard__bmItem span:last-child{
  font:inherit !important;
  letter-spacing:inherit !important;
}
.mcard__bmItem .watch-mi{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  flex:0 0 18px !important;
  -webkit-mask-size:18px 18px !important;
  mask-size:18px 18px !important;
}

/* WATCH v674: poster bookmark dropdown final source fix */
.mcard .mcard__bm .mcard__bmMenu,
.mcard__bmMenu{
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  filter:none !important;
  background:#1A1A1A !important;
  background-clip:padding-box !important;
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  font-synthesis:none !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:geometricPrecision !important;
}
.mcard .mcard__bm .mcard__bmItem,
.mcard__bmItem,
.mcard__bmItem span:last-child{
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  font-synthesis:none !important;
}
.mcard__bmItem{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
.mcard__bmItem .watch-mi,
.mcard__bmItem .material-icons-outlined{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  flex:0 0 18px !important;
  -webkit-mask-size:18px 18px !important;
  mask-size:18px 18px !important;
}

/* v25: only fix clipping for eye icons in bookmark menu. Other icons untouched. */
.mcard__bmItem[data-status="watching"] .watch-mi,
.watch-mark__item[data-status="watching"] .watch-mi{
  -webkit-mask-size:18px 11px !important;
  mask-size:18px 11px !important;
}

.mcard__bmItem[data-status=""] .watch-mi,
.watch-mark__item[data-status=""] .watch-mi{
  -webkit-mask-size:18px 15px !important;
  mask-size:18px 15px !important;
}


/* v26: divider before not-watching item */
.mcard__bmSep{
  height:1px !important;
  margin:8px 10px !important;
  background:rgba(255,255,255,.10) !important;
  pointer-events:none !important;
}


/* v39 home performance: keep visual design, skip rendering work for offscreen blocks */
@supports (content-visibility:auto){
  .watch-home .watch-block{
    content-visibility:auto;
    contain-intrinsic-size: 360px 420px;
  }
}

/* v210: library delete action follows the scaled poster's top-left corner
   with exactly the same timing, without a second translate/scale animation. */
.watch-libv2 .mcard__histDel,
.watch-libv2 .mcard__markDel{
  top:10px !important;
  left:10px !important;
  transform:none !important;
  transition:
    top .16s cubic-bezier(.22,.61,.36,1),
    left .16s cubic-bezier(.22,.61,.36,1),
    opacity .16s cubic-bezier(.22,.61,.36,1),
    background .14s ease,
    border-color .14s ease !important;
  transition-delay:0s !important;
}

.watch-libv2 .mcard:hover .mcard__histDel,
.watch-libv2 .mcard.is-watch-hover .mcard__histDel,
.watch-libv2 .mcard:focus-within .mcard__histDel,
.watch-libv2 .mcard:hover .mcard__markDel,
.watch-libv2 .mcard.is-watch-hover .mcard__markDel,
.watch-libv2 .mcard:focus-within .mcard__markDel{
  top:calc(10px - var(--watch-card-hover-outset)) !important;
  left:calc(10px - var(--watch-card-hover-outset)) !important;
  opacity:1 !important;
  transform:none !important;
  transition-delay:0s !important;
}
.watch-home .rail{
  contain: layout paint style;
}
.watch-home .mcard__img img{
  content-visibility:auto;
}


/* v41 home speed: avoid offscreen render work without affecting the first screen */
@supports (content-visibility:auto){
  .watch-home .watch-block{
    content-visibility:visible !important;
    contain-intrinsic-size:auto !important;
  }
  .watch-home .watch-block:nth-of-type(n+3){
    content-visibility:auto !important;
    contain-intrinsic-size: 360px 420px !important;
  }
}
/* v41: no initial fade choreography on the home page. Keeps design static, removes layout scans/animation cost. */
.watch-home.is-reveal-ready .watch-block,
.watch-home.is-reveal-ready .watch-block .rail .mcard{
  transition:none !important;
  transition-delay:0ms !important;
  will-change:auto !important;
  opacity:1 !important;
}


/* v47 homepage speed/CLS tune:
   - keep the first 3 visible rows fully measured to avoid CLS in Lighthouse;
   - only skip rendering rows below the first screen;
   - remove permanent will-change hints on all home cards. */
html{
  scrollbar-gutter: stable;
}

@supports (content-visibility:auto){
  .watch-home .watch-block{
    content-visibility: visible !important;
    contain-intrinsic-size: auto !important;
  }
  .watch-home .watch-block:nth-of-type(n+4){
    content-visibility: auto !important;
    contain-intrinsic-size: 360px 420px !important;
  }
}

.watch-home .mcard,
.watch-home .mcard__img,
.watch-home .mcard__textLayer{
  will-change: auto !important;
}

@media (hover:hover){
  .watch-home .mcard:hover,
  .watch-home .mcard:hover .mcard__img,
  .watch-home .mcard:hover .mcard__textLayer{
    will-change: transform !important;
  }
}

/* v208: library scrolling must not recycle already-painted cards.
   Keep native lazy image loading, but disable catalog paint virtualization here. */
@supports (content-visibility:auto){
  .watch-libv2 .watch-catgrid .mcard,
  .watch-libv2 .watch-catgrid .mcard:nth-child(n){
    content-visibility:visible !important;
    contain-intrinsic-size:auto !important;
    contain:none !important;
  }

  .watch-libv2 .watch-catgrid .mcard__img img{
    content-visibility:visible !important;
    contain-intrinsic-size:auto !important;
  }
}


/* v48: micro CLS tune for home/category cards */
.mcard__title{
  min-height:1.35em;
  line-height:1.25 !important;
}
.mcard__badges{
  contain:layout paint;
}


/* v52: category page with all materials.
   Keep all cards in DOM for filters/sorting, but avoid heavy painting/layout for distant cards. */
.watch-catgrid .mcard{
  contain: layout paint style !important;
  will-change: auto !important;
}

@supports (content-visibility:auto){
  .watch-catgrid .mcard{
    content-visibility:auto;
    contain-intrinsic-size: 360px 560px;
  }
  .watch-catgrid .mcard:nth-child(-n+24){
    content-visibility:visible;
    contain-intrinsic-size:auto;
  }
}

.watch-catgrid .mcard__img,
.watch-catgrid .mcard__textLayer{
  will-change:auto !important;
}

@media (hover:hover){
  .watch-catgrid .mcard:hover .mcard__img,
  .watch-catgrid .mcard:hover .mcard__textLayer{
    will-change:transform !important;
  }
}

.watch-catgrid img[data-watch-poster-deferred-src]{
  background:#0b0b0b;
}


/* v53: category all-material page, smaller initial render window */
@supports (content-visibility:auto){
  .watch-catgrid .mcard:nth-child(n+25){
    content-visibility:auto !important;
    contain-intrinsic-size: 340px 520px !important;
  }
}


/* v62: search modal typography = account modal typography.
   CSS-only, scoped to #watchSearchModal. No layout/filter/search logic changes. */
#watchSearchModal.watch-searchmodal--modern,
#watchSearchModal.watch-searchmodal--modern :where(
  input,
  button,
  label,
  a,
  div,
  span,
  small,
  strong
):not(.watch-mi):not(.material-icons):not(.material-icons-outlined):not([class*="Icon"]){
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
  letter-spacing:0 !important;
  font-synthesis:none !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:geometricPrecision !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmodal__input{
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmodal__input::placeholder{
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmodal__name{
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmodal__sub,
#watchSearchModal.watch-searchmodal--modern .watch-searchmodal__subTop,
#watchSearchModal.watch-searchmodal--modern .watch-searchmodal__subBottom{
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmodal__topFiltersTitle,
#watchSearchModal.watch-searchmodal--modern .watch-searchmodal__filterLabel{
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-check,
#watchSearchModal.watch-searchmodal--modern .watch-check span{
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmodal__rating{
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}


/* v64: bookmark/status button inside search modal material rows.
   Scoped to search modal only. Does not change result filtering or sidebar layout. */
:root{
  --watch-searchmark-default-icon:url("../images/library-saved.svg");
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmodal__item.has-searchmark{
  position:relative !important;
  padding-right:64px !important;
  overflow:visible !important;
  z-index:1 !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmodal__item.has-searchmark.is-searchmark-open,
#watchSearchModal.watch-searchmodal--modern .watch-searchmodal__item.has-searchmark:has(.watch-searchmark:hover),
#watchSearchModal.watch-searchmodal--modern .watch-searchmodal__item.has-searchmark:has(.watch-searchmark:focus-within){
  z-index:120 !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmark{
  position:absolute !important;
  right:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:18 !important;
  display:block !important;
  width:36px !important;
  height:36px !important;
  pointer-events:auto !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmark__btn{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.055) !important;
  background-color:rgba(255,255,255,.055) !important;
  color:rgba(255,255,255,.94) !important;
  box-shadow:none !important;
  cursor:pointer !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  transform:translateZ(0) !important;
  transform-origin:50% 50% !important;
  transition:background-color .10s linear,color .10s linear !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmark__btn:hover,
#watchSearchModal.watch-searchmodal--modern .watch-searchmark__btn:focus-visible,
#watchSearchModal.watch-searchmodal--modern .watch-searchmark.is-open .watch-searchmark__btn{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:rgba(255,255,255,.10) !important;
  background-color:rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.98) !important;
  transform:translateZ(0) !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmark__glyph,
#watchSearchModal.watch-searchmodal--modern .watch-searchmark__itemIcon{
  display:block !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  background:currentColor !important;
  color:currentColor !important;
  font-size:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
  -webkit-mask:var(--watch-library-icon, var(--watch-searchmark-default-icon)) center / 18px 18px no-repeat !important;
  mask:var(--watch-library-icon, var(--watch-searchmark-default-icon)) center / 18px 18px no-repeat !important;

#watchSearchModal.watch-searchmodal--modern .watch-searchmark[data-watch-status="none"] .watch-searchmark__glyph{
  --watch-library-icon:var(--watch-searchmark-default-icon) !important;
}
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmark__menu{
  position:absolute !important;
  top:42px !important;
  right:0 !important;
  min-width:180px !important;
  padding:8px !important;
  border:0 !important;
  outline:0 !important;
  border-radius:14px !important;
  background:rgb(26,26,26) !important;
  background-color:rgb(26,26,26) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.42) !important;
  filter:none !important;
  isolation:isolate !important;
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(-8px) scale(.96) !important;
  transform-origin:top right !important;
  transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s !important;
  z-index:80 !important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  font-synthesis:none !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:geometricPrecision !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmark.is-open .watch-searchmark__menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) scale(1) !important;
  transition-delay:0s !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmark:hover .watch-searchmark__btn,
#watchSearchModal.watch-searchmodal--modern .watch-searchmark:focus-within .watch-searchmark__btn{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:rgba(255,255,255,.10) !important;
  background-color:rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.98) !important;
  transform:translateZ(0) !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmark__item{
  width:100% !important;
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px 12px !important;
  border:0 !important;
  outline:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  color:rgba(255,255,255,.92) !important;
  box-shadow:none !important;
  cursor:pointer !important;
  text-align:left !important;
  font:inherit !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmark__item:hover,
#watchSearchModal.watch-searchmodal--modern .watch-searchmark__item:focus-visible{
  background:rgba(255,255,255,.06) !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmark__sep{
  display:block !important;
  height:1px !important;
  margin:8px 10px !important;
  background:rgba(255,255,255,.10) !important;
  pointer-events:none !important;
}

html[data-watch-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark__btn,
html[data-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark__btn{
  background:rgba(255,255,255,.74) !important;
  border-color:rgba(0,0,0,.08) !important;
  color:rgba(0,0,0,.82) !important;
}

html[data-watch-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark__menu,
html[data-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark__menu{
  background:#f4f5f7 !important;
}

html[data-watch-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark__item,
html[data-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark__item{
  color:rgba(0,0,0,.82) !important;
}

html[data-watch-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark__item:hover,
html[data-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark__item:hover{
  background:rgba(0,0,0,.06) !important;
}




/* v71: search bookmark button uses the same visual recipe as headerbar buttons */
#watchSearchModal.watch-searchmodal--modern .watch-searchmark__btn{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:rgba(255,255,255,.055) !important;
  background-color:rgba(255,255,255,.055) !important;
  color:rgba(255,255,255,.94) !important;
  border-radius:12px !important;
  transform:translateZ(0) !important;
  transition:background-color .10s linear,color .10s linear !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmark__btn:hover,
#watchSearchModal.watch-searchmodal--modern .watch-searchmark__btn:focus-visible,
#watchSearchModal.watch-searchmodal--modern .watch-searchmark.is-open .watch-searchmark__btn,
#watchSearchModal.watch-searchmodal--modern .watch-searchmark:hover .watch-searchmark__btn,
#watchSearchModal.watch-searchmodal--modern .watch-searchmark:focus-within .watch-searchmark__btn{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:rgba(255,255,255,.10) !important;
  background-color:rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.98) !important;
  transform:translateZ(0) !important;
}

html[data-watch-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark__btn,
html[data-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark__btn{
  background:rgba(17,24,35,.055) !important;
  background-color:rgba(17,24,35,.055) !important;
  color:rgba(17,24,35,.88) !important;
}

html[data-watch-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark__btn:hover,
html[data-watch-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark__btn:focus-visible,
html[data-watch-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark.is-open .watch-searchmark__btn,
html[data-watch-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark:hover .watch-searchmark__btn,
html[data-watch-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark:focus-within .watch-searchmark__btn,
html[data-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark__btn:hover,
html[data-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark__btn:focus-visible,
html[data-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark.is-open .watch-searchmark__btn,
html[data-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark:hover .watch-searchmark__btn,
html[data-theme="light"] #watchSearchModal.watch-searchmodal--modern .watch-searchmark:focus-within .watch-searchmark__btn{
  background:rgba(17,24,35,.10) !important;
  background-color:rgba(17,24,35,.10) !important;
  color:rgba(17,24,35,.96) !important;
}


/* v72: search bookmark menu flips upward near the bottom of the modal */
#watchSearchModal.watch-searchmodal--modern .watch-searchmark.is-menu-up .watch-searchmark__menu{
  top:auto !important;
  bottom:42px !important;
  transform-origin:bottom right !important;
  transform:translateY(8px) scale(.96) !important;
}

#watchSearchModal.watch-searchmodal--modern .watch-searchmark.is-menu-up.is-open .watch-searchmark__menu{
  transform:translateY(0) scale(1) !important;
}


/* v73: search bookmark menu visibility is JS-controlled only.
   Prevent hover/focus CSS from reopening it after a status click. */
#watchSearchModal.watch-searchmodal--modern .watch-searchmark:not(.is-open) .watch-searchmark__menu{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}


/* v74: keep upward placement while closing, so menu does not jump down after selecting a status */
#watchSearchModal.watch-searchmodal--modern .watch-searchmark.is-menu-up:not(.is-open) .watch-searchmark__menu{
  top:auto !important;
  bottom:42px !important;
  transform-origin:bottom right !important;
  transform:translateY(8px) scale(.96) !important;
}


/* v76: lock headbar buttons while a modal is open.
   Search / settings / auth / watch party remain clickable,
   but header buttons behind them cannot be interacted with. */
html:has(#watchSearchModal.is-open) .watch-topbar,
html:has(#watchSettingsModal.is-open) .watch-topbar,
html:has(#watchAuthModal.is-open) .watch-topbar,
html:has(#watchAuthModal[aria-hidden="false"]) .watch-topbar,
html:has(#watchPartyModal.is-open) .watch-topbar,
html:has(.watch-authmodal.is-open) .watch-topbar,
html:has(.watch-settingsmodal.is-open) .watch-topbar,
html:has(.watch-party-modal.is-open) .watch-topbar{
  pointer-events:none !important;
}

html:has(#watchSearchModal.is-open) .watch-topbar *,
html:has(#watchSettingsModal.is-open) .watch-topbar *,
html:has(#watchAuthModal.is-open) .watch-topbar *,
html:has(#watchAuthModal[aria-hidden="false"]) .watch-topbar *,
html:has(#watchPartyModal.is-open) .watch-topbar *,
html:has(.watch-authmodal.is-open) .watch-topbar *,
html:has(.watch-settingsmodal.is-open) .watch-topbar *,
html:has(.watch-party-modal.is-open) .watch-topbar *{
  pointer-events:none !important;
}

/* Keep actual modals above the locked headbar. */
#watchSearchModal,
#watchSettingsModal,
#watchAuthModal,
#watchPartyModal,
.watch-authmodal,
.watch-settingsmodal,
.watch-party-modal{
  pointer-events:auto;
}


/* v77: class-based modal lock for headbar controls and headbar dropdowns.
   JS toggles this class, so it does not rely on :has(). */
html.watch-modal-headbar-locked .watch-topbar,
body.watch-modal-headbar-locked .watch-topbar,
html.watch-modal-headbar-locked .watch-topbar *,
body.watch-modal-headbar-locked .watch-topbar *{
  pointer-events:none !important;
}

html.watch-modal-headbar-locked #watchAccountMenu,
html.watch-modal-headbar-locked .watch-account__menu,
html.watch-modal-headbar-locked .watch-notify__menu,
html.watch-modal-headbar-locked .watch-burgerpanel,
html.watch-modal-headbar-locked .watch-burger-menu,
body.watch-modal-headbar-locked #watchAccountMenu,
body.watch-modal-headbar-locked .watch-account__menu,
body.watch-modal-headbar-locked .watch-notify__menu,
body.watch-modal-headbar-locked .watch-burgerpanel,
body.watch-modal-headbar-locked .watch-burger-menu{
  pointer-events:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}


/* v78: hard lock headbar and already-open headbar dropdowns during modal state.
   Uses real classes created by modals, not only :has(). */
html.watch-search-open .watch-topbar,
body.watch-search-open .watch-topbar,
body.watch-settingsmodal-open .watch-topbar,
html.watch-modal-headbar-locked .watch-topbar,
body.watch-modal-headbar-locked .watch-topbar,
html.watch-search-open .watch-topbar *,
body.watch-search-open .watch-topbar *,
body.watch-settingsmodal-open .watch-topbar *,
html.watch-modal-headbar-locked .watch-topbar *,
body.watch-modal-headbar-locked .watch-topbar *{
  pointer-events:none !important;
}

html.watch-search-open #watchAccountMenu,
html.watch-search-open .watch-account__menu,
html.watch-search-open .watch-notify__menu,
html.watch-search-open .watch-burgerpanel,
html.watch-search-open .watch-burger-menu,
body.watch-search-open #watchAccountMenu,
body.watch-search-open .watch-account__menu,
body.watch-search-open .watch-notify__menu,
body.watch-search-open .watch-burgerpanel,
body.watch-search-open .watch-burger-menu,
body.watch-settingsmodal-open #watchAccountMenu,
body.watch-settingsmodal-open .watch-account__menu,
body.watch-settingsmodal-open .watch-notify__menu,
body.watch-settingsmodal-open .watch-burgerpanel,
body.watch-settingsmodal-open .watch-burger-menu,
html.watch-modal-headbar-locked #watchAccountMenu,
html.watch-modal-headbar-locked .watch-account__menu,
html.watch-modal-headbar-locked .watch-notify__menu,
html.watch-modal-headbar-locked .watch-burgerpanel,
html.watch-modal-headbar-locked .watch-burger-menu,
body.watch-modal-headbar-locked #watchAccountMenu,
body.watch-modal-headbar-locked .watch-account__menu,
body.watch-modal-headbar-locked .watch-notify__menu,
body.watch-modal-headbar-locked .watch-burgerpanel,
body.watch-modal-headbar-locked .watch-burger-menu{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}


/* v79: account/notify runtime hardfix must not show dropdowns above modals */
html.watch-modal-headbar-locked #watchAccountMenu,
body.watch-modal-headbar-locked #watchAccountMenu,
html.watch-search-open #watchAccountMenu,
body.watch-search-open #watchAccountMenu,
body.watch-settingsmodal-open #watchAccountMenu,
html.watch-modal-headbar-locked .watch-account__menu,
body.watch-modal-headbar-locked .watch-account__menu,
html.watch-search-open .watch-account__menu,
body.watch-search-open .watch-account__menu,
body.watch-settingsmodal-open .watch-account__menu,
html.watch-modal-headbar-locked #watchNotifyMenu,
body.watch-modal-headbar-locked #watchNotifyMenu,
html.watch-search-open #watchNotifyMenu,
body.watch-search-open #watchNotifyMenu,
body.watch-settingsmodal-open #watchNotifyMenu{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}


/* v80: inline preview bookmark button = "Подробнее" button style.
   Scoped only to the home inline preview actions. Card buttons and material page buttons are untouched. */
.watch-inlinepreview__actions .mcard__bm{
  position:relative !important;
  top:auto !important;
  right:auto !important;
  z-index:80 !important;
  opacity:1 !important;
  transform:none !important;
  display:inline-flex !important;
  flex:0 0 auto !important;
  overflow:visible !important;
  align-self:flex-start !important;
}

.watch-inlinepreview__actions .mcard__bmBtn{
  width:auto !important;
  min-width:0 !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:#111111 !important;
  color:#fff !important;
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
  box-shadow:none !important;
  transform:none !important;
  transition:background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease !important;
}

.watch-inlinepreview__actions .mcard__bmBtn:hover,
.watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
.watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn{
  background:rgba(var(--w-ink-rgb),.08) !important;
  border-color:rgba(var(--w-ink-rgb),.14) !important;
  color:#fff !important;
  box-shadow:none !important;
  transform:none !important;
}

.watch-inlinepreview__actions .mcard__bmBtn .mcard__bmGlyph{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;
  flex:0 0 16px !important;
  display:inline-block !important;
  background:currentColor !important;
  margin:0 !important;
}

.watch-inlinepreview__actions .mcard__bmBtn::after{
  content:"Закрепить" !important;
  display:inline-block !important;
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  color:currentColor !important;
  pointer-events:none !important;
  white-space:nowrap !important;
}

.watch-inlinepreview__actions .mcard__bmMenu{
  top:auto !important;
  bottom:calc(100% + 12px) !important;
  right:0 !important;
  z-index:140 !important;
  transform-origin:bottom right !important;
}

html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn,
html[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn{
  background:#fff !important;
  color:#111 !important;
  border-color:rgba(17,17,17,.12) !important;
}

html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:hover,
html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn,
html[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:hover,
html[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
html[data-theme="light"] .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn{
  background:rgba(17,24,35,.08) !important;
  border-color:rgba(17,24,35,.16) !important;
  color:rgba(17,24,35,.96) !important;
  box-shadow:none !important;
}


/* v81: remove shadow/glow from rating badges on poster cards */
.mcard .mcard__badge,
.mcard .mcard__badge--kp,
.mcard .mcard__badge--imdb,
.watch-home .mcard .mcard__badge,
.watch-home .mcard .mcard__badge--kp,
.watch-home .mcard .mcard__badge--imdb,
.watch-catpage .mcard .mcard__badge,
.watch-catpage .mcard .mcard__badge--kp,
.watch-catpage .mcard .mcard__badge--imdb{
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
  -webkit-filter:none !important;
}


/* v82: inline preview bookmark button keeps "Подробнее" visual style, but stays icon-only */
.watch-inlinepreview__actions .mcard__bmBtn{
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 !important;
  gap:0 !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:#111111 !important;
  color:#fff !important;
  box-shadow:none !important;
  transform:none !important;
}

.watch-inlinepreview__actions .mcard__bmBtn::after{
  content:none !important;
  display:none !important;
}

.watch-inlinepreview__actions .mcard__bmBtn .mcard__bmGlyph{
  margin:0 !important;
}


/* v83: poster card bookmark button uses the same visual recipe as the inline preview "Подробнее" button.
   Card-only. Inline preview/search/material page styles are not changed. */
.mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
.mcard .mcard__img > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
.mcard .mcard__link > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn{
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:#111111 !important;
  color:#fff !important;
  box-shadow:none !important;
  transform:none !important;
  transition:background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease !important;
}

.mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
.mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
.mcard > .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
.mcard .mcard__img > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
.mcard .mcard__img > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
.mcard .mcard__img > .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
.mcard .mcard__link > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
.mcard .mcard__link > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
.mcard .mcard__link > .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.14) !important;
  color:#fff !important;
  box-shadow:none !important;
  transform:none !important;
}

.mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn .mcard__bmGlyph,
.mcard .mcard__img > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn .mcard__bmGlyph,
.mcard .mcard__link > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn .mcard__bmGlyph{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;
  flex:0 0 16px !important;
  margin:0 !important;
  background:currentColor !important;
}

html[data-watch-theme="light"] .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html[data-theme="light"] .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html[data-watch-theme="light"] .mcard .mcard__img > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html[data-theme="light"] .mcard .mcard__img > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html[data-watch-theme="light"] .mcard .mcard__link > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html[data-theme="light"] .mcard .mcard__link > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn{
  background:#fff !important;
  color:#111 !important;
  border-color:rgba(17,17,17,.12) !important;
  box-shadow:none !important;
}

html[data-watch-theme="light"] .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
html[data-watch-theme="light"] .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
html[data-watch-theme="light"] .mcard > .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
html[data-theme="light"] .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
html[data-theme="light"] .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
html[data-theme="light"] .mcard > .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn{
  background:rgba(17,24,35,.08) !important;
  border-color:rgba(17,24,35,.16) !important;
  color:rgba(17,24,35,.96) !important;
  box-shadow:none !important;
}


/* v84: light theme for card bookmark button and bookmark menu.
   Matches the light "Подробнее" button style and fixes the dark dropdown in light mode. */
html[data-watch-theme="light"] .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html[data-theme="light"] .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html.watch-theme-light .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
body.watch-theme-light .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html[data-watch-theme="light"] .mcard .mcard__img > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html[data-theme="light"] .mcard .mcard__img > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html.watch-theme-light .mcard .mcard__img > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
body.watch-theme-light .mcard .mcard__img > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html[data-watch-theme="light"] .mcard .mcard__link > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html[data-theme="light"] .mcard .mcard__link > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html.watch-theme-light .mcard .mcard__link > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
body.watch-theme-light .mcard .mcard__link > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn{
  background:#fff !important;
  color:#111 !important;
  border-color:rgba(17,17,17,.12) !important;
  box-shadow:none !important;
  filter:none !important;
}

html[data-watch-theme="light"] .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
html[data-watch-theme="light"] .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
html[data-watch-theme="light"] .mcard > .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
html[data-theme="light"] .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
html[data-theme="light"] .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
html[data-theme="light"] .mcard > .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
html.watch-theme-light .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
html.watch-theme-light .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
html.watch-theme-light .mcard > .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
body.watch-theme-light .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
body.watch-theme-light .mcard > .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
body.watch-theme-light .mcard > .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn{
  background:rgba(17,24,35,.08) !important;
  border-color:rgba(17,24,35,.16) !important;
  color:rgba(17,24,35,.96) !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}

html[data-watch-theme="light"] .mcard__bmMenu,
html[data-theme="light"] .mcard__bmMenu,
html.watch-theme-light .mcard__bmMenu,
body.watch-theme-light .mcard__bmMenu{
  background:#fff !important;
  color:#111 !important;
  border:1px solid rgba(17,17,17,.10) !important;
  box-shadow:none !important;
  filter:none !important;
}

html[data-watch-theme="light"] .mcard__bmItem,
html[data-theme="light"] .mcard__bmItem,
html.watch-theme-light .mcard__bmItem,
body.watch-theme-light .mcard__bmItem,
html[data-watch-theme="light"] .mcard__bmItem span:last-child,
html[data-theme="light"] .mcard__bmItem span:last-child,
html.watch-theme-light .mcard__bmItem span:last-child,
body.watch-theme-light .mcard__bmItem span:last-child{
  color:rgba(17,24,35,.92) !important;
}

html[data-watch-theme="light"] .mcard__bmItem:hover,
html[data-theme="light"] .mcard__bmItem:hover,
html.watch-theme-light .mcard__bmItem:hover,
body.watch-theme-light .mcard__bmItem:hover{
  background:rgba(17,24,35,.08) !important;
}

html[data-watch-theme="light"] .mcard__bmSep,
html[data-theme="light"] .mcard__bmSep,
html.watch-theme-light .mcard__bmSep,
body.watch-theme-light .mcard__bmSep{
  background:rgba(17,24,35,.12) !important;
}

/* Inline preview bookmark keeps the same light recipe too, with icon-only layout from v82. */
html.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn,
body.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn{
  background:#fff !important;
  color:#111 !important;
  border-color:rgba(17,17,17,.12) !important;
  box-shadow:none !important;
}

html.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn:hover,
html.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
html.watch-theme-light .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn,
body.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn:hover,
body.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
body.watch-theme-light .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn{
  background:rgba(17,24,35,.08) !important;
  border-color:rgba(17,24,35,.16) !important;
  color:rgba(17,24,35,.96) !important;
  box-shadow:none !important;
}


/* v86: clean theme-source fix for bookmark buttons/menus.
   No theme detector. Light styles use the canonical theme state set by applyTheme():
   html/body[data-watch-theme="light"], html/body[data-theme="light"], .watch-theme-light. */
html[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
body[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
body[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
body.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn,
html[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn,
html.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn,
body[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn,
body[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn,
body.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn{
  background:#fff !important;
  background-color:#fff !important;
  color:#111 !important;
  border-color:rgba(17,17,17,.12) !important;
  box-shadow:none !important;
  filter:none !important;
  -webkit-filter:none !important;
}

html[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
html[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
html[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
html[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
html[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
html[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
html.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
html.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
html.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
body[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
body[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
body[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
body.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
body.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
body.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:hover,
html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn,
html.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn:hover,
html.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
html.watch-theme-light .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn,
body.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn:hover,
body.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
body.watch-theme-light .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn{
  background:rgba(17,24,35,.08) !important;
  background-color:rgba(17,24,35,.08) !important;
  border-color:rgba(17,24,35,.16) !important;
  color:rgba(17,24,35,.96) !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}

html[data-watch-theme="light"] .mcard .mcard__bm .mcard__bmMenu,
html[data-theme="light"] .mcard .mcard__bm .mcard__bmMenu,
html.watch-theme-light .mcard .mcard__bm .mcard__bmMenu,
body[data-watch-theme="light"] .mcard .mcard__bm .mcard__bmMenu,
body[data-theme="light"] .mcard .mcard__bm .mcard__bmMenu,
body.watch-theme-light .mcard .mcard__bm .mcard__bmMenu{
  background:#fff !important;
  background-color:#fff !important;
  color:#111 !important;
  border:1px solid rgba(17,17,17,.10) !important;
  box-shadow:none !important;
  filter:none !important;
  -webkit-filter:none !important;
}

html[data-watch-theme="light"] .mcard .mcard__bm .mcard__bmItem,
html[data-theme="light"] .mcard .mcard__bm .mcard__bmItem,
html.watch-theme-light .mcard .mcard__bm .mcard__bmItem,
body[data-watch-theme="light"] .mcard .mcard__bm .mcard__bmItem,
body[data-theme="light"] .mcard .mcard__bm .mcard__bmItem,
body.watch-theme-light .mcard .mcard__bm .mcard__bmItem,
html[data-watch-theme="light"] .mcard .mcard__bm .mcard__bmItem span:last-child,
html.watch-theme-light .mcard .mcard__bm .mcard__bmItem span:last-child,
body.watch-theme-light .mcard .mcard__bm .mcard__bmItem span:last-child{
  color:rgba(17,24,35,.92) !important;
}

html[data-watch-theme="light"] .mcard .mcard__bm .mcard__bmItem:hover,
html[data-theme="light"] .mcard .mcard__bm .mcard__bmItem:hover,
html.watch-theme-light .mcard .mcard__bm .mcard__bmItem:hover,
body[data-watch-theme="light"] .mcard .mcard__bm .mcard__bmItem:hover,
body[data-theme="light"] .mcard .mcard__bm .mcard__bmItem:hover,
body.watch-theme-light .mcard .mcard__bm .mcard__bmItem:hover{
  background:rgba(17,24,35,.08) !important;
}

html[data-watch-theme="light"] .mcard .mcard__bm .mcard__bmSep,
html[data-theme="light"] .mcard .mcard__bm .mcard__bmSep,
html.watch-theme-light .mcard .mcard__bm .mcard__bmSep,
body[data-watch-theme="light"] .mcard .mcard__bm .mcard__bmSep,
body[data-theme="light"] .mcard .mcard__bm .mcard__bmSep,
body.watch-theme-light .mcard .mcard__bm .mcard__bmSep{
  background:rgba(17,24,35,.12) !important;
}


/* v87: fix cropped selected bookmark icons and clean light-theme button/hover.
   Uses only the canonical light-theme state from v86, no detector. */

/* The selected status SVGs are masks. Some of them touch the SVG viewBox edges,
   so the mask needs a tiny breathing room inside the glyph box. */
.mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn .mcard__bmGlyph,
.watch-inlinepreview__actions .mcard__bmBtn .mcard__bmGlyph{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  flex:0 0 18px !important;
  overflow:visible !important;
  background:currentColor !important;
  -webkit-mask:var(--watch-library-icon) center / 17px 17px no-repeat !important;
  mask:var(--watch-library-icon) center / 17px 17px no-repeat !important;
}

/* Light version of the dark card button:
   same calm pill behavior, but with light-surface ink colors. */
html[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
body[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
body[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
body.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn,
html[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn,
html.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn,
body[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn,
body[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn,
body.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn{
  background:rgba(17,24,35,.065) !important;
  background-color:rgba(17,24,35,.065) !important;
  color:rgba(17,24,35,.92) !important;
  border-color:rgba(17,24,35,.10) !important;
  box-shadow:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  transform:none !important;
}

html[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
html[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
html[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
html[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
html[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
html[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
html.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
html.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
html.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
body[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
body[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
body[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
body[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
body[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
body[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
body.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
body.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
body.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:hover,
html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn,
html[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:hover,
html[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
html[data-theme="light"] .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn,
html.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn:hover,
html.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
html.watch-theme-light .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn,
body[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:hover,
body[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
body[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn,
body[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:hover,
body[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
body[data-theme="light"] .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn,
body.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn:hover,
body.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
body.watch-theme-light .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn{
  background:rgba(17,24,35,.12) !important;
  background-color:rgba(17,24,35,.12) !important;
  border-color:rgba(17,24,35,.18) !important;
  color:rgba(17,24,35,.98) !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}


/* v88: inline preview bookmark does not highlight the original poster card.
   The JS part prevents .is-bm-open from being added to the source card while the
   bookmark control is moved into .watch-inlinepreview__actions. */

/* Inline preview bookmark button must visually match "Подробнее".
   Do not use the card light style here. */
html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn,
html[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn,
html.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn,
body[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn,
body[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn,
body.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn{
  background:#fff !important;
  background-color:#fff !important;
  color:#111 !important;
  border-color:rgba(17,17,17,.12) !important;
  box-shadow:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  transform:none !important;
}

html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:hover,
html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
html[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn,
html[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:hover,
html[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
html[data-theme="light"] .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn,
html.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn:hover,
html.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
html.watch-theme-light .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn,
body[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:hover,
body[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
body[data-watch-theme="light"] .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn,
body[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:hover,
body[data-theme="light"] .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
body[data-theme="light"] .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn,
body.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn:hover,
body.watch-theme-light .watch-inlinepreview__actions .mcard__bmBtn:focus-visible,
body.watch-theme-light .watch-inlinepreview__actions .mcard__bm.is-open .mcard__bmBtn{
  background:rgba(17,24,35,.08) !important;
  background-color:rgba(17,24,35,.08) !important;
  border-color:rgba(17,24,35,.16) !important;
  color:rgba(17,24,35,.96) !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}






/* v96: clean single-source bookmark button block. */
/* v96: source card bookmark button matches home filter/sort button. */
.mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  border:1px solid rgba(var(--w-ink-rgb),.08) !important;
  background:rgba(var(--w-ink-rgb),.03) !important;
  color:rgba(var(--w-ink-rgb),.92) !important;
  box-shadow:none !important;
  outline:none !important;
  transform:none !important;
  transition:background .15s ease, border-color .15s ease, transform .18s ease !important;
}
.mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
.mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
.mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn{
  background:rgba(var(--w-ink-rgb),.07) !important;
  border-color:rgba(var(--w-ink-rgb),.14) !important;
  color:rgba(var(--w-ink-rgb),.92) !important;
  box-shadow:none !important;
  transform:scale(1.06) !important;
}
.mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn .mcard__bmGlyph,
.mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn svg.mcard__bmGlyph{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;
  flex:0 0 16px !important;
  display:block !important;
  overflow:visible !important;
  background:currentColor !important;
  color:currentColor !important;
  -webkit-mask:var(--watch-library-icon) center / 16px 16px no-repeat !important;
  mask:var(--watch-library-icon) center / 16px 16px no-repeat !important;
}


/* v99: light-theme poster bookmark button brighter and more readable on light backgrounds.
   Cards only, inline preview untouched. */
html[data-watch-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html[data-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
html.watch-theme-light .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
body[data-watch-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
body[data-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn,
body.watch-theme-light .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  border-radius:14px !important;
  border:1px solid rgba(17,24,35,.18) !important;
  background:rgba(255,255,255,.98) !important;
  background-color:rgba(255,255,255,.98) !important;
  color:rgba(17,24,35,.98) !important;
  box-shadow:0 12px 32px rgba(17,24,35,.20), 0 3px 10px rgba(17,24,35,.12), inset 0 0 0 1px rgba(255,255,255,.92) !important;
  backdrop-filter:blur(12px) saturate(128%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(128%) !important;
  outline:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
  transform:none !important;
}

html[data-watch-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
html[data-watch-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
html[data-watch-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
html[data-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
html[data-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
html[data-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
html.watch-theme-light .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
html.watch-theme-light .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
html.watch-theme-light .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
body[data-watch-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
body[data-watch-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
body[data-watch-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
body[data-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
body[data-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
body[data-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn,
body.watch-theme-light .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:hover,
body.watch-theme-light .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn:focus-visible,
body.watch-theme-light .mcard__bm:not(.mcard__bm--inlinepreview).is-open .mcard__bmBtn{
  background:rgba(255,255,255,1) !important;
  background-color:rgba(255,255,255,1) !important;
  border-color:rgba(17,24,35,.24) !important;
  color:rgba(17,24,35,1) !important;
  box-shadow:0 14px 34px rgba(17,24,35,.24), 0 4px 12px rgba(17,24,35,.14), inset 0 0 0 1px rgba(255,255,255,1) !important;
  backdrop-filter:blur(13px) saturate(132%) !important;
  -webkit-backdrop-filter:blur(13px) saturate(132%) !important;
  filter:none !important;
  -webkit-filter:none !important;
  transform:scale(1.06) !important;
}

html[data-watch-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn .mcard__bmGlyph,
html[data-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn .mcard__bmGlyph,
html.watch-theme-light .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn .mcard__bmGlyph,
body[data-watch-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn .mcard__bmGlyph,
body[data-theme="light"] .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn .mcard__bmGlyph,
body.watch-theme-light .mcard__bm:not(.mcard__bm--inlinepreview) .mcard__bmBtn .mcard__bmGlyph{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;
  flex:0 0 16px !important;
  color:rgba(17,24,35,.98) !important;
  background:currentColor !important;
  -webkit-mask:var(--watch-library-icon) center / 16px 16px no-repeat !important;
  mask:var(--watch-library-icon) center / 16px 16px no-repeat !important;
}




/* v106: light theme background is clean white, like the approved mockup.
   Background only. Cards/bookmark logic is not touched. */
html[data-watch-theme="light"],
html[data-theme="light"],
html.watch-theme-light,
body[data-watch-theme="light"],
body[data-theme="light"],
body.watch-theme-light{
  background:#ffffff !important;
  background-color:#ffffff !important;
}

html[data-watch-theme="light"] body,
html[data-theme="light"] body,
html.watch-theme-light body,
body[data-watch-theme="light"],
body[data-theme="light"],
body.watch-theme-light{
  background:#ffffff !important;
  background-color:#ffffff !important;
}

html[data-watch-theme="light"] .watch-page,
html[data-watch-theme="light"] .watch-app,
html[data-watch-theme="light"] .watch-main,
html[data-watch-theme="light"] .watch-home,
html[data-watch-theme="light"] .watch-content,
html[data-watch-theme="light"] .watch-catalog,
html[data-theme="light"] .watch-page,
html[data-theme="light"] .watch-app,
html[data-theme="light"] .watch-main,
html[data-theme="light"] .watch-home,
html[data-theme="light"] .watch-content,
html[data-theme="light"] .watch-catalog,
html.watch-theme-light .watch-page,
html.watch-theme-light .watch-app,
html.watch-theme-light .watch-main,
html.watch-theme-light .watch-home,
html.watch-theme-light .watch-content,
html.watch-theme-light .watch-catalog,
body[data-watch-theme="light"] .watch-page,
body[data-watch-theme="light"] .watch-app,
body[data-watch-theme="light"] .watch-main,
body[data-watch-theme="light"] .watch-home,
body[data-watch-theme="light"] .watch-content,
body[data-watch-theme="light"] .watch-catalog,
body[data-theme="light"] .watch-page,
body[data-theme="light"] .watch-app,
body[data-theme="light"] .watch-main,
body[data-theme="light"] .watch-home,
body[data-theme="light"] .watch-content,
body[data-theme="light"] .watch-catalog,
body.watch-theme-light .watch-page,
body.watch-theme-light .watch-app,
body.watch-theme-light .watch-main,
body.watch-theme-light .watch-home,
body.watch-theme-light .watch-content,
body.watch-theme-light .watch-catalog{
  background:#ffffff !important;
  background-color:#ffffff !important;
}

html[data-watch-theme="light"] .watch-block,
html[data-theme="light"] .watch-block,
html.watch-theme-light .watch-block,
body[data-watch-theme="light"] .watch-block,
body[data-theme="light"] .watch-block,
body.watch-theme-light .watch-block{
  background:transparent !important;
  background-color:transparent !important;
}


/* v108: poster bookmark button follows library delete button, but hover no longer flashes/glints.
   Only .mcard__bm on posters. Library delete buttons are not touched. */
.mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library){
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  left:auto !important;
  z-index:300 !important;
  pointer-events:auto !important;
  isolation:isolate !important;
}
.mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library)[data-watch-status]:not([data-watch-status="none"]){
  opacity:1 !important;
  transform:translateY(0) scale(1) !important;
}
.mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  max-width:40px !important;
  max-height:40px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  display:grid !important;
  place-items:center !important;
  border-radius:11px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(0,0,0,.38) !important;
  background-color:rgba(0,0,0,.38) !important;
  color:rgba(255,255,255,.94) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.22) !important;
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
  outline:none !important;
  transform:none !important;
  transition:opacity .14s ease, transform .14s ease, border-color .14s ease !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
.mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn:hover,
.mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn:focus-visible,
.mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library).is-open .mcard__bmBtn{
  background:rgba(0,0,0,.38) !important;
  background-color:rgba(0,0,0,.38) !important;
  border-color:rgba(255,255,255,.28) !important;
  color:rgba(255,255,255,.96) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.22) !important;
  transform:none !important;
}

[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn,
html[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn,
html.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn,
body[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn,
body.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn{
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.50) !important;
  background-color:rgba(255,255,255,.50) !important;
  color:rgba(0,0,0,.88) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.22) !important;
}
[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn:hover,
[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn:focus-visible,
[data-watch-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library).is-open .mcard__bmBtn,
html[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn:hover,
html[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn:focus-visible,
html[data-theme="light"] .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library).is-open .mcard__bmBtn,
html.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn:hover,
html.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn:focus-visible,
html.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library).is-open .mcard__bmBtn,
body.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn:hover,
body.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn:focus-visible,
body.watch-theme-light .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library).is-open .mcard__bmBtn{
  background:rgba(255,255,255,.50) !important;
  background-color:rgba(255,255,255,.50) !important;
  border-color:rgba(255,255,255,.26) !important;
  color:rgba(0,0,0,.92) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.22) !important;
  transform:none !important;
}
.mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn .mcard__bmGlyph,
.mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn svg.mcard__bmGlyph{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  flex:0 0 18px !important;
  display:block !important;
  margin:0 !important;
  fill:currentColor !important;
  color:currentColor !important;
  background:currentColor !important;
  opacity:1 !important;
  overflow:visible !important;
  -webkit-mask:var(--watch-library-icon) center / 18px 18px no-repeat !important;
  mask:var(--watch-library-icon) center / 18px 18px no-repeat !important;
}



/* v110: final no-blink bookmark hover fix.
   Hovering/opening bookmark must not toggle poster text/dim state. */
.mcard.is-bm-open .mcard__title,
.mcard:has(.mcard__bm.is-open) .mcard__title,
.mcard.is-bm-open .mcard__overlayBody,
.mcard:has(.mcard__bm.is-open) .mcard__overlayBody,
.mcard.is-bm-open .mcard__overlayTitle,
.mcard:has(.mcard__bm.is-open) .mcard__overlayTitle,
.mcard.is-bm-open .mcard__overlayDesc,
.mcard:has(.mcard__bm.is-open) .mcard__overlayDesc{
  opacity:inherit !important;
  filter:none !important;
}

.mcard.is-bm-open .mcard__img::after,
.mcard:has(.mcard__bm.is-open) .mcard__img::after{
  transition:none !important;
}

.mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library),
.mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library).is-open{
  z-index:10000 !important;
}

.mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn,
.mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library) .mcard__bmBtn:hover,
.mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library).is-open .mcard__bmBtn{
  transition:border-color .14s ease, color .14s ease !important;
  transform:none !important;
  filter:none !important;
  -webkit-filter:none !important;
}

/* v111: light theme for material-page bookmark dropdown.
   Only the material page status menu is touched. Poster cards and library delete buttons are not touched. */
html[data-watch-route-view][data-watch-theme="light"] .watch-material .watch-mark__menu--material,
html[data-watch-route-view][data-theme="light"] .watch-material .watch-mark__menu--material,
html[data-watch-route-view].watch-theme-light .watch-material .watch-mark__menu--material,
body[data-watch-theme="light"] .watch-material .watch-mark__menu--material,
body[data-theme="light"] .watch-material .watch-mark__menu--material,
body.watch-theme-light .watch-material .watch-mark__menu--material{
  background:#ffffff !important;
  background-color:#ffffff !important;
  color:#111827 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:0 18px 42px rgba(17,24,35,.16) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

html[data-watch-route-view][data-watch-theme="light"] .watch-material .watch-mark__menu--material .watch-mark__item,
html[data-watch-route-view][data-theme="light"] .watch-material .watch-mark__menu--material .watch-mark__item,
html[data-watch-route-view].watch-theme-light .watch-material .watch-mark__menu--material .watch-mark__item,
body[data-watch-theme="light"] .watch-material .watch-mark__menu--material .watch-mark__item,
body[data-theme="light"] .watch-material .watch-mark__menu--material .watch-mark__item,
body.watch-theme-light .watch-material .watch-mark__menu--material .watch-mark__item{
  color:rgba(17,24,35,.92) !important;
  background:transparent !important;
}

html[data-watch-route-view][data-watch-theme="light"] .watch-material .watch-mark__menu--material .watch-mark__item:hover,
html[data-watch-route-view][data-theme="light"] .watch-material .watch-mark__menu--material .watch-mark__item:hover,
html[data-watch-route-view].watch-theme-light .watch-material .watch-mark__menu--material .watch-mark__item:hover,
body[data-watch-theme="light"] .watch-material .watch-mark__menu--material .watch-mark__item:hover,
body[data-theme="light"] .watch-material .watch-mark__menu--material .watch-mark__item:hover,
body.watch-theme-light .watch-material .watch-mark__menu--material .watch-mark__item:hover{
  background:rgba(17,24,35,.07) !important;
  color:#020617 !important;
}

html[data-watch-route-view][data-watch-theme="light"] .watch-material .watch-mark__menu--material .watch-mark__item--muted,
html[data-watch-route-view][data-theme="light"] .watch-material .watch-mark__menu--material .watch-mark__item--muted,
html[data-watch-route-view].watch-theme-light .watch-material .watch-mark__menu--material .watch-mark__item--muted,
body[data-watch-theme="light"] .watch-material .watch-mark__menu--material .watch-mark__item--muted,
body[data-theme="light"] .watch-material .watch-mark__menu--material .watch-mark__item--muted,
body.watch-theme-light .watch-material .watch-mark__menu--material .watch-mark__item--muted{
  color:rgba(17,24,35,.72) !important;
}

html[data-watch-route-view][data-watch-theme="light"] .watch-material .watch-mark__menu--material .watch-mark__sep,
html[data-watch-route-view][data-theme="light"] .watch-material .watch-mark__menu--material .watch-mark__sep,
html[data-watch-route-view].watch-theme-light .watch-material .watch-mark__menu--material .watch-mark__sep,
body[data-watch-theme="light"] .watch-material .watch-mark__menu--material .watch-mark__sep,
body[data-theme="light"] .watch-material .watch-mark__menu--material .watch-mark__sep,
body.watch-theme-light .watch-material .watch-mark__menu--material .watch-mark__sep{
  background:rgba(17,24,35,.10) !important;
}

html[data-watch-route-view]:not([data-watch-theme="light"]):not([data-theme="light"]) .watch-material .watch-mark__menu--material{
  background:#1A1A1A !important;
  background-color:#1A1A1A !important;
  color:#ffffff !important;
  border:0 !important;
  box-shadow:none !important;
}

/* v159: no-jitter poster text system.
   Root cause fixed: text itself no longer scales or moves during hover.
   The image scales. The bookmark follows the scaled edge.
   The default title fades out from its fixed base position.
   The hover title+description fades in from its fixed hover position.
   No animated font-size, no animated bottom/left/right, no text transform. */
.watch-home .mcard,
.watch-catpage .mcard,
.watch-catgrid .mcard{
  --watch-card-hover-scale:1.035;
  --watch-card-hover-outset:1.75%;
  --watch-card-text-x:12px;
  --watch-card-text-y:10px;
}

/* Poster image scale only. */
.watch-home .mcard__img,
.watch-catpage .mcard__img,
.watch-catgrid .mcard__img{
  transform:translateZ(0) scale(1) !important;
  transform-origin:center center !important;
  transition:transform .16s cubic-bezier(.22,.61,.36,1) !important;
  will-change:transform !important;
  filter:none !important;
  -webkit-filter:none !important;
}

.watch-home .mcard:hover .mcard__img,
.watch-home .mcard.is-watch-hover .mcard__img,
.watch-home .mcard:focus-within .mcard__img,
.watch-catpage .mcard:hover .mcard__img,
.watch-catpage .mcard.is-watch-hover .mcard__img,
.watch-catpage .mcard:focus-within .mcard__img,
.watch-catgrid .mcard:hover .mcard__img,
.watch-catgrid .mcard.is-watch-hover .mcard__img,
.watch-catgrid .mcard:focus-within .mcard__img{
  transform:translateZ(0) scale(var(--watch-card-hover-scale)) !important;
}

/* Text layer is a fixed coordinate layer. It never scales, so no text jitter. */
.watch-home .mcard__textLayer,
.watch-catpage .mcard__textLayer,
.watch-catgrid .mcard__textLayer,
.watch-home .mcard:hover .mcard__textLayer,
.watch-home .mcard.is-watch-hover .mcard__textLayer,
.watch-home .mcard:focus-within .mcard__textLayer,
.watch-catpage .mcard:hover .mcard__textLayer,
.watch-catpage .mcard.is-watch-hover .mcard__textLayer,
.watch-catpage .mcard:focus-within .mcard__textLayer,
.watch-catgrid .mcard:hover .mcard__textLayer,
.watch-catgrid .mcard.is-watch-hover .mcard__textLayer,
.watch-catgrid .mcard:focus-within .mcard__textLayer{
  position:absolute !important;
  inset:1px !important;
  border-radius:17px !important;
  overflow:visible !important;
  pointer-events:none !important;
  z-index:7 !important;
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
  filter:none !important;
  -webkit-filter:none !important;
  backface-visibility:visible !important;
}

/* Default title: fixed before-hover position, opacity only. */
.watch-home .mcard__title,
.watch-catpage .mcard__title,
.watch-catgrid .mcard__title{
  position:absolute !important;
  left:var(--watch-card-text-x) !important;
  right:var(--watch-card-text-x) !important;
  bottom:var(--watch-card-text-y) !important;
  width:auto !important;
  margin:0 !important;
  z-index:2 !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.22 !important;
  color:#fff !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  transition:opacity .08s ease !important;
  will-change:opacity !important;
  text-shadow:none !important;
}

/* Hover overlay: fixed hover position. It fades in only. */
.watch-home .mcard__overlay,
.watch-catpage .mcard__overlay,
.watch-catgrid .mcard__overlay{
  position:absolute !important;
  inset:calc(-1px - var(--watch-card-hover-outset)) !important;
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:18px !important;
  overflow:visible !important;
  background:none !important;
  opacity:0 !important;
  visibility:visible !important;
  transform:none !important;
  transition:opacity .14s ease !important;
  will-change:opacity !important;
  pointer-events:none !important;
}

.watch-home .mcard__overlay::before,
.watch-catpage .mcard__overlay::before,
.watch-catgrid .mcard__overlay::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.06) 42%, rgba(0,0,0,.25) 66%, rgba(0,0,0,.46) 100%),
    rgba(0,0,0,.36) !important;
}

.watch-home .mcard__overlayBody,
.watch-catpage .mcard__overlayBody,
.watch-catgrid .mcard__overlayBody{
  position:absolute !important;
  left:var(--watch-card-text-x) !important;
  right:var(--watch-card-text-x) !important;
  bottom:var(--watch-card-text-y) !important;
  width:auto !important;
  margin:0 !important;
  z-index:2 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  gap:4px !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:visible !important;
  max-height:none !important;
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
  filter:none !important;
  -webkit-filter:none !important;
  text-shadow:none !important;
}

.watch-home .mcard__overlayTitle,
.watch-catpage .mcard__overlayTitle,
.watch-catgrid .mcard__overlayTitle{
  order:1 !important;
  width:100% !important;
  margin:0 !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.22 !important;
  color:#fff !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  transform:none !important;
  transition:none !important;
  text-shadow:none !important;
}

.watch-home .mcard__overlayDesc,
.watch-catpage .mcard__overlayDesc,
.watch-catgrid .mcard__overlayDesc{
  order:2 !important;
  width:100% !important;
  margin:0 !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.35 !important;
  color:rgba(255,255,255,.92) !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  transform:none !important;
  transition:none !important;
  text-shadow:none !important;
}

/* Crossfade only. */
.watch-home .mcard:hover .mcard__title,
.watch-home .mcard.is-watch-hover .mcard__title,
.watch-home .mcard:focus-within .mcard__title,
.watch-catpage .mcard:hover .mcard__title,
.watch-catpage .mcard.is-watch-hover .mcard__title,
.watch-catpage .mcard:focus-within .mcard__title,
.watch-catgrid .mcard:hover .mcard__title,
.watch-catgrid .mcard.is-watch-hover .mcard__title,
.watch-catgrid .mcard:focus-within .mcard__title{
  opacity:0 !important;
  transition-delay:0s !important;
}

.watch-home .mcard:hover .mcard__overlay,
.watch-home .mcard.is-watch-hover .mcard__overlay,
.watch-home .mcard:focus-within .mcard__overlay,
.watch-catpage .mcard:hover .mcard__overlay,
.watch-catpage .mcard.is-watch-hover .mcard__overlay,
.watch-catpage .mcard:focus-within .mcard__overlay,
.watch-catgrid .mcard:hover .mcard__overlay,
.watch-catgrid .mcard.is-watch-hover .mcard__overlay,
.watch-catgrid .mcard:focus-within .mcard__overlay{
  opacity:1 !important;
  transition-delay:0s !important;
}

/* Bookmark follows the visual scaled poster edge. */
.watch-home .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library),
.watch-catpage .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library),
.watch-catgrid .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library){
  top:10px !important;
  right:10px !important;
  transition:top .16s cubic-bezier(.22,.61,.36,1), right .16s cubic-bezier(.22,.61,.36,1), opacity .14s ease, transform .14s ease !important;
}

.watch-home .mcard:hover .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library),
.watch-home .mcard.is-watch-hover .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library),
.watch-home .mcard:focus-within .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library),
.watch-catpage .mcard:hover .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library),
.watch-catpage .mcard.is-watch-hover .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library),
.watch-catpage .mcard:focus-within .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library),
.watch-catgrid .mcard:hover .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library),
.watch-catgrid .mcard.is-watch-hover .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library),
.watch-catgrid .mcard:focus-within .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library){
  top:calc(10px - var(--watch-card-hover-outset)) !important;
  right:calc(10px - var(--watch-card-hover-outset)) !important;
}

/* Drag/press disables hover state cleanly. */
.watch-home .rail.is-pressing .mcard .mcard__img,
.watch-home .rail.is-dragging .mcard .mcard__img{
  transform:translateZ(0) scale(1) !important;
}

.watch-home .rail.is-pressing .mcard .mcard__title,
.watch-home .rail.is-dragging .mcard .mcard__title{
  opacity:1 !important;
}

.watch-home .rail.is-pressing .mcard .mcard__overlay,
.watch-home .rail.is-dragging .mcard .mcard__overlay{
  opacity:0 !important;
}

.watch-home .rail.is-pressing .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library),
.watch-home .rail.is-dragging .mcard .mcard__bm:not(.mcard__bm--inlinepreview):not(.mcard__bm--library){
  top:10px !important;
  right:10px !important;
}

/* v160: inline preview close clears stale card highlight.
   Visual hover is accepted only from the managed .is-watch-hover state.
   After closing inline preview, JS removes that state, so raw browser :hover cannot keep the card selected. */
.watch-home .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__img,
.watch-catpage .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__img,
.watch-catgrid .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__img{
  transform:translateZ(0) scale(1) !important;
}

.watch-home .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__textLayer,
.watch-catpage .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__textLayer,
.watch-catgrid .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__textLayer{
  transform:none !important;
}

.watch-home .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__img::after,
.watch-catpage .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__img::after,
.watch-catgrid .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__img::after{
  opacity:.12 !important;
  visibility:visible !important;
  background:rgba(0,0,0,.42) !important;
}

.watch-home .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__title,
.watch-catpage .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__title,
.watch-catgrid .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__title{
  opacity:1 !important;
}

.watch-home .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__overlay,
.watch-home .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__overlayBody,
.watch-catpage .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__overlay,
.watch-catpage .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__overlayBody,
.watch-catgrid .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__overlay,
.watch-catgrid .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__overlayBody{
  opacity:0 !important;
}

/* v161: inline preview open card gets full-poster dim.
   Fixes the active card after opening the extra preview field:
   the selected poster is treated as the same visual state as real hover. */
.watch-home .mcard.is-inlinepreview-open .mcard__img::after,
.watch-home .mcard.has-inlinepreview .mcard__img::after,
.watch-home .watch-block.has-inlinepreview .mcard.is-inlinepreview-open .mcard__img::after,
.watch-catpage .mcard.is-inlinepreview-open .mcard__img::after,
.watch-catgrid .mcard.is-inlinepreview-open .mcard__img::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  opacity:.12 !important;
  visibility:visible !important;
  background:rgba(0,0,0,.42) !important;
  transition:opacity .26s ease !important;
  filter:none !important;
  -webkit-filter:none !important;
  pointer-events:none !important;
  z-index:6 !important;
}

/* The raw-hover guard from v160 must not cancel the active preview card. */
.watch-home .mcard.is-inlinepreview-open:hover:not(.is-watch-hover):not(:focus-within) .mcard__img::after,
.watch-home .mcard.has-inlinepreview:hover:not(.is-watch-hover):not(:focus-within) .mcard__img::after,
.watch-home .watch-block.has-inlinepreview .mcard.is-inlinepreview-open:hover:not(.is-watch-hover):not(:focus-within) .mcard__img::after,
.watch-catpage .mcard.is-inlinepreview-open:hover:not(.is-watch-hover):not(:focus-within) .mcard__img::after,
.watch-catgrid .mcard.is-inlinepreview-open:hover:not(.is-watch-hover):not(:focus-within) .mcard__img::after{
  opacity:.12 !important;
  visibility:visible !important;
  background:rgba(0,0,0,.42) !important;
}

/* Keep the selected/open card text state consistent with hover while the preview is open. */
.watch-home .mcard.is-inlinepreview-open .mcard__title,
.watch-home .mcard.has-inlinepreview .mcard__title,
.watch-home .watch-block.has-inlinepreview .mcard.is-inlinepreview-open .mcard__title,
.watch-catpage .mcard.is-inlinepreview-open .mcard__title,
.watch-catgrid .mcard.is-inlinepreview-open .mcard__title{
  opacity:0 !important;
}

.watch-home .mcard.is-inlinepreview-open .mcard__overlay,
.watch-home .mcard.is-inlinepreview-open .mcard__overlayBody,
.watch-home .mcard.has-inlinepreview .mcard__overlay,
.watch-home .mcard.has-inlinepreview .mcard__overlayBody,
.watch-home .watch-block.has-inlinepreview .mcard.is-inlinepreview-open .mcard__overlay,
.watch-home .watch-block.has-inlinepreview .mcard.is-inlinepreview-open .mcard__overlayBody,
.watch-catpage .mcard.is-inlinepreview-open .mcard__overlay,
.watch-catpage .mcard.is-inlinepreview-open .mcard__overlayBody,
.watch-catgrid .mcard.is-inlinepreview-open .mcard__overlay,
.watch-catgrid .mcard.is-inlinepreview-open .mcard__overlayBody{
  opacity:1 !important;
  visibility:visible !important;
}

/* v164: single dim layer for opened inline preview card.
   Fix: removed the card-level ::after dim. Active card now uses only .mcard__img::after,
   the same layer as hover, so no second dark layer can appear. */
.watch-home .mcard.is-inlinepreview-open::after,
.watch-home .mcard[data-watch-inlinepreview-active="1"]::after,
.watch-catpage .mcard.is-inlinepreview-open::after,
.watch-catpage .mcard[data-watch-inlinepreview-active="1"]::after,
.watch-catgrid .mcard.is-inlinepreview-open::after,
.watch-catgrid .mcard[data-watch-inlinepreview-active="1"]::after{
  content:none !important;
  display:none !important;
}

.watch-home .mcard.is-inlinepreview-open .mcard__img::after,
.watch-home .mcard[data-watch-inlinepreview-active="1"] .mcard__img::after,
.watch-home .watch-block.has-inlinepreview .mcard.is-inlinepreview-open .mcard__img::after,
.watch-catpage .mcard.is-inlinepreview-open .mcard__img::after,
.watch-catpage .mcard[data-watch-inlinepreview-active="1"] .mcard__img::after,
.watch-catgrid .mcard.is-inlinepreview-open .mcard__img::after,
.watch-catgrid .mcard[data-watch-inlinepreview-active="1"] .mcard__img::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  opacity:.12 !important;
  visibility:visible !important;
  background:rgba(0,0,0,.42) !important;
  transition:opacity .26s ease !important;
  pointer-events:none !important;
  z-index:6 !important;
  filter:none !important;
  -webkit-filter:none !important;
}

.watch-home .mcard.is-inlinepreview-open .mcard__overlay::before,
.watch-home .mcard[data-watch-inlinepreview-active="1"] .mcard__overlay::before,
.watch-catpage .mcard.is-inlinepreview-open .mcard__overlay::before,
.watch-catpage .mcard[data-watch-inlinepreview-active="1"] .mcard__overlay::before,
.watch-catgrid .mcard.is-inlinepreview-open .mcard__overlay::before,
.watch-catgrid .mcard[data-watch-inlinepreview-active="1"] .mcard__overlay::before{
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.06) 42%, rgba(0,0,0,.25) 66%, rgba(0,0,0,.46) 100%),
    rgba(0,0,0,.36) !important;
}

.watch-home .mcard.is-inlinepreview-open .mcard__title,
.watch-home .mcard[data-watch-inlinepreview-active="1"] .mcard__title,
.watch-catpage .mcard.is-inlinepreview-open .mcard__title,
.watch-catpage .mcard[data-watch-inlinepreview-active="1"] .mcard__title,
.watch-catgrid .mcard.is-inlinepreview-open .mcard__title,
.watch-catgrid .mcard[data-watch-inlinepreview-active="1"] .mcard__title{
  opacity:0 !important;
}

.watch-home .mcard.is-inlinepreview-open .mcard__overlay,
.watch-home .mcard.is-inlinepreview-open .mcard__overlayBody,
.watch-home .mcard[data-watch-inlinepreview-active="1"] .mcard__overlay,
.watch-home .mcard[data-watch-inlinepreview-active="1"] .mcard__overlayBody,
.watch-catpage .mcard.is-inlinepreview-open .mcard__overlay,
.watch-catpage .mcard.is-inlinepreview-open .mcard__overlayBody,
.watch-catpage .mcard[data-watch-inlinepreview-active="1"] .mcard__overlay,
.watch-catpage .mcard[data-watch-inlinepreview-active="1"] .mcard__overlayBody,
.watch-catgrid .mcard.is-inlinepreview-open .mcard__overlay,
.watch-catgrid .mcard.is-inlinepreview-open .mcard__overlayBody,
.watch-catgrid .mcard[data-watch-inlinepreview-active="1"] .mcard__overlay,
.watch-catgrid .mcard[data-watch-inlinepreview-active="1"] .mcard__overlayBody{
  opacity:1 !important;
  visibility:visible !important;
}

/* v181: orange SVG badge near @username in search user results */
#watchSearchModal .watch-searchmodal__item.is-user .watch-searchmodal__name--user{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  width:auto !important;
  max-width:100% !important;
  line-height:1.15 !important;
}

#watchSearchModal .watch-searchmodal__item.is-user .watch-searchmodal__usernameText{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#watchSearchModal .watch-searchmodal__item.is-user .watch-searchmodal__verifiedIcon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:1.05em !important;
  height:1.05em !important;
  flex:0 0 1.05em !important;
  color:#ff9b2f !important;
  line-height:0 !important;
  overflow:visible !important;
  filter:none !important;
  transform:translateY(.04em) !important;
}

#watchSearchModal .watch-searchmodal__item.is-user .watch-searchmodal__verifiedIcon svg{
  width:100% !important;
  height:100% !important;
  display:block !important;
  overflow:visible !important;
  filter:none !important;
  box-shadow:none !important;
}

/* User text needs a little descender room (g, j, p, q, y and Cyrillic equivalents). */
#watchSearchModal .watch-searchmodal__item.is-user .watch-searchmodal__meta{
  overflow:visible !important;
  padding-bottom:2px !important;
}

#watchSearchModal .watch-searchmodal__item.is-user .watch-searchmodal__name--user{
  line-height:1.28 !important;
  overflow:visible !important;
}

#watchSearchModal .watch-searchmodal__item.is-user .watch-searchmodal__sub{
  min-height:1.35em !important;
  line-height:1.35 !important;
  padding-bottom:2px !important;
  overflow:visible !important;
}

/* v200: library cards use the same non-clipped hover geometry as the homepage. */
.watch-libv2,
.watch-libv2__main,
.watch-libv2__grid,
.watch-libv2 .mcard,
.watch-libv2 .mcard__link.mcard__linkBtn{
  overflow:visible !important;
  contain:none !important;
}

.watch-libv2 .mcard{
  position:relative !important;
  z-index:1 !important;
}

.watch-libv2 .mcard:hover,
.watch-libv2 .mcard.is-watch-hover,
.watch-libv2 .mcard:focus-within{
  z-index:120 !important;
}

.watch-libv2 .mcard__link.mcard__linkBtn{
  display:block !important;
  position:relative !important;
  width:100% !important;
  border-radius:18px !important;
  background:transparent !important;
  clip-path:none !important;
}

.watch-libv2 .mcard__img{
  position:relative !important;
  overflow:hidden !important;
  border-radius:18px !important;
  transform-origin:center center !important;
}

.watch-libv2 .mcard:hover .mcard__img,
.watch-libv2 .mcard.is-watch-hover .mcard__img,
.watch-libv2 .mcard:focus-within .mcard__img{
  transform:translateZ(0) scale(var(--watch-card-hover-scale)) !important;
}

.watch-libv2 .mcard:hover .mcard__img img,
.watch-libv2 .mcard.is-watch-hover .mcard__img img,
.watch-libv2 .mcard:focus-within .mcard__img img{
  transform:none !important;
}

.watch-libv2 .mcard__textLayer,
.watch-libv2 .mcard:hover .mcard__textLayer,
.watch-libv2 .mcard.is-watch-hover .mcard__textLayer,
.watch-libv2 .mcard:focus-within .mcard__textLayer{
  position:absolute !important;
  inset:1px !important;
  border-radius:17px !important;
  overflow:visible !important;
  pointer-events:none !important;
  z-index:7 !important;
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
}

.watch-libv2 .mcard__overlay{
  position:absolute !important;
  inset:calc(-1px - var(--watch-card-hover-outset)) !important;
  display:block !important;
  border-radius:18px !important;
  overflow:visible !important;
  background:none !important;
  opacity:0 !important;
  visibility:visible !important;
  transform:none !important;
  transition:opacity .14s ease !important;
  pointer-events:none !important;
}

.watch-libv2 .mcard__overlay::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.08) 40%, rgba(0,0,0,.28) 66%, rgba(0,0,0,.52) 100%),
    rgba(0,0,0,.34) !important;
  opacity:1 !important;
  pointer-events:none !important;
}

.watch-libv2 .mcard:hover .mcard__overlay,
.watch-libv2 .mcard.is-watch-hover .mcard__overlay,
.watch-libv2 .mcard:focus-within .mcard__overlay,
.watch-libv2 .mcard:hover .mcard__overlayBody,
.watch-libv2 .mcard.is-watch-hover .mcard__overlayBody,
.watch-libv2 .mcard:focus-within .mcard__overlayBody{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

.watch-libv2 .mcard__title{
  transition:opacity .08s ease !important;
}

.watch-libv2 .mcard:hover .mcard__title,
.watch-libv2 .mcard.is-watch-hover .mcard__title,
.watch-libv2 .mcard:focus-within .mcard__title{
  opacity:0 !important;
  transform:none !important;
}

/* Category cards use paint containment for the large off-screen grid.
   Release it only for an active card so its home-style hover scale is not clipped. */
@media (hover:hover){
  .watch-catpage .watch-catgrid .mcard:hover,
  .watch-catpage .watch-catgrid .mcard.is-watch-hover,
  .watch-catpage .watch-catgrid .mcard:focus-within,
  .watch-libv2 .watch-catgrid .mcard:hover,
  .watch-libv2 .watch-catgrid .mcard.is-watch-hover,
  .watch-libv2 .watch-catgrid .mcard:focus-within{
    contain:layout style !important;
    content-visibility:visible !important;
    contain-intrinsic-size:auto !important;
    overflow:visible !important;
    z-index:20 !important;
  }
}

/* v212: the category keeps the complete server-rendered material list.
   Keep cards painted so scrolling cannot recycle poster layers and flash them;
   poster resolution remains unchanged. */
@supports (content-visibility:auto){
  .watch-catpage .watch-catgrid .mcard,
  .watch-catpage .watch-catgrid .mcard:nth-child(n),
  .watch-catpage .watch-catgrid .mcard__img img{
    content-visibility:visible !important;
    contain-intrinsic-size:auto !important;
  }
}

/* Avoid running a shimmer animation on every pending poster. */
.watch-catpage .watch-catgrid .mcard__img::before{
  content:none !important;
  display:none !important;
  animation:none !important;
}

/* v216: smooth source-poster bottom veil.
   Some poster files contain a hard-edged dark title block near the bottom.
   A single two-stop gradient suppresses that baked-in edge without creating
   another intermediate CSS band. */
.watch-catpage .watch-catgrid .mcard__overlay::before{
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.58) 0%,
    rgba(0,0,0,.98) 100%
  ) !important;
}

@media (hover:hover){
  .watch-catpage .watch-catgrid .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__img{
    transform:translateZ(0) scale(var(--watch-card-hover-scale)) !important;
  }

  .watch-catpage .watch-catgrid .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__title{
    opacity:0 !important;
  }

  .watch-catpage .watch-catgrid .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__overlay,
  .watch-catpage .watch-catgrid .mcard:hover:not(.is-watch-hover):not(:focus-within) .mcard__overlayBody{
    opacity:1 !important;
    visibility:visible !important;
  }
}

/* v217: keep the expanded-preview bookmark beside "Подробнее" and above
   the preview backdrop instead of inheriting the selected poster's dim layer. */
.watch-inlinepreview__actions{
  position:relative !important;
  z-index:160 !important;
  overflow:visible !important;
}

.watch-inlinepreview__actions .mcard__bm.mcard__bm--inlinepreview{
  position:relative !important;
  z-index:170 !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  -webkit-filter:none !important;
  transform:none !important;
  isolation:isolate;
}

.watch-inlinepreview__actions .mcard__bm.mcard__bm--inlinepreview .mcard__bmBtn,
.watch-inlinepreview__actions .mcard__bm.mcard__bm--inlinepreview .mcard__bmGlyph{
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  -webkit-filter:none !important;
}

.watch-inlinepreview__actions .mcard__bm.mcard__bm--inlinepreview .mcard__bmMenu{
  z-index:200 !important;
}