/* ShayOS Shell shared engagement and QR UI 1.45.0 */
.shayos-shell-engagement{direction:rtl;position:fixed;inset-inline-start:max(12px,env(safe-area-inset-left));inset-inline-end:auto;bottom:max(12px,env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 24px);margin:0;z-index:2147482200;font-family:Arial,"Noto Sans Hebrew",sans-serif;color:#17324d}
.shayos-shell-engagement__inner{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:52px;padding:7px 9px;border:1px solid #c9dced;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 9px 24px rgba(7,41,76,.10);backdrop-filter:blur(8px)}
.shayos-shell-engagement button{all:unset;box-sizing:border-box;font:inherit;color:inherit}
.shayos-shell-engagement__stat,.shayos-shell-engagement__qr{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border-radius:13px!important;border:1px solid #d5e4ef!important;background:#f6faff!important;color:#28506f!important;box-shadow:none!important}
.shayos-shell-engagement__stat{padding:7px 10px!important}
.shayos-shell-engagement__like{cursor:pointer!important;color:#a74d63!important;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease;perspective:80px}
.shayos-shell-engagement__like:hover,.shayos-shell-engagement__like:focus-visible{transform:translateY(-1px);border-color:#ef9eb2!important;outline:3px solid rgba(217,31,82,.12);outline-offset:2px}
.shayos-shell-engagement__like[aria-pressed="true"]{background:#fff0f4!important;border-color:#f0a5b8!important;color:#d91f52!important}
.shayos-shell-engagement__views{cursor:default}
.shayos-shell-engagement__stat strong{font-size:14px;line-height:1}
.shayos-shell-engagement__label{font-size:12px;font-weight:800;color:#6b8196}
.shayos-shell-engagement__qr{width:42px;height:42px;padding:3px!important;cursor:pointer!important;background:#fff!important;overflow:hidden}
.shayos-shell-engagement__qr:hover,.shayos-shell-engagement__qr:focus-visible{border-color:#78b8e8!important;outline:3px solid rgba(11,99,182,.12);outline-offset:2px}
.shayos-shell-engagement__mini-qr{display:grid;place-items:center;width:32px;height:32px}
.shayos-shell-engagement__mini-qr svg{display:block;width:32px!important;height:32px!important}
.shayos-shell-engagement__qr-fallback{display:grid;place-items:center;width:30px;height:30px;border:1px solid #b8cbdc;border-radius:7px;font-size:9px;font-weight:900;color:#0b63b6;background:#fff}
.shayos-shell-engagement__mini-qr[data-shayos-mini-qr-ready="1"] .shayos-shell-engagement__qr-fallback{display:none}
.shayos-shell-engagement[data-engagement-lang="en"]{direction:ltr}
.shayos-shell-engagement[data-engagement-lang="en"] .shayos-shell-engagement__inner{justify-content:flex-start}
.shayos-shell-qr-layer[hidden]{display:none!important}.shayos-shell-qr-layer{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:center;padding:18px}.shayos-shell-qr-backdrop{position:absolute;inset:0;background:rgba(4,12,24,.72);backdrop-filter:blur(5px)}.shayos-shell-qr-dialog{position:relative;width:min(100%,460px);max-height:calc(100vh - 36px);overflow:auto;border:1px solid rgba(17,70,115,.3);border-radius:22px;background:linear-gradient(155deg,#fff 0%,#f5faff 64%,#eaf4fb 100%);color:#10233f;box-shadow:18px 24px 70px rgba(3,35,68,.38)}.shayos-shell-qr-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 8px}.shayos-shell-qr-header h2{margin:0;font-size:1.28rem}.shayos-shell-qr-close{all:unset;box-sizing:border-box;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(17,70,115,.22)!important;border-radius:50%!important;background:#fff!important;color:#0a4c82!important;font:900 18px Arial,sans-serif!important;cursor:pointer!important}.shayos-shell-qr-content{display:grid;gap:16px;padding:14px 20px 22px}.shayos-shell-qr-code{display:grid;place-items:center;min-height:270px;padding:20px;border:1px solid rgba(17,70,115,.22);border-radius:18px;background:#fff}.shayos-shell-qr-code svg{display:block;width:min(100%,310px);height:auto;aspect-ratio:1}.shayos-shell-qr-code.has-error{min-height:150px;color:#b42318;text-align:center}.shayos-shell-qr-link-row input{width:100%;min-height:46px;box-sizing:border-box;padding:10px 12px;border:1px solid #bdc9d8;border-radius:12px;background:#f7f9fc;color:#10233f;direction:ltr;text-align:left;font:inherit;font-size:.9rem}.shayos-shell-qr-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.shayos-shell-qr-action{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #9db9cf!important;border-radius:14px!important;background:#fff!important;color:#0a416f!important;font:800 14px Arial,sans-serif!important;cursor:pointer!important}.shayos-shell-qr-action:hover,.shayos-shell-qr-action:focus-visible,.shayos-shell-qr-close:hover,.shayos-shell-qr-close:focus-visible{outline:3px solid rgba(23,105,170,.18);outline-offset:2px}
@media(max-width:650px){.shayos-shell-engagement{inset-inline-start:max(8px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 16px);margin:0}.shayos-shell-engagement__inner{min-height:48px;padding:5px 7px;border-radius:15px}.shayos-shell-engagement__label{display:none}.shayos-shell-engagement__stat{min-height:36px;padding:6px 8px!important}.shayos-shell-engagement__qr{width:38px;height:38px}.shayos-shell-engagement__mini-qr,.shayos-shell-engagement__mini-qr svg{width:29px!important;height:29px!important}.shayos-shell-qr-layer{align-items:end;padding:10px}.shayos-shell-qr-dialog{width:100%;max-height:calc(100vh - 20px);border-radius:20px}.shayos-shell-qr-code{min-height:240px;padding:8px}}


/* 1.17.1 - engagement consumes the canonical ShayOS icon contract. */
.shayos-shell-engagement .shayos-ui-icon--heart{width:26px;height:26px}
.shayos-shell-engagement .shayos-ui-icon--eye{width:25px;height:21px}
@media(max-width:650px){.shayos-shell-engagement .shayos-ui-icon--heart{width:25px;height:25px}.shayos-shell-engagement .shayos-ui-icon--eye{width:24px;height:20px}}

/* 1.20.0 - provider-backed engagement links for comments and court discussions. */
.shayos-shell-engagement a{box-sizing:border-box;font:inherit;color:inherit;text-decoration:none}
.shayos-shell-engagement__link{cursor:pointer!important;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease}
.shayos-shell-engagement__link:hover,.shayos-shell-engagement__link:focus-visible{transform:translateY(-1px);border-color:#8fbfdf!important;outline:3px solid rgba(23,105,170,.14);outline-offset:2px}
.shayos-shell-engagement__action{padding:7px 10px!important;color:#315f7f!important}
.shayos-shell-engagement__action.is-current{background:#eaf6ff!important;border-color:#8cc6eb!important;color:#0b63b6!important}
.shayos-shell-engagement .shayos-ui-icon--comments,.shayos-shell-engagement .shayos-ui-icon--discussion{width:26px;height:26px}
.shayos-ui-icon--comments .shayos-ui-icon__comments-bubble{fill:#f4fbff;stroke:#3c7ea8;stroke-width:1.25}
.shayos-ui-icon--comments .shayos-ui-icon__comments-dots{fill:#2b6f9c}
.shayos-ui-icon__comments-float{transform-box:fill-box;transform-origin:center;animation:shayos-ui-comments-float 4.8s ease-in-out infinite}
.shayos-ui-icon__comments-dots circle{transform-box:fill-box;transform-origin:center;animation:shayos-ui-comments-dot 2.4s ease-in-out infinite}
.shayos-ui-icon__comments-dots circle:nth-child(2){animation-delay:.18s}
.shayos-ui-icon__comments-dots circle:nth-child(3){animation-delay:.36s}
.shayos-ui-icon--discussion .shayos-ui-icon__discussion-back{fill:#dcefff;stroke:#4b86ad;stroke-width:1.1}
.shayos-ui-icon--discussion .shayos-ui-icon__discussion-front{fill:#fff7df;stroke:#a27625;stroke-width:1.1}
.shayos-ui-icon--discussion .shayos-ui-icon__discussion-dot{fill:#8b671d}
.shayos-ui-icon__discussion-pulse{transform-box:fill-box;transform-origin:center;animation:shayos-ui-discussion-pulse 5.6s ease-in-out infinite}
@keyframes shayos-ui-comments-float{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-1.5px) rotate(-2deg)}55%{transform:translateY(-1.5px) rotate(2deg)}}
@keyframes shayos-ui-comments-dot{0%,55%,100%{transform:translateY(0);opacity:.72}25%{transform:translateY(-1.6px);opacity:1}}
@keyframes shayos-ui-discussion-pulse{0%,100%{transform:scale(1) rotate(0)}42%{transform:scale(1.04) rotate(-1.6deg)}58%{transform:scale(1.04) rotate(1.6deg)}}
@media(max-width:650px){.shayos-shell-engagement .shayos-ui-icon--comments,.shayos-shell-engagement .shayos-ui-icon--discussion{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.shayos-ui-icon__comments-float,.shayos-ui-icon__comments-dots circle,.shayos-ui-icon__discussion-pulse{animation:none!important}}


/* 1.20.14 - canonical movable engagement panel with balanced translucency and exact control alignment. */
.shayos-shell-engagement{background:transparent!important}
.shayos-shell-engagement__move-handle{display:none!important}
.shayos-shell-engagement__inner{
  background:rgba(226,230,235,.68)!important;
  border-color:rgba(100,116,139,.34)!important;
  box-shadow:0 8px 20px rgba(7,41,76,.13)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  cursor:grab!important;
  touch-action:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  align-items:center!important;
}
.shayos-shell-engagement__inner > .shayos-shell-engagement__stat,
.shayos-shell-engagement__inner > .shayos-shell-engagement__qr,
.shayos-shell-engagement__inner > .shayos-shell-engagement__link{
  height:44px!important;
  min-height:44px!important;
  align-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  margin-block:0!important;
}
.shayos-shell-engagement__stat,
.shayos-shell-engagement__qr{
  background:transparent!important;
  border-color:transparent!important;
}
.shayos-shell-engagement__like[aria-pressed="true"]{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.shayos-shell-engagement__qr{
  width:44px!important;
  min-width:44px!important;
  padding:4px!important;
  cursor:pointer!important;
}
.shayos-shell-engagement__mini-qr{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
}
.shayos-shell-engagement__mini-qr svg{
  width:34px!important;
  height:34px!important;
  display:block!important;
}
.shayos-shell-engagement__heart-icon,
.shayos-shell-engagement__eye-icon{
  width:28px!important;
  height:28px!important;
  display:block!important;
  flex:0 0 28px!important;
  align-self:center!important;
}
.shayos-shell-engagement__stat strong{
  display:inline-flex!important;
  align-items:center!important;
  height:28px!important;
  line-height:28px!important;
  margin:0!important;
}
.shayos-shell-engagement__inner button,
.shayos-shell-engagement__inner a{cursor:pointer!important}
.shayos-shell-engagement[data-shayos-dragging="1"] .shayos-shell-engagement__inner{cursor:grabbing!important}
.shayos-shell-engagement[data-shayos-user-positioned="1"]{
  position:fixed!important;
  z-index:100015!important;
  margin:0!important;
  max-width:calc(100vw - 12px)!important;
}
.shayos-shell-engagement-placeholder{display:block!important;visibility:hidden!important;pointer-events:none!important;width:100%!important}
@media(max-width:650px){
  .shayos-shell-engagement__inner > .shayos-shell-engagement__stat,
  .shayos-shell-engagement__inner > .shayos-shell-engagement__qr,
  .shayos-shell-engagement__inner > .shayos-shell-engagement__link{
    height:42px!important;
    min-height:42px!important;
  }
  .shayos-shell-engagement__qr{width:42px!important;min-width:42px!important}
  .shayos-shell-engagement__mini-qr,
  .shayos-shell-engagement__mini-qr svg{width:32px!important;height:32px!important}
  .shayos-shell-engagement__heart-icon,
  .shayos-shell-engagement__eye-icon{width:27px!important;height:27px!important;flex-basis:27px!important}
}


/* 1.43.0 - restore one cohesive ShayOS engagement surface after the movable-panel refactor. */
html body .shayos-shell-engagement__inner{gap:6px!important;padding:6px 7px!important;border:1px solid rgba(126,151,174,.50)!important;border-radius:18px!important;background:rgba(247,250,252,.94)!important;box-shadow:0 10px 28px rgba(7,41,76,.18)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}
html body .shayos-shell-engagement__inner>.shayos-shell-engagement__stat,html body .shayos-shell-engagement__inner>.shayos-shell-engagement__qr,html body .shayos-shell-engagement__inner>.shayos-shell-engagement__link{border:1px solid transparent!important;border-radius:13px!important;background:transparent!important}
html body .shayos-shell-engagement__inner>.shayos-shell-engagement__stat:hover,html body .shayos-shell-engagement__inner>.shayos-shell-engagement__qr:hover,html body .shayos-shell-engagement__inner>.shayos-shell-engagement__link:hover{background:rgba(231,241,249,.78)!important}
html body .shayos-shell-engagement__like[aria-pressed="true"]{background:#fff0f4!important;border-color:rgba(232,140,164,.58)!important;box-shadow:inset 0 0 0 1px rgba(232,140,164,.14)!important}
html body .shayos-shell-engagement__qr{background:#fff!important;border-color:rgba(143,169,191,.46)!important}
@media(max-width:650px){html body .shayos-shell-engagement__inner{padding:5px 6px!important;border-radius:16px!important}}


/* 1.44.0 - self-contained article engagement surface and motion.
 * Engagement must remain visually complete when full=1 omits the main Shell stylesheet.
 */
html body .shayos-shell-engagement{
  isolation:isolate!important;
}
html body .shayos-shell-engagement__inner{
  gap:6px!important;
  padding:6px 8px!important;
  border:1px solid rgba(93,123,151,.28)!important;
  border-radius:18px!important;
  background:rgba(226,235,243,.76)!important;
  box-shadow:0 8px 24px rgba(7,41,76,.16)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
}
html body .shayos-shell-engagement__inner>.shayos-shell-engagement__stat,
html body .shayos-shell-engagement__inner>.shayos-shell-engagement__qr,
html body .shayos-shell-engagement__inner>.shayos-shell-engagement__link,
html body .shayos-shell-engagement__like,
html body .shayos-shell-engagement__like[aria-pressed="true"]{
  border:0!important;
  box-shadow:none!important;
  outline-offset:2px!important;
}
html body .shayos-shell-engagement__inner>.shayos-shell-engagement__stat,
html body .shayos-shell-engagement__inner>.shayos-shell-engagement__link{
  background:transparent!important;
}
html body .shayos-shell-engagement__like[aria-pressed="true"]{
  background:transparent!important;
}
html body .shayos-shell-engagement__qr{
  border:0!important;
  background:transparent!important;
}
html body .shayos-shell-engagement__like:hover,
html body .shayos-shell-engagement__like:focus-visible,
html body .shayos-shell-engagement__qr:hover,
html body .shayos-shell-engagement__qr:focus-visible{
  border:0!important;
  background:transparent!important;
}

/* Canonical heart and eye motion lives here too, not only in frontend.css. */
html body .shayos-shell-engagement .shayos-ui-icon__heart-rotor{
  transform-box:fill-box;transform-origin:center;
  animation:shayos-engagement-heart-bob 7s ease-in-out infinite;
  will-change:transform;
}
html body .shayos-shell-engagement .shayos-ui-icon__heart-face{
  transform-box:fill-box;transform-origin:center;
  animation:shayos-engagement-heart-turn 7s ease-in-out infinite;
  will-change:transform;
}
html body .shayos-shell-engagement .shayos-ui-icon__heart-side{
  transform-box:fill-box;transform-origin:center;
  animation:shayos-engagement-heart-side 7s ease-in-out infinite;
  will-change:transform,opacity;
}
html body .shayos-shell-engagement .shayos-ui-icon__heart-side-shine{
  transform-box:fill-box;transform-origin:center;
  animation:shayos-engagement-heart-shine 7s ease-in-out infinite;
  will-change:transform,opacity;
}
html body .shayos-shell-engagement .shayos-ui-icon__eye-blink{
  transform-box:fill-box;transform-origin:center;
  animation:shayos-engagement-eye-blink 5.2s ease-in-out infinite;
  will-change:transform;
}
@keyframes shayos-engagement-heart-bob{
  0%,100%{transform:translateY(0) scale(1)}
  45%{transform:translateY(-1px) scale(1.05)}
  55%{transform:translateY(0) scale(.98)}
}
@keyframes shayos-engagement-heart-turn{
  0%,42%,100%{transform:scaleX(1)}
  48%{transform:scaleX(.25)}
  52%{transform:scaleX(-.25)}
  58%{transform:scaleX(-1)}
  72%{transform:scaleX(1)}
}
@keyframes shayos-engagement-heart-side{
  0%,42%,72%,100%{opacity:.08;transform:scaleX(.42)}
  50%,58%{opacity:.92;transform:scaleX(1.04)}
}
@keyframes shayos-engagement-heart-shine{
  0%,46%,62%,100%{opacity:0;transform:scaleX(.5)}
  52%,56%{opacity:.76;transform:scaleX(1)}
}
@keyframes shayos-engagement-eye-blink{
  0%,84%,90%,100%{transform:scaleY(1)}
  86%{transform:scaleY(.05)}
  87.5%{transform:scaleY(.18)}
  89%{transform:scaleY(.05)}
}
@media(prefers-reduced-motion:reduce){
  html body .shayos-shell-engagement .shayos-ui-icon__heart-rotor,
  html body .shayos-shell-engagement .shayos-ui-icon__heart-face,
  html body .shayos-shell-engagement .shayos-ui-icon__heart-side,
  html body .shayos-shell-engagement .shayos-ui-icon__heart-side-shine,
  html body .shayos-shell-engagement .shayos-ui-icon__eye-blink{animation:none!important}
}


/* 1.45.0 - one visual contract on desktop and mobile.
 * This stylesheet uses a new canonical asset path so mobile/browser caches cannot
 * keep the pre-1.44 surface while desktop receives the current rules.
 */
html body .shayos-shell-engagement__inner{
  background:rgba(226,230,235,.72)!important;
  border:1px solid rgba(100,116,139,.32)!important;
  border-radius:18px!important;
  box-shadow:0 8px 20px rgba(7,41,76,.13)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .shayos-shell-engagement__inner>.shayos-shell-engagement__stat,
html body .shayos-shell-engagement__inner>.shayos-shell-engagement__qr,
html body .shayos-shell-engagement__inner>.shayos-shell-engagement__link,
html body .shayos-shell-engagement__like,
html body .shayos-shell-engagement__like[aria-pressed="true"]{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .shayos-shell-engagement__qr,
html body .shayos-shell-engagement__qr:hover,
html body .shayos-shell-engagement__qr:focus-visible,
html body .shayos-shell-engagement__like:hover,
html body .shayos-shell-engagement__like:focus-visible{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .shayos-shell-engagement .shayos-ui-icon--eye{
  overflow:visible!important;
  fill:initial!important;
  stroke:initial!important;
}
html body .shayos-shell-engagement .shayos-ui-icon__eye-shell{
  fill:#4e86ad!important;
  stroke:#2c638a!important;
  stroke-width:.45!important;
}
html body .shayos-shell-engagement .shayos-ui-icon__eye-iris{
  fill:#dff4ff!important;
  stroke:#5ba5d3!important;
  stroke-width:.45!important;
}
html body .shayos-shell-engagement .shayos-ui-icon__eye-pupil{fill:#173f65!important}
html body .shayos-shell-engagement .shayos-ui-icon__eye-glint{fill:#fff!important}
@media(max-width:650px){
  html body .shayos-shell-engagement__inner{
    background:rgba(226,230,235,.72)!important;
    border:1px solid rgba(100,116,139,.32)!important;
    border-radius:18px!important;
    box-shadow:0 8px 20px rgba(7,41,76,.13)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html body .shayos-shell-engagement__inner>.shayos-shell-engagement__stat,
  html body .shayos-shell-engagement__inner>.shayos-shell-engagement__qr,
  html body .shayos-shell-engagement__inner>.shayos-shell-engagement__link,
  html body .shayos-shell-engagement__like,
  html body .shayos-shell-engagement__like[aria-pressed="true"]{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}

/* 1.54.0 - deterministic compact engagement surface on direct article URLs and mobile.
 * Keep the complete control group visually cohesive and independent from host/theme button styles. */
html body .shayos-shell-engagement{
  box-sizing:border-box!important;
  width:max-content!important;
  max-width:calc(100vw - 20px)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .shayos-shell-engagement__inner{
  box-sizing:border-box!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:48px!important;
  padding:5px 6px!important;
  border:1px solid rgba(87,111,132,.34)!important;
  border-radius:18px!important;
  background:rgba(250,252,254,.97)!important;
  box-shadow:0 8px 22px rgba(10,43,72,.18)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
  cursor:default!important;
  touch-action:manipulation!important;
}
html body .shayos-shell-engagement__inner > .shayos-shell-engagement__stat,
html body .shayos-shell-engagement__inner > .shayos-shell-engagement__qr,
html body .shayos-shell-engagement__inner > .shayos-shell-engagement__link{
  all:unset!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  height:38px!important;
  min-height:38px!important;
  min-width:40px!important;
  margin:0!important;
  padding:4px 7px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#173f65!important;
  box-shadow:none!important;
  font:800 14px/1 Arial,"Noto Sans Hebrew",sans-serif!important;
  text-decoration:none!important;
  vertical-align:middle!important;
}
html body .shayos-shell-engagement__inner > button.shayos-shell-engagement__like,
html body .shayos-shell-engagement__inner > a.shayos-shell-engagement__like{
  cursor:pointer!important;
}
html body .shayos-shell-engagement__inner > .shayos-shell-engagement__like[aria-pressed="true"]{
  background:#fff0f4!important;
  border-color:rgba(210,67,107,.22)!important;
  color:#a71936!important;
}
html body .shayos-shell-engagement__inner > .shayos-shell-engagement__qr{
  width:40px!important;
  min-width:40px!important;
  padding:3px!important;
  background:#fff!important;
  border-color:rgba(117,146,171,.34)!important;
  cursor:pointer!important;
}
html body .shayos-shell-engagement__stat strong{
  display:inline-block!important;
  height:auto!important;
  margin:0!important;
  line-height:1!important;
  font-size:14px!important;
}
html body .shayos-shell-engagement__label{display:none!important}
html body .shayos-shell-engagement__mini-qr,
html body .shayos-shell-engagement__mini-qr svg{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  display:block!important;
}
html body .shayos-shell-engagement .shayos-ui-icon--heart{
  width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;
}
html body .shayos-shell-engagement .shayos-ui-icon--eye{
  width:26px!important;height:21px!important;min-width:26px!important;max-width:26px!important;
}
@media(max-width:650px){
  html body .shayos-shell-engagement,
  html body .shayos-shell-engagement[data-shayos-user-positioned="1"]{
    position:fixed!important;
    left:max(10px,env(safe-area-inset-left))!important;
    right:auto!important;
    top:auto!important;
    bottom:calc(104px + env(safe-area-inset-bottom))!important;
    width:max-content!important;
    max-width:calc(100vw - 20px)!important;
    margin:0!important;
    transform:none!important;
  }
  html body:not(:has(.shayos-article-magazine__nav:not([hidden]))) .shayos-shell-engagement,
  html body:not(:has(.shayos-article-magazine__nav:not([hidden]))) .shayos-shell-engagement[data-shayos-user-positioned="1"]{
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
  }
  html body .shayos-shell-engagement__inner{
    min-height:46px!important;
    padding:4px 5px!important;
    border-radius:16px!important;
    cursor:default!important;
    touch-action:manipulation!important;
  }
  html body .shayos-shell-engagement__inner > .shayos-shell-engagement__stat,
  html body .shayos-shell-engagement__inner > .shayos-shell-engagement__qr,
  html body .shayos-shell-engagement__inner > .shayos-shell-engagement__link{
    height:36px!important;
    min-height:36px!important;
    min-width:38px!important;
    padding:3px 6px!important;
    font-size:13px!important;
  }
  html body .shayos-shell-engagement__inner > .shayos-shell-engagement__qr{width:38px!important;min-width:38px!important;padding:3px!important}
  html body .shayos-shell-engagement__mini-qr,
  html body .shayos-shell-engagement__mini-qr svg{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important}
}


/* 1.55.0 - one deterministic article engagement pill on every entry path. */
html body.shayos-article-page .shayos-shell-engagement,
html body.shayos-article-page .shayos-shell-engagement[data-shayos-user-positioned="1"]{
  position:fixed!important;left:50%!important;right:auto!important;top:auto!important;
  bottom:calc(106px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;
  width:max-content!important;max-width:calc(100vw - 20px)!important;margin:0!important;
}
html body.shayos-article-page .shayos-shell-engagement__inner{gap:5px!important;padding:5px!important;border-radius:17px!important;background:rgba(255,255,255,.98)!important}
html body.shayos-article-page .shayos-shell-engagement__views,
html body.shayos-article-page .shayos-shell-engagement__like{background:#f7fafc!important;border-color:#d7e1e9!important}
html body.shayos-article-page .shayos-shell-engagement__like[aria-pressed="true"]{background:#fff0f4!important;border-color:#efb2c1!important}
@media(min-width:651px){html body.shayos-article-page .shayos-shell-engagement{bottom:18px!important}}


/* 1.57.0 - movable engagement surface on mobile and articles; one outer frame only. */
html body .shayos-shell-engagement__inner>.shayos-shell-engagement__stat,
html body .shayos-shell-engagement__inner>.shayos-shell-engagement__qr,
html body .shayos-shell-engagement__inner>.shayos-shell-engagement__link{border:0!important;background:transparent!important;border-radius:0!important}
html body .shayos-shell-engagement__inner>.shayos-shell-engagement__like[aria-pressed="true"]{background:rgba(255,240,244,.9)!important;border-radius:10px!important}
html body .shayos-shell-engagement[data-shayos-user-positioned="1"],
html body.shayos-article-page .shayos-shell-engagement[data-shayos-user-positioned="1"]{right:auto!important;bottom:auto!important;transform:none!important;margin:0!important}
html body .shayos-shell-engagement[data-shayos-user-positioned="1"] .shayos-shell-engagement__inner{touch-action:none!important;cursor:grab!important}
html body .shayos-shell-engagement[data-shayos-dragging="1"] .shayos-shell-engagement__inner{cursor:grabbing!important}
@media(max-width:650px){
 html body .shayos-shell-engagement[data-shayos-user-positioned="1"],
 html body.shayos-article-page .shayos-shell-engagement[data-shayos-user-positioned="1"]{right:auto!important;bottom:auto!important;transform:none!important}
}


/* 1.58.0 - keep the single outer engagement frame sized from its live contents, including after drag. */
html body .shayos-shell-engagement,
html body .shayos-shell-engagement[data-shayos-user-positioned="1"],
html body.shayos-article-page .shayos-shell-engagement[data-shayos-user-positioned="1"]{
  width:max-content!important;
  min-width:0!important;
  max-width:calc(100vw - 12px)!important;
  overflow:visible!important;
}
html body .shayos-shell-engagement__inner{
  display:inline-flex!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  overflow:visible!important;
}
html body .shayos-shell-engagement__inner > .shayos-shell-engagement__stat,
html body .shayos-shell-engagement__inner > .shayos-shell-engagement__qr,
html body .shayos-shell-engagement__inner > .shayos-shell-engagement__link{
  position:static!important;
  transform:none!important;
  margin:0!important;
}
html body .shayos-shell-engagement__inner > .shayos-shell-engagement__qr{
  background:transparent!important;
}
@media(max-width:650px){
  html body .shayos-shell-engagement__inner{
    min-width:max-content!important;
    max-width:none!important;
  }
}


/* 1.64.7 - article engagement is anchored above the live article navigation panel. */
html body.shayos-article-page .shayos-shell-engagement{margin:0!important;}


/* 2.0.12 - engagement counters inside the generic QR dialog */
.shayos-shell-qr-engagement{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:4px 0 12px}
.shayos-shell-qr-engagement[hidden]{display:none!important}
.shayos-shell-qr-engagement__stat{min-width:68px;justify-content:center}
.shayos-shell-qr-engagement__stat .shayos-shell-engagement__heart-icon,.shayos-shell-qr-engagement__stat .shayos-shell-engagement__eye-icon{width:28px;height:28px}