/* ---- Центрирование постера на мобильных ---- */
@media (max-width: 767px) {
  .view-app-img {
    display: flex;
    flex-direction: column;
    align-items: center;      /* центрирует по горизонтали */
    justify-content: center;
    text-align: center;
    width: 100%;
  }

  .f5-poster-shell {
    display: inline-block;    /* или flex, если уже flex — оставь */
    margin-left: auto;
    margin-right: auto;
  }

  .f5-poster-mod-wrap {
    margin: 0 auto;           /* figure по центру */
    display: block;
  }

  .f5-poster-mod-wrap img {
    display: block;
    margin: 0 auto;           /* img по центру, если figure шире */
  }

  .f5-poster-outer-corners {
    display: block;
    margin: 0 auto;
  }
}
/* ---- Горизонтальная ориентация на телефонах: постер меньше ---- */
@media (max-width: 991px) and (orientation: landscape) {

  .view-app-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
  }

  .f5-poster-shell {
    margin-left: auto;
    margin-right: auto;
    max-width: 9rem;          /* было ~15rem (240px) — уменьшаем */
    width: 100%;
  }

  .f5-poster-mod-wrap {
    margin: 0 auto;
    max-width: 9rem;
    width: 100%;
  }

  .f5-poster-mod-wrap img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;             /* сохраняем пропорции */
    max-width: 9rem;
    max-height: 9rem;
  }

  /* если рамки/уголки абсолютные — они масштабируются от shell */
  .f5-poster-2026-frame,
  .f5-poster-2026-dots,
  .f5-poster-outer-corners {
    transform: scale(.75);
    transform-origin: center;
  }
}
/* ============================================================
   POSTER: контейнер и «дым»
   ============================================================ */

.view-app-img {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
}

.view-app-img .f5-poster-mod-wrap {
  position: relative !important;
  z-index: 2 !important;
}

.view-app-img .f5-poster-color-smoke {
  --f5-smoke-1: 76, 203, 112;
  --f5-smoke-2: 55, 169, 228;
  --f5-smoke-3: 249, 189, 59;

  --f5-s1x: 27%;
  --f5-s1y: 32%;
  --f5-s2x: 73%;
  --f5-s2y: 64%;
  --f5-s3x: 53%;
  --f5-s3y: 79%;

  position: absolute !important;
  z-index: 0 !important;

  left: 50% !important;
  top: 50% !important;

  width: 124% !important;
  height: 124% !important;

  transform:
    translate(-50%, -50%)
    rotate(var(--f5-smoke-rotate, 0deg))
    scale(var(--f5-smoke-scale, 1)) !important;

  border-radius: 38% !important;

  background:
    radial-gradient(
      ellipse at var(--f5-s1x) var(--f5-s1y),
      rgba(var(--f5-smoke-1), .42) 0%,
      rgba(var(--f5-smoke-1), .20) 30%,
      rgba(var(--f5-smoke-1), .055) 49%,
      transparent 68%
    ),
    radial-gradient(
      ellipse at var(--f5-s2x) var(--f5-s2y),
      rgba(var(--f5-smoke-2), .36) 0%,
      rgba(var(--f5-smoke-2), .15) 33%,
      rgba(var(--f5-smoke-2), .045) 52%,
      transparent 70%
    ),
    radial-gradient(
      ellipse at var(--f5-s3x) var(--f5-s3y),
      rgba(var(--f5-smoke-3), .27) 0%,
      rgba(var(--f5-smoke-3), .10) 34%,
      transparent 67%
    ) !important;

  filter: blur(31px) saturate(1.24) !important;
  opacity: .68 !important;
  pointer-events: none !important;
  will-change: transform, opacity !important;

  animation:
    f5PosterSmokeDrift 9s
    cubic-bezier(.45, 0, .55, 1)
    infinite alternate !important;
}

.view-app-img .f5-poster-color-smoke::before {
  content: "" !important;
  position: absolute !important;
  inset: 14% !important;
  border-radius: 44% 56% 52% 48% / 58% 45% 55% 42% !important;

  background:
    radial-gradient(ellipse at 24% 42%, rgba(var(--f5-smoke-2), .23), transparent 58%),
    radial-gradient(ellipse at 76% 57%, rgba(var(--f5-smoke-1), .26), transparent 61%) !important;

  filter: blur(17px) !important;
  opacity: .76 !important;
  transform: rotate(-8deg) !important;

  animation:
    f5PosterSmokeWisp 11s
    ease-in-out
    infinite alternate !important;

  pointer-events: none !important;
}

.view-app-img .f5-poster-color-smoke::after {
  content: "" !important;
  position: absolute !important;

  left: 12% !important;
  right: 10% !important;
  top: 24% !important;
  bottom: 19% !important;

  border-radius: 50% !important;

  background:
    radial-gradient(
      ellipse at 50% 50%,
      rgba(var(--f5-smoke-3), .16),
      transparent 64%
    ) !important;

  filter: blur(22px) !important;
  opacity: .62 !important;
  transform: translateX(7%) rotate(7deg) !important;
  pointer-events: none !important;
}

@keyframes f5PosterSmokeDrift {
  0% {
    transform:
      translate(-50%, -50%)
      rotate(var(--f5-smoke-rotate, 0deg))
      scale(var(--f5-smoke-scale, 1)) !important;
  }
  100% {
    transform:
      translate(calc(-50% + 4px), calc(-50% - 3px))
      rotate(calc(var(--f5-smoke-rotate, 0deg) + 2deg))
      scale(calc(var(--f5-smoke-scale, 1) + .025)) !important;
  }
}

@keyframes f5PosterSmokeWisp {
  0%   { transform: translate(-3px, 2px) rotate(-8deg) scale(.98) !important; }
  100% { transform: translate(5px, -3px) rotate(-3deg) scale(1.04) !important; }
}

html#h.darktheme .view-app-img .f5-poster-color-smoke {
  opacity: .58 !important;
  filter: blur(33px) saturate(1.16) !important;
}

@media (max-width: 680px) {
  .view-app-img .f5-poster-color-smoke {
    width: 116% !important;
    height: 116% !important;
    opacity: .54 !important;
    filter: blur(26px) saturate(1.18) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .view-app-img .f5-poster-color-smoke,
  .view-app-img .f5-poster-color-smoke::before {
    animation: none !important;
  }
}

/* ============================================================
   POSTER: сама картинка, рамка, тень
   ============================================================ */

.view-app-img .f5-poster-mod-wrap {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  border-radius: 24px !important;
  background: #18252b !important;

  box-shadow:
    0 19px 42px rgba(17, 35, 43, .15),
    0 6px 15px rgba(17, 35, 43, .09) !important;

  transform: translateZ(0) !important;

  transition:
    transform .26s cubic-bezier(.22, 1, .36, 1),
    box-shadow .26s ease !important;
}

.view-app-img .f5-poster-mod-wrap > img {
  position: relative !important;
  z-index: 1 !important;

  display: block !important;
  border-radius: inherit !important;

  transform: scale(1) !important;
  filter: brightness(.88) saturate(.96) !important;

  transition:
    transform .34s cubic-bezier(.22, 1, .36, 1),
    filter .30s ease !important;
}

/* Декоративные штрихи в углах */
.view-app-img .f5-poster-2026-frame {
  position: absolute !important;
  z-index: 4 !important;
  inset: 0 !important;
  display: block !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.view-app-img .f5-poster-2026-frame::before {
  content: "" !important;
  position: absolute !important;

  top: 14px !important;
  left: 14px !important;
  width: 30px !important;
  height: 20px !important;

  border: 0 !important;
  border-radius: 0 !important;

  background:
    radial-gradient(circle, #4ccb70 0 3px, transparent 3.4px) left 0 top 7px / 7px 7px no-repeat,
    radial-gradient(circle, #f9bd3b 0 1.6px, transparent 2px) left 11px top 2px / 5px 5px no-repeat,
    linear-gradient(90deg, #4ccb70, rgba(76, 203, 112, .20)) left 10px top 10px / 16px 2px no-repeat,
    linear-gradient(90deg, #37a9e4, transparent) left 15px top 16px / 10px 1px no-repeat !important;

  box-shadow: none !important;
  opacity: .88 !important;
  pointer-events: none !important;
}

.view-app-img .f5-poster-2026-frame::after {
  content: "" !important;
  position: absolute !important;

  right: 8px !important;
  top: 50% !important;
  width: 20px !important;
  height: 54px !important;
  transform: translateY(-50%) !important;

  border: 0 !important;
  border-radius: 0 !important;

  background:
    linear-gradient(#4ccb70, #4ccb70) right 3px top 4px / 12px 2px no-repeat,
    linear-gradient(#f9bd3b, #f9bd3b) right 3px top 15px / 7px 2px no-repeat,
    linear-gradient(#37a9e4, #37a9e4) right 3px top 26px / 10px 2px no-repeat,
    radial-gradient(circle, #4ccb70 0 2px, transparent 2.5px) right 2px bottom 8px / 6px 6px no-repeat !important;

  box-shadow: none !important;
  opacity: .78 !important;
  pointer-events: none !important;
}

/* Три точки внизу */
.view-app-img .f5-poster-2026-dots {
  position: absolute !important;
  z-index: 5 !important;

  left: 14px !important;
  bottom: 12px !important;

  display: flex !important;
  align-items: center !important;
  gap: 4px !important;

  pointer-events: none !important;
}

.view-app-img .f5-poster-2026-dots i {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

.view-app-img .f5-poster-2026-dots i:nth-child(1) {
  width: 5px !important;
  height: 5px !important;
  background: #4ccb70 !important;
  box-shadow: 0 0 0 3px rgba(76, 203, 112, .075) !important;
}

.view-app-img .f5-poster-2026-dots i:nth-child(2) {
  width: 4px !important;
  height: 4px !important;
  background: #f9bd3b !important;
  opacity: .88 !important;
}

.view-app-img .f5-poster-2026-dots i:nth-child(3) {
  width: 3px !important;
  height: 3px !important;
  background: #37a9e4 !important;
  opacity: .78 !important;
}

@media (hover: hover) {
  .view-app-img .f5-poster-mod-wrap:hover {
    transform: translateY(-2px) translateZ(0) !important;
    box-shadow:
      0 23px 48px rgba(17, 35, 43, .17),
      0 8px 18px rgba(17, 35, 43, .10) !important;
  }

  .view-app-img .f5-poster-mod-wrap:hover > img {
    transform: scale(1.016) !important;
    filter: brightness(1) saturate(1) !important;
  }
}

html#h.darktheme .view-app-img .f5-poster-mod-wrap {
  background: #111b20 !important;
  box-shadow:
    0 19px 42px rgba(0, 0, 0, .23),
    0 6px 15px rgba(0, 0, 0, .14) !important;
}

html#h.darktheme .view-app-img .f5-poster-mod-wrap > img {
  filter: brightness(.86) saturate(.95) !important;
}

@media (hover: hover) {
  html#h.darktheme .view-app-img .f5-poster-mod-wrap:hover > img {
    filter: brightness(1) saturate(1) !important;
  }
}

@media (max-width: 680px) {
  .view-app-img .f5-poster-mod-wrap {
    border-radius: 21px !important;
    box-shadow:
      0 14px 30px rgba(17, 35, 43, .13),
      0 4px 11px rgba(17, 35, 43, .075) !important;
  }

  .view-app-img .f5-poster-mod-wrap > img {
    filter: brightness(.94) saturate(.98) !important;
  }

  html#h.darktheme .view-app-img .f5-poster-mod-wrap > img {
    filter: brightness(.91) saturate(.97) !important;
  }

  .view-app-img .f5-poster-2026-frame::before {
    top: 11px !important;
    left: 11px !important;
    width: 27px !important;
    height: 18px !important;
  }

  .view-app-img .f5-poster-2026-frame::after {
    right: 6px !important;
    top: 52% !important;
    width: 18px !important;
    height: 48px !important;
    transform: translateY(-50%) !important;
    opacity: .70 !important;
  }

  .view-app-img .f5-poster-2026-dots {
    left: 11px !important;
    bottom: 10px !important;
  }
}

/* ============================================================
   POSTER: лента «MOD»
   ============================================================ */

.view-app-img .f5-poster-mod-ribbon {
  position: absolute !important;
  z-index: 6 !important;

  top: 0 !important;
  right: 0 !important;

  width: 98px !important;
  height: 98px !important;

  display: block !important;
  margin: 0 !important;
  padding: 0 !important;

  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  overflow: hidden !important;
  pointer-events: none !important;

  filter: drop-shadow(-2px 3px 5px rgba(12, 60, 30, .09)) !important;
}

.view-app-img .f5-poster-mod-ribbon::before {
  content: "" !important;
  position: absolute !important;

  width: 136px !important;
  height: 30px !important;

  top: 19px !important;
  right: -42px !important;

  transform: rotate(45deg) !important;
  transform-origin: center !important;

  border-radius: 5px !important;

  background:
    radial-gradient(
      ellipse at 18% 4%,
      rgba(255, 255, 255, .17) 0%,
      rgba(255, 255, 255, .050) 26%,
      transparent 54%
    ),
    linear-gradient(
      100deg,
      #43b964 0%,
      #349b53 48%,
      #287d43 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .16),
    inset 0 -1px 0 rgba(8, 54, 28, .18),
    0 5px 14px rgba(18, 79, 41, .17) !important;
}

.view-app-img .f5-poster-mod-ribbon::after {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;

  width: 49px !important;
  height: 1px !important;

  top: 20px !important;
  right: -1px !important;

  transform: rotate(45deg) !important;
  transform-origin: right center !important;

  border-radius: 999px !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(249, 189, 59, .82),
      transparent
    ) !important;

  opacity: .86 !important;
  filter: drop-shadow(0 1px 2px rgba(125, 85, 10, .08)) !important;
}

.view-app-img .f5-poster-mod-ribbon b {
  position: absolute !important;
  z-index: 5 !important;

  top: 24px !important;
  right: -6px !important;
  width: 71px !important;

  display: block !important;
  margin: 0 !important;
  padding: 0 !important;

  transform: rotate(45deg) !important;
  transform-origin: center !important;

  color: #fff !important;

  font-family: inherit !important;
  font-size: 14.5px !important;
  line-height: .95 !important;
  font-weight: 850 !important;
  letter-spacing: 1px !important;

  text-align: center !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;

  text-shadow: 0 1px 2px rgba(0, 0, 0, .20) !important;
}

.view-app-img .f5-poster-mod-wrap::before,
.view-app-img .f5-poster-mod-wrap::after {
  content: none !important;
  display: none !important;
}

html#h.darktheme .view-app-img .f5-poster-mod-ribbon::before {
  background:
    linear-gradient(
      100deg,
      #3ca75b 0%,
      #2f8c4b 48%,
      #246f3c 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .10),
    inset 0 -1px 0 rgba(0, 0, 0, .16),
    0 5px 14px rgba(0, 0, 0, .17) !important;
}

@media (max-width: 680px) {
  .view-app-img .f5-poster-mod-ribbon {
    width: 89px !important;
    height: 89px !important;
  }

  .view-app-img .f5-poster-mod-ribbon::before {
    width: 124px !important;
    height: 27px !important;
    top: 17px !important;
    right: -39px !important;
    border-radius: 4px !important;
  }

  .view-app-img .f5-poster-mod-ribbon::after {
    width: 43px !important;
    top: 18px !important;
    right: -1px !important;
  }

  .view-app-img .f5-poster-mod-ribbon b {
    top: 19px !important;
    right: -6px !important;
    width: 71px !important;
    font-size: 14.5px !important;
    letter-spacing: 1px !important;
  }
}

/* ============================================================
   POSTER: внешние уголки
   ============================================================ */

.view-app-img .f5-poster-shell {
  position: relative !important;
  z-index: 2 !important;

  display: inline-block !important;
  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  line-height: 0 !important;
  vertical-align: top !important;
  overflow: visible !important;
}

.view-app-img .f5-poster-shell > .f5-poster-mod-wrap {
  position: relative !important;
  z-index: 2 !important;
}

.view-app-img .f5-poster-outer-corners {
  position: absolute !important;
  z-index: 1 !important;
  inset: -5px !important;

  display: block !important;
  margin: 0 !important;
  padding: 0 !important;

  pointer-events: none !important;
  overflow: visible !important;
}

.view-app-img .f5-poster-outer-corners .f5-corner {
  position: absolute !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  opacity: .95 !important;
  box-sizing: border-box !important;
  filter: drop-shadow(0 3px 7px rgba(9, 27, 35, .10)) !important;
  background: none !important;
}

.view-app-img .f5-corner--tl {
  left: 0 !important;
  top: 0 !important;
  width: 18px !important;
  height: 18px !important;
  border-left: 3px solid #4ccb70 !important;
  border-top: 3px solid #4ccb70 !important;
  border-top-left-radius: 12px !important;
}

.view-app-img .f5-corner--tr {
  right: 0 !important;
  top: 0 !important;
  width: 18px !important;
  height: 18px !important;
  border-right: 3px solid #fede4a !important;
  border-top: 3px solid #fede4a !important;
  border-top-right-radius: 12px !important;
}

.view-app-img .f5-corner--bl {
  left: 0 !important;
  bottom: 0 !important;
  width: 18px !important;
  height: 18px !important;
  border-left: 3px solid #37a9e4 !important;
  border-bottom: 3px solid #37a9e4 !important;
  border-bottom-left-radius: 12px !important;
}

.view-app-img .f5-corner--br {
  right: 0 !important;
  bottom: 0 !important;
  width: 18px !important;
  height: 18px !important;
  border-right: 3px solid #289b7f !important;
  border-bottom: 3px solid #289b7f !important;
  border-bottom-right-radius: 12px !important;
}

html#h.darktheme .view-app-img .f5-poster-outer-corners .f5-corner {
  filter:
    drop-shadow(0 3px 7px rgba(0, 0, 0, .18))
    drop-shadow(0 0 5px rgba(76, 203, 112, .02)) !important;
}

@media (max-width: 680px) {
  .view-app-img .f5-poster-outer-corners {
    inset: -4px !important;
  }

  .view-app-img .f5-poster-outer-corners .f5-corner {
    opacity: .92 !important;
    filter: drop-shadow(0 2px 5px rgba(9, 27, 35, .08)) !important;
  }

  .view-app-img .f5-corner--tl {
    width: 15px !important;
    height: 15px !important;
    border-top-left-radius: 10px !important;
  }

  .view-app-img .f5-corner--tr {
    width: 15px !important;
    height: 15px !important;
    border-top-right-radius: 10px !important;
  }

  .view-app-img .f5-corner--bl {
    width: 15px !important;
    height: 15px !important;
    border-bottom-left-radius: 10px !important;
  }

  .view-app-img .f5-corner--br {
    width: 15px !important;
    height: 15px !important;
    border-bottom-right-radius: 10px !important;
  }
}

.view-app-img .f5-poster-mod-wrap {
  padding: 0 !important;
  margin: 0 !important;
  width: 240px !important;
  height: 240px !important;
  max-width: none !important;
  background: #18252b !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.view-app-img .f5-poster-mod-wrap > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* ============================================================
   НИЖНЯЯ ПАНЕЛЬ НАВИГАЦИИ (только мобильные)
   ============================================================ */

.f5-bottom-bar {
  display: none;
}

@media (max-width: 768px) {
  .f5-bottom-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;

    display: flex;
    justify-content: space-around;
    align-items: stretch;

    background: var(--block-bg, #fff);
    border-top: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, .08);

    padding: 4px 0;
    padding-bottom: calc(4px + env(safe-area-inset-bottom, 0px));
  }

  .f5-bb-item {
    flex: 1 1 0;
    min-width: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;

    background: none;
    border: 0;
    padding: 4px 2px;

    color: var(--tcolor, #333);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.1;
    text-decoration: none;
    text-align: center;

    -webkit-tap-highlight-color: transparent;
    transition: color .15s ease;
  }

  .f5-bb-item svg {
    width: 22px;
    height: 22px;
    display: block;
    flex: 0 0 auto;
    stroke: currentColor;
  }

  .f5-bb-item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }

  .f5-bb-item:active,
  .f5-bb-item.is-active {
    color: #4ccb70;
  }

  body {
    padding-bottom: 64px;
    padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
  }
}

.darktheme .f5-bottom-bar,
body.dark .f5-bottom-bar,
body.theme-dark .f5-bottom-bar {
  background: var(--block-bg, #1a1a1a);
  border-top-color: rgba(255, 255, 255, .08);
}

.gallery-hidden,
.gallery-hidden.hidden,
.hidden {
  display: none !important;
}

.f5-share-2026 {
  margin: 18px 0;
  padding: 16px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(76,203,112,.06), rgba(76,203,112,.02));
  border: 1px solid rgba(76,203,112,.20);
}

.f5-share-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.f5-share-title-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(76,203,112,.15);
  color: #3bb35e;
}
.f5-share-title-icon svg { width: 20px; height: 20px; }
.f5-share-title-text b { display: block; font-size: 15px; }
.f5-share-title-text small { display: block; font-size: 12px; opacity: .65; }

.f5-socials-fixed {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.f5-social {
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1.5px solid rgba(76,203,112,.35);
  background: rgba(76,203,112,.10);
  transition: background .18s, box-shadow .18s, transform .12s, border-color .18s;
  -webkit-tap-highlight-color: transparent;
}
.f5-social img { display: block; width: 23px; height: 23px; }

.f5-social:hover { transform: translateY(-2px); }
.f5-social:active { transform: scale(.94); }
.f5-social:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(76,203,112,.28);
}

.f5-social--tg:hover  { background: #229ED9; border-color: #229ED9; box-shadow: 0 4px 14px rgba(34,158,217,.35); }
.f5-social--vk:hover  { background: #0077FF; border-color: #0077FF; box-shadow: 0 4px 14px rgba(0,119,255,.35); }
.f5-social--wa:hover  { background: #25D366; border-color: #25D366; box-shadow: 0 4px 14px rgba(37,211,102,.35); }
.f5-social--max:hover { background: #7B4DFF; border-color: #7B4DFF; box-shadow: 0 4px 14px rgba(123,77,255,.35); }
.f5-social--ok:hover  { background: #EE8208; border-color: #EE8208; box-shadow: 0 4px 14px rgba(238,130,8,.35); }

a.logotype {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  
  position: relative;
  text-decoration: none;
}

a.logotype > svg {
  display: block;
  flex: 0 0 auto;
}

a.logotype > img.logo-star {
  display: block !important;
  flex: 0 0 auto !important;
  width: 27px;
  height: 27px;
  transform-origin: center;
  will-change: transform;
  animation: logoWiggle 2.4s ease-in-out infinite;
}

@keyframes logoWiggle {
  0%, 100% { transform: rotate(0deg); }
  15%      { transform: rotate(-8deg); }
  30%      { transform: rotate(8deg); }
  45%      { transform: rotate(-5deg); }
  60%      { transform: rotate(5deg); }
  75%      { transform: rotate(-2deg); }
}

@media (prefers-reduced-motion: reduce) {
  a.logotype > img.logo-star { animation: none; }
}

.b-cont.tab-content {
  --f5-green: #4ccb70;
  --f5-green-dark: #3bb35e;
  --f5-green-soft: rgba(76, 203, 112, 0.12);
  --f5-green-glow: rgba(76, 203, 112, 0.25);
  --f5-bg: #ffffff;
}

#app_description.is-collapsed {
  max-height: 260px;
  overflow: hidden;
  position: relative;
}

#app_description.is-collapsed::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 70px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255,255,255,0), var(--f5-bg, #fff));
}

.f5-readmore-wrap {
  text-align: center;
  margin: 14px 0 6px;
}

#f5ReadMore {
  cursor: pointer;
  padding: 9px 22px;
  border-radius: 10px;
  border: 1.5px solid var(--f5-green);
  background: var(--f5-green-soft);
  color: var(--f5-green-dark);
  font: inherit;
  font-weight: 600;
  letter-spacing: 0.2px;
  transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .12s ease;
  box-shadow: 0 0 0 0 var(--f5-green-glow);
}

#f5ReadMore:hover {
  background: var(--f5-green);
  color: #fff;
  box-shadow: 0 4px 14px var(--f5-green-glow);
}

#f5ReadMore:active {
  transform: translateY(1px);
  background: var(--f5-green-dark);
  border-color: var(--f5-green-dark);
  color: #fff;
}

#f5ReadMore:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--f5-green-glow);
}

#f5ReadMore[aria-expanded="true"] {
  background: transparent;
  color: var(--f5-green-dark);
}
#f5ReadMore[aria-expanded="true"]:hover {
  background: var(--f5-green);
  color: #fff;
}

html {
  background-color: transparent !important;
}

.page-sys {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}

.f5a-banner {
  max-width: 980px;
  margin: 28px auto;
  font-family: inherit;
}

.f5ab {
  border-radius: 30px;
  padding: 38px 26px;
  background:
    radial-gradient(1100px 520px at 10% -15%, rgba(211,47,47,.18), transparent 60%),
    radial-gradient(1000px 500px at 100% 130%, rgba(255,87,34,.12), transparent 60%),
    var(--block-bg);
  position: relative;
  overflow: hidden;
  text-align: center;
  box-shadow: 0 22px 60px rgba(0,0,0,.10);
}

html.darktheme .f5ab {
  background:
    radial-gradient(1100px 520px at 10% -15%, rgba(211,47,47,.34), transparent 60%),
    radial-gradient(1000px 500px at 100% 130%, rgba(255,87,34,.24), transparent 60%),
    var(--block-bg);
}

.f5ab-eyebrow {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-weight: 900;
  color: var(--tcolor);
  opacity: .6;
  margin-bottom: 18px;
}

.f5ab-title {
  margin: 0 0 16px;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
  color: var(--tcolor);
}

.f5ab-text {
  margin: 0 auto;
  max-width: 720px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--tcolor);
  opacity: .88;
}

@media (max-width: 560px) {
  .f5ab { padding: 28px 18px; border-radius: 24px; }
  .f5ab-title { font-size: 21px; }
  .f5ab-text { font-size: 14px; }
}

@media (max-width: 739px) {
  :is(a,button).like-btn { width: auto !important; }
  :is(a,button).dislike-btn { width: auto !important; }
}

.quote::before,
blockquote::before {
  display: none;
}

.hack-badge {
  display: inline-block;
  padding: 0px 7px;
  margin-right: 2px;
  background: rgba(255, 60, 60, .85);
  color: #fff;
  border-radius: 6px;
  font-weight: 700;
}

@media (max-width:768px) {
  .hack-badge {
    display: inline-block;
    padding: 2px 4px;
    margin-right: 0px;
    background: rgba(255, 60, 60, .85);
    color: #fff;
    border-radius: 6px;
    font-weight: 700;
    position: relative;
    top: -4px;
    left: 0px;
    font-size: 9px;
    animation: hackPulse 1.8s ease-in-out infinite;
  }

  @keyframes hackPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.06); }
    100% { transform: scale(1); }
  }
}

.Logo5play {
  position: relative;
}

.egg {
  position: absolute;
  width: 14px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

.e1 {
  background-image: url('https://5play.info/animation/bee.png');
  top: -1px;
  left: 8px;
  transform: rotate(-20deg);
}

.e2 {
  background-image: url('https://5play.info/animation/tulips.png');
  top: 4px;
  width: 27px;
  height: 15px;
  left: 40px;
  transform: rotate(25deg);
}

.e3 {
  background-image: url('https://5play.info/animation/easte1.png');
  top: 20px;
  width: 27px;
  height: 15px;
  left: 26px;
  transform: rotate(25deg);
}

.e5 {
  background-image: url('https://5play.info/animation/egg_e5.svg');
  top: -4px;
  bottom: -2px;
  right: -3px;
  transform: rotate(10deg);
}

figure.img {
  display: inline-block;
  border-radius: 22px;
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.10),
    0 2px 4px rgba(0, 0, 0, 0.06);
}

.block.b-add-info ul li {
  border: none !important;
  background: none !important;
}

figure.img img {
  display: block;
  border-radius: 22px;
}

figure.img {
  display: inline-block;
  position: relative;
  border-radius: 22px;
  overflow: hidden;
}

figure.img img {
  display: block;
  border-radius: 22px;
  position: relative;
  z-index: 2;
}

figure.img::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  padding: 1.5px;
  background: linear-gradient(140deg,
      #4ccb70 0%,
      #1f8f58 35%,
      #ffd54f 65%,
      #4ccb70 100%);
  z-index: 1;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.f5-textbox::before,
.f5-textbox::after {
  display: none !important;
}

.f5-textbox {
  position: relative;
}

.f5-textbox::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg,
      rgba(255, 255, 255, .03),
      rgba(255, 255, 255, 0) 40%);
  opacity: .6;
}

.f5-textblock {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.f5-textbox {
  border-radius: 22px 22px 0 0 !important;
  margin: 0 !important;
}

.b-tabs,
.b-cont,
.tab-content {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.b-tabs {
  margin-top: -2px !important;
}

.block.b-add-info {
  overflow: hidden;
}

@media (max-width: 768px) {
  .f5-textbox { border-radius: 0 !important; }
  .block.b-add-info { border-radius: 0 !important; }
  .b-tabs, .b-cont, .tab-content { border-radius: 0 !important; }
}

figure.img {
  position: relative;
  display: inline-block;
  line-height: 0;
}

figure.img img {
  display: block;
  position: relative;
  z-index: 2;
  border-radius: 22px;
}

figure.img::before {
  content: "";
  position: absolute;
  inset: -45px;
  z-index: 1;
  border-radius: 40px;
  background: radial-gradient(circle at center,
      rgba(76, 203, 112, .45) 0%,
      rgba(76, 203, 112, .30) 35%,
      rgba(76, 203, 112, .18) 55%,
      rgba(76, 203, 112, .10) 70%,
      transparent 85%);
  filter: blur(55px);
  pointer-events: none;
}

.block.b-add-info {
  overflow: hidden;
  padding-top: 1px;
  margin-top: -1px;
}

.block.b-add-info>p {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

.block.b-add-info .b-tabs:first-child,
.block.b-add-info .b-cont:first-child {
  margin-top: 0 !important;
}

.f5m-appbar {
  position: relative;
  overflow: hidden;
}

.f5m-appbar::after {
  content: "";
  position: absolute;
  top: 68%;
  right: 20px;
  transform: translateY(-50%);
  width: 58px;
  height: 58px;
  background: url("https://5play.info/img/footer-logo.svg") no-repeat center;
  background-size: contain;
  opacity: .05;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

.f5m-appbar>* {
  position: relative;
  z-index: 1;
}

.block.b-comments {
  position: relative;
  overflow: hidden;
}

.block.b-comments::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
      transparent 65%,
      rgba(76, 203, 112, .06) 80%,
      rgba(76, 203, 112, .12) 100%);
  pointer-events: none;
  z-index: 0;
}

.block.b-comments>* {
  position: relative;
  z-index: 1;
}

.spec-icon svg {
  transition: transform 0.25s ease;
}

.specs-item:hover .spec-icon svg {
  transform: scale(1.1);
}

.h1-mod {
  display: inline-block;
  background: #ff4d4f;
  color: #fff;
  font-size: .62em;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1;
  padding: .28em .5em;
  border-radius: .45em;
  vertical-align: middle;
  margin: 0 .08em;
  position: relative;
  top: -.08em;
}

.block.b-add-info ul {
  list-style: none;
  margin: 0;
  padding-left: 0px;
}

.block.b-add-info ul li {
  position: relative;
  margin: 2px 0;
  line-height: 1.25;
}

.block.b-add-info ul li p {
  margin: 0;
  line-height: 1.25;
}

.block.b-add-info ul li:before {
  content: "";
  position: absolute;
  top: 33%;
  left: -10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: translateY(-50%);
  animation: f5BlinkDot 1.4s infinite ease-in-out;
}

.block.b-add-info ul li:nth-child(5n+1) { --dot: #4ccb70; }
.block.b-add-info ul li:nth-child(5n+2) { --dot: #00BFFF; }
.block.b-add-info ul li:nth-child(5n+3) { --dot: #facc15; }
.block.b-add-info ul li:nth-child(5n+4) { --dot: #fb7185; }
.block.b-add-info ul li:nth-child(5n)   { --dot: #a78bfa; }

.block.b-add-info ul li:before {
  background: var(--dot);
  box-shadow: 0 0 6px var(--dot), 0 0 12px var(--dot);
}

@keyframes f5BlinkDot {
  0%   { opacity: 1;   transform: scale(1);   box-shadow: 0 0 6px var(--dot), 0 0 12px var(--dot); }
  50%  { opacity: .35; transform: scale(.75); box-shadow: 0 0 3px var(--dot), 0 0 6px var(--dot); }
  100% { opacity: 1;   transform: scale(1);   box-shadow: 0 0 6px var(--dot), 0 0 12px var(--dot); }
}

@media (min-width: 1040px) {
  .block.b-add-info {
    border-radius: 0.125rem 0.125rem 1.125rem 1.125rem !important;
  }
}

.UhideBlock {
  display: none;
}

.woobl_emoji li { transition: transform .15s; }
.woobl_emoji li img { transition: transform 0.25s cubic-bezier(.34, 1.56, .64, 1); }
.woobl_emoji li:hover img { transform: translateY(-6px) scale(1.2); }

.block.b-add-info hr {
  all: unset;
  display: block;
  height: 2px;
  margin: 38px 0;
  position: relative;
  border-radius: 40px;
  background: linear-gradient(90deg,
      transparent,
      rgba(76, 203, 112, .35) 20%,
      rgba(76, 203, 112, .8) 50%,
      rgba(76, 203, 112, .35) 80%,
      transparent);
}

.block.b-add-info hr::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -3px;
  transform: translateX(-50%);
  width: 60px;
  height: 6px;
  border-radius: 40px;
  background: #4ccb70;
  opacity: .25;
  filter: blur(6px);
}

@media (min-width: 991px) {
  img.h-\[40px\].w-\[164px\].sm\:h-\[45px\].sm\:w-\[184px\].md\:h-\[50px\].md\:w-\[205px\].dark-logo.active {
    position: relative;
    padding-right: 0px;
    left: -5px;
  }
}

.logotype {
  position: relative;
  display: inline-block;
}

.bee-wrap {
  position: absolute;
  top: 2px;
  left: 108px;
  width: 34px;
  height: 34px;
  pointer-events: none;
  z-index: 15;
}

.bee {
  position: absolute;
  width: 22px;
  height: auto;
  animation:
    likeFloat 3.2s infinite ease-in-out,
    likePulse 1.8s infinite ease-in-out;
}

@keyframes likeFloat {
  0%   { transform: translateY(0)    rotate(-4deg); }
  25%  { transform: translateY(-2px) rotate(3deg);  }
  50%  { transform: translateY(-4px) rotate(-2deg); }
  75%  { transform: translateY(-1px) rotate(2deg);  }
  100% { transform: translateY(0)    rotate(-4deg); }
}

@keyframes likePulse {
  0%, 100% { scale: 1; }
  50%      { scale: 1.08; }
}

.sel-lang>button {
  width: 2.5rem;
  height: 2.5rem;
  padding: 3px !important;
  border: 0;
}

button.sel-lang__ru img {
  box-shadow: 0 0.2rem 1.5rem -0.3rem #2b9dd5;
}

.sel-lang {
  width: 44px;
  height: 44px;
  left: -1px;
  display: inline-block;
  position: relative;
  right: 0px;
  top: 0px;
  background-color: var(--sel-lang-active) !important;
}

button.sel-lang__ru {
  right: 0;
  position: relative;
  left: 0px;
  display: inline-block;
  top: 0px;
}

@media (min-width: 1260px) {
  .sel-lang>button { margin-left: 0 !important; }
  .sel-lang { border-radius: 30px; }
  button.sel-lang__ru { top: -1px !important; left: 0px !important; }
}

@media (min-width: 992px) {
  .sel-dark-toggle:hover,
  .sel-lang>button:not(.active):hover { transform: scale(1) !important; }
}

.labell {
  position: absolute;
  top: 0;
  left: 0;
  margin: .5rem;
  z-index: 1;
  display: flex;
  align-items: center;
  font-size: .6875rem;
  font-weight: 700;
  background-color: var(--entry-label);
  text-transform: uppercase;
  line-height: 1rem;
  padding: .25rem .5rem;
  border-radius: .75rem;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  pointer-events: none;
}

@media(max-width:991px) {
  span.searchheading { width: 78% !important; }
}

#poisk2 a:hover { background: #A3C2DC; }
#poisk2 a:last-child { border-bottom: 0px solid; }

#poisk2 {
  border: 3px solid #eee;
  position: absolute;
  margin-left: 0px;
  margin-top: 50px;
  display: none;
  font-weight: bold;
  width: 430px;
  box-shadow: 3px 3px 3px #000, inset 3px 3px 3px rgba(0, 0, 0, .9);
  z-index: 100;
}

#poisk2::after {
  border-bottom: 8px solid transparent;
  border-left: 0px solid transparent;
  border-right: 8px solid #eee;
  border-top: 8px solid transparent;
  content: "";
  left: 20px;
  position: absolute;
  top: -15px;
  transform: rotate(90deg);
  writing-mode: tb-rl;
}

#poisk2 span {
  color: #444 !important;
  background: #EEE;
  display: block;
  padding: 8px;
}

#poisk2 input {
  background: #263742 !important;
  color: #fff !important;
  font-weight: bold;
  border: 0px !important;
  cursor: pointer;
  border-radius: 0 !important;
  padding: 2px !important;
  height: 30px;
  width: 100% !important;
  margin: 0px;
}

#poisk2 input:hover { background: #315974 !important; }

#poisk2 a {
  border-bottom: 1px solid #DCDCDC;
  color: #000 !important;
  font-weight: bold;
  text-decoration: none;
  white-space: normal;
  background: #EEE;
  display: block;
  padding: 5px;
  height: auto;
}

@media (max-width: 575px) {
  svg.svg-inline--fa.fa-shapes { right: -1px !important; }
}

.post__modpaid { width: auto !important; }

span.label.label-up:contains("Новинка") { color: #ff372d; }
.label.label-up.is-novinka { color: #ff372d; }

img.avafoto {
  position: absolute !important;
  top: 0 !important;
  left: 50%;
  display: block !important;
  min-width: calc(100% + 1px);
  height: 100% !important;
  transform: translateX(-50%);
  object-fit: cover !important;
  object-position: center center;
  opacity: 1.6 !important;
  filter: blur(0px) !important;
}

@media (max-width: 991px) {
  .head-right { z-index: 99999; }
}

.absolute.-top-2.-right-2.bg-blue-500.rounded-full.p-1.border-2.border-white.shadow-sm {
  border-style: solid;
  border-color: #e5e7eb;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / 1);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / 1);
  padding: .25rem;
  border-width: 2px;
  border-radius: 9999px;
  top: -14px;
  right: 9px;
  position: absolute;
}

@keyframes spin {
  0% { transform: rotate(0); }
  to { transform: rotate(360deg); }
}

svg.w-3.h-3.text-white.update-spin {
  animation: spin 2s linear infinite;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  width: .75rem;
  height: .75rem;
  display: block;
  vertical-align: middle;
}

--tw-ring-shadow: 0 0 #0000;
--tw-ring-offset-shadow: 0 0 #0000;

@media (max-width:560px) {}

@media (min-width: 992px) {
  .view-img-label {
    margin-top: -1.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    height: 2rem !important;
    padding: .25rem 1rem !important;
    border-radius: 1rem !important;
  }
}

.view-img-label {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: -1.25rem;
  font-size: .75rem;
  font-weight: bold;
  line-height: 1.25rem;
  height: 1.5rem;
  padding: .125rem .5rem;
  border-radius: .75rem;
  border-top-left-radius: 0 !important;
}

.android-version-trigger:hover { cursor: pointer; scale: 1.1; }

.android-version-help.active div { border-radius: 6px; margin: 4px 0 12px; padding: 8px; }
.android-version-help div { font-size: 13px; background: #eee; border-radius: 6px; margin: 4px 0 12px; padding: 8px; }
.android-version-help.active { max-height: 102px; }
.android-version-help { color: #494949; line-height: 14px; max-height: 0; overflow: hidden; text-align: center; transition: max-height 0.5s ease-out; }

span.android-version-trigger {
  background-image: url(img/img/question-mark12.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 17px;
  display: block;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 2px;
  width: 20px;
  left: 91px;
}

.android-version-help2 {
  color: #494949;
  line-height: 14px;
  max-height: 0;
  overflow: hidden;
  text-align: center;
  transition: max-height 0.5s ease-out;
  top: -15px;
  position: relative;
}

span.android-version-trigger2 {
  background-image: url(img/img/question-mark12.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  display: block;
  height: 22px;
  position: absolute;
  right: 0px;
  top: -2px;
  width: 20px;
  left: 67px;
}

.android-version-help2.active div { background: #eee; border-radius: 6px; margin: 4px 0 0px; padding: 8px; }
.android-version-help2 div { background: #eee; border-radius: 6px; margin: 4px 0 0px; padding: 8px; }
.android-version-help2.active { max-height: 102px; top: -15px; position: relative; }

@media (max-width: 662px) {
  span.android-version-trigger2 { display: block !important; }
  .android-version-help2 { display: block !important; }
}

.badge5play {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 0 8px;
  font-family: 'Manrope', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .2px;
  color: #ffffff;
  background: linear-gradient(90deg, #34c759, #16a34a);
  box-shadow: 0 -5px 12px rgba(0, 0, 0, .35);
  z-index: 5;
  text-rendering: optimizeLegibility;
}

figure.img.news-frame .badge5play {
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
}

.badge5play svg { display: none !important; }
.badge-brand { font-weight: 700; letter-spacing: .15px; opacity: .95; }

.f5-textblock {
  max-width: 980px;
  margin: 18px auto;
  font-family: 'Manrope', sans-serif;
}

.f5-textbox {
  position: relative;
  border-radius: 24px;
  padding: 26px 32px;
  overflow: hidden;
  background: var(--block-bg);
}

.f5-textbox::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .05), transparent 60%);
  pointer-events: none;
}

.f5-textbox>* {
  position: relative;
  z-index: 1;
}

.f5-text-content {
  font-size: 13px;
  line-height: 1.75;
  font-weight: 500;
  letter-spacing: .15px;
  opacity: .95;
  padding-left: 7px;
}

#app_description .f5d-box { position: relative; overflow: hidden; }
#app_description .f5d-box.is-collapsed { max-height: 190px; }
#app_description .f5d-box>*:last-child { margin-bottom: 0 !important; }

#app_description .f5d-box h2 { font-size: 1.25rem; font-weight: 700; margin: 1.4em 0 .6em; line-height: 1.3; }
#app_description .f5d-box h3 { font-size: 1.08rem; font-weight: 700; margin: 1.2em 0 .5em; line-height: 1.3; }
#app_description .f5d-box p  { margin: 0 0 1em; line-height: 1.7; }
#app_description .f5d-box ul { margin: 0 0 1em; padding: 0; list-style: none; }
#app_description .f5d-box ul li { position: relative; padding-left: 1.6em; margin-bottom: .55em; line-height: 1.6; }
#app_description .f5d-box ul li::before {
  content: "";
  position: absolute;
  left: .15em;
  top: .55em;
  width: .5em;
  height: .5em;
  border-radius: 50%;
  background: #4ccb70;
}
#app_description .f5d-box ul li b,
#app_description .f5d-box ul li strong { font-weight: 700; }

#app_description .f5d-fade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 90px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--block-bg));
}
.darktheme #app_description .f5d-fade {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--block-bg));
}
#app_description .f5d-box.is-open .f5d-fade { display: none; }

#app_description .f5d-ctl { margin-top: 12px; display: flex; align-items: center; justify-content: center; gap: 12px; }
#app_description .f5d-line { flex: 1; height: 1px; background: rgba(76, 203, 112, .35); opacity: .9; }
#app_description .f5d-arrow { width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; transition: transform .25s ease; opacity: .75; }
#app_description .f5d-arrow svg { width: 18px; height: 18px; stroke: #4ccb70; stroke-width: 2.4; fill: none; stroke-linecap: round; stroke-linejoin: round; }
#app_description .f5d-box.is-open+.f5d-ctl .f5d-arrow { transform: rotate(180deg); }

#app_description .f5d-btn {
  appearance: none;
  border: 0;
  background: rgba(76, 203, 112, .14);
  padding: 8px 22px;
  border-radius: 14px;
  cursor: pointer;
  outline: none;
  font: inherit;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .9px;
  text-transform: uppercase;
  color: #1e7c3f;
  transition: .15s ease;
}
#app_description .f5d-btn:hover { background: rgba(76, 203, 112, .20); }
.darktheme #app_description .f5d-btn { background: rgba(76, 203, 112, .20); color: #6fdb92; }
#app_description .f5d-btn:focus-visible { outline: 2px solid rgba(76, 203, 112, .35); outline-offset: 3px; }
#app_description .f5d-ctl.is-hidden { display: none; }

@media (max-width:768px) {
  #app_description .f5d-ctl { margin-top: 10px; }
}

b.bstyless { display: inline-block; padding: 3px; margin-right: 3px; top: 3px; position: relative; left: -1px; }
b.bstyless i.c-green { padding: .375rem; display: block; border-radius: 50%; background-color: rgba(76, 203, 112, 0.1); }

@media (min-width: 768px) {
  .message-info b { font-size: 17px !important; }
  .pmovie__caption .b-nobugs-text p { font-size: 17px !important; }
}

.download-line.s-blue:hover { box-shadow: none !important; }

.message-info {
  font-weight: normal;
  font-size: .875rem;
  background-color: var(--block-bg);
  border-radius: 1.125rem;
  border: 1px solid #00000000;
  position: relative;
  padding: 10px 20px;
}

.pmovie__caption {
  line-height: 1.6;
  position: relative;
  background-color: var(--block-bg);
  padding: 12px 29px;
}

.f5gpPlay { --mint: #4ccb70; --blue: #38bdf8; font-family: "Manrope", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 18px auto; max-width: 980px; }

.f5gpp-card {
  position: relative;
  border-radius: 24px;
  padding: 16px;
  background: var(--block-bg);
  color: var(--tcolor);
  overflow: hidden;
  box-shadow: 0 18px 60px rgba(0, 0, 0, .08);
}

html.dark .f5gpPlay .f5gpp-card,
body.dark .f5gpPlay .f5gpp-card,
body.theme-dark .f5gpPlay .f5gpp-card { box-shadow: 0 22px 70px rgba(0, 0, 0, .35); }

.f5gpp-card:before {
  content: "";
  position: absolute;
  inset: -160px;
  pointer-events: none;
  background:
    radial-gradient(820px 320px at 12% 12%, rgba(56, 189, 248, .10), transparent 60%),
    radial-gradient(820px 320px at 92% 18%, rgba(56, 189, 248, .06), transparent 65%),
    radial-gradient(760px 320px at 55% 120%, rgba(76, 203, 112, .07), transparent 60%);
  opacity: .95;
}

.f5gpp-card:after {
  content: "";
  position: absolute;
  inset: -80px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cg%3E%3Cg%3E%3Cpath%20fill='%2359A6CA'%20d='M225.656%2C256.052L14.016%2C485.451l-6.442%2C7.052c-4.005-5.919-6.704-12.972-7.313-20.806C0.087%2C470.305%2C0%2C468.91%2C0%2C467.518V44.499c0-9.488%2C2.873-18.02%2C7.574-24.987L225.656%2C256.052z'/%3E%3Cpath%20fill='%23B6D9A2'%20d='M320.811%2C152.8l-95.155%2C103.253L7.574%2C19.512C19.936%2C1.405%2C45.183-6.342%2C66.6%2C6.02L320.811%2C152.8z'/%3E%3Cpath%20fill='%23F0CE89'%20d='M455.056%2C257.27c-0.348%2C14.453-7.748%2C28.904-22.113%2C37.174l-112.132%2C64.771l-95.155-103.163L320.811%2C152.8l70.518%2C40.745l41.614%2C24.026C448.178%2C226.366%2C455.579%2C241.861%2C455.056%2C257.27z'/%3E%3Cpath%20fill='%23B6547C'%20d='M7.591%2C492.492c12.368%2C18.116%2C37.599%2C25.838%2C58.976%2C13.496L320.775%2C359.22l-95.156-103.209L7.591%2C492.492z'/%3E%3C/g%3E%3Cpath%20fill='%23FFFFFF'%20opacity='.2'%20d='M454.067%2C246.447c-2.453-11.518-9.483-22.156-21.124-28.876l-41.614-24.026L320.811%2C152.8L66.6%2C6.02C45.183-6.342%2C19.936%2C1.405%2C7.574%2C19.512C2.873%2C26.479%2C0%2C35.011%2C0%2C44.499v243.72c36.681%2C3.114%2C74.226%2C4.746%2C112.451%2C4.746c47.984%2C0%2C94.85-2.644%2C140.318-7.505l-27.027-29.314l27.038%2C29.314C323.988%2C277.849%2C391.567%2C264.55%2C454.067%2C246.447z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 80% 46%;
  background-size: 100px 100px;
  opacity: .04;
  z-index: 0;
}

.f5gpp-card>* { position: relative; z-index: 1; }

.f5gpp-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.f5gpp-title { display: flex; align-items: center; gap: 10px; }
.f5gpp-titleIcon { width: 26px; height: 26px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; }
.f5gpp-titleIcon svg { width: 18px; height: 18px; display: block; }
.f5gpp-titleText { font-weight: 900; letter-spacing: -.2px; font-size: 16px; line-height: 1.15; color: var(--tcolor); }
.f5gpp-sub { margin-top: 8px; display: flex; gap: 8px; flex-wrap: wrap; }
.f5gpp-chip { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; background: rgba(56, 189, 248, .10); font-size: 12px; font-weight: 900; color: var(--tcolor); }
.f5gpp-ok { background: rgba(56, 189, 248, .12); }

.f5gpp-store {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(56, 189, 248, .10);
  user-select: none;
  overflow: hidden;
  box-shadow: none;
}

html.dark .f5gpPlay .f5gpp-store,
body.dark .f5gpPlay .f5gpp-store,
body.theme-dark .f5gpPlay .f5gpp-store { background: rgba(255, 255, 255, .06); }

.f5gpp-storeInner { display: inline-flex; align-items: center; justify-content: center; }
.f5gpp-brandIcon { width: 18px; height: 18px; display: block; opacity: .95; filter: none; }

.f5gpp-gIcon {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(0, 170, 255, .18), rgba(76, 203, 112, .18));
  position: relative;
}

.f5gpp-gIcon:before {
  content: "";
  position: absolute;
  left: 7px;
  top: 4px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid var(--tcolor);
  opacity: .85;
}

.f5gpp-body { display: flex; align-items: stretch; justify-content: space-between; gap: 12px; }

.f5gpp-scoreBox {
  flex: 1 1 auto;
  min-width: 0;
  border-radius: 20px;
  padding: 14px 14px 12px;
  background: rgba(76, 203, 112, .10);
  position: relative;
  overflow: hidden;
}

html.dark .f5gpPlay .f5gpp-scoreBox,
body.dark .f5gpPlay .f5gpp-scoreBox,
body.theme-dark .f5gpPlay .f5gpp-scoreBox { background: rgba(255, 255, 255, .04); }

.f5gpp-scoreTop { display: flex; align-items: baseline; gap: 10px; margin-bottom: 8px; }
.f5gpp-rating { font-size: 40px; font-weight: 1000; letter-spacing: -.6px; line-height: 1; color: var(--tcolor); }
.f5gpp-out { font-size: 14px; font-weight: 900; opacity: .70; color: var(--tcolor); }

.f5gpp-starsWrap { position: relative; display: inline-block; font-size: 18px; letter-spacing: 2px; line-height: 1; margin: 10px 0; }
.f5gpp-starsBase { color: rgba(0, 0, 0, .22); }

html.dark .f5gpPlay .f5gpp-starsBase,
body.dark .f5gpPlay .f5gpp-starsBase,
body.theme-dark .f5gpPlay .f5gpp-starsBase { color: rgba(255, 255, 255, .22); }

.f5gpp-starsFill { position: absolute; left: 0; top: 0; overflow: hidden; white-space: nowrap; color: var(--mint); width: 0%; transition: width .45s ease; }

.f5gpp-votesRow { font-size: 14px; display: flex; align-items: baseline; gap: 6px; }
.f5gpp-muted { opacity: .70; color: var(--tcolor); font-weight: 800; }
.f5gpp-votes { font-weight: 1000; color: var(--tcolor); }

.f5gpp-actions { flex: 0 0 260px; display: flex; flex-direction: column; gap: 10px; justify-content: flex-end; }

.f5gpp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  padding: 0 16px;
  border-radius: 16px;
  text-decoration: none;
  font-weight: 1000;
  background: rgba(76, 203, 112, .14);
  color: var(--tcolor);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .08);
  transition: transform .15s ease, filter .15s ease;
}

html.dark .f5gpPlay .f5gpp-btn,
body.dark .f5gpPlay .f5gpp-btn,
body.theme-dark .f5gpPlay .f5gpp-btn { box-shadow: 0 18px 42px rgba(0, 0, 0, .32); }

.f5gpp-btn:hover  { transform: translateY(-1px); filter: brightness(1.03); }
.f5gpp-btn:active { transform: translateY(0);    filter: brightness(.99); }

.f5gpp-btnText { display: flex; flex-direction: column; align-items: flex-start; margin-left: 8px; line-height: 1.05; }
.f5gpp-btnMain { display: block; }
.f5gpp-btnSub { display: block; font-size: 11px; font-weight: 800; opacity: .62; margin-top: 2px; }

.f5gpp-note { font-size: 12px; opacity: .70; color: var(--tcolor); line-height: 1.45; }

.f5gpp-skelTxt, .f5gpp-skelNum {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(0, 0, 0, .06);
  color: transparent;
}

html.dark .f5gpPlay .f5gpp-skelTxt,
html.dark .f5gpPlay .f5gpp-skelNum,
body.dark .f5gpPlay .f5gpp-skelTxt,
body.dark .f5gpPlay .f5gpp-skelNum,
body.theme-dark .f5gpPlay .f5gpp-skelTxt,
body.theme-dark .f5gpPlay .f5gpp-skelNum { background: rgba(255, 255, 255, .08); }

.f5gpp-skelTxt:after, .f5gpp-skelNum:after {
  content: "";
  position: absolute;
  inset: -40% -60%;
  background: linear-gradient(90deg, transparent, rgba(56, 189, 248, .18), transparent);
  transform: translateX(-55%);
  animation: f5gppShine 1.2s linear infinite;
}

@keyframes f5gppShine { to { transform: translateX(55%); } }

.f5gpp-card {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .35s ease, transform .35s ease;
}

.f5gpp-card.is-ready {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width:560px) {
  .f5gpp-body { flex-direction: column; }
  .f5gpp-actions { flex: 1 1 auto; }
}

.f5-dlblock { max-width: 980px; margin: 18px auto; padding: 0; font-family: inherit; }

.f5-dlblock .f5d-box {
  border-radius: 22px;
  padding: 18px 16px;
  background: var(--block-bg);
  overflow: hidden;
  backdrop-filter: blur(10px);
  position: relative;
}

.f5-dlblock .f5d-box:before {
  content: "";
  position: absolute;
  inset: -120px;
  background:
    radial-gradient(820px 320px at 8% 0%, rgba(56, 189, 248, .26), transparent 62%),
    radial-gradient(760px 320px at 100% 45%, rgba(56, 189, 248, .18), transparent 66%),
    radial-gradient(640px 260px at 50% 110%, rgba(56, 189, 248, .14), transparent 62%);
  opacity: 1;
  pointer-events: none;
}

.f5-dlblock .f5d-appbar {
  border-radius: 18px;
  padding: 12px 12px 10px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(760px 300px at 10% 0%, rgba(56, 189, 248, .20), transparent 64%),
    radial-gradient(760px 300px at 100% 55%, rgba(56, 189, 248, .14), transparent 66%);
}

.f5-dlblock .f5d-top { display: flex; gap: 12px; align-items: flex-start; padding: 6px 4px 10px; position: relative; z-index: 1; }

.f5-dlblock .f5d-ico {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  overflow: hidden;
  flex: 0 0 auto;
  position: relative;
  top: 11px;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, .14),
    inset 0 0 0 1px rgba(255, 255, 255, .10);
}

.f5-dlblock .f5d-ico img { width: 100%; height: 100%; object-fit: cover; display: block; }

.f5-dlblock .f5d-sub {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--tcolor);
  opacity: .95;
}

.f5-dlblock .f5d-sub b {
  font-weight: 900;
  white-space: nowrap;
  padding: 2px 6px;
  border-radius: 6px;
  background: rgba(76, 203, 112, .12);
  color: inherit;
}

.f5-dlblock .f5d-sub b a { color: inherit !important; text-decoration: none; }
.f5-dlblock .f5d-sub b a:hover { color: inherit !important; opacity: .92; }

.f5-dlblock .f5d-anchor {
  display: inline-block;
  transform: translateZ(0);
  animation: f5-shake 7.5s ease-in-out infinite;
  will-change: transform;
}

@keyframes f5-shake {
  0%, 84% { transform: translateZ(0); }
  86% { transform: translate3d(-1px, 0, 0) rotate(-0.6deg); }
  88% { transform: translate3d(1px, 0, 0) rotate(0.6deg); }
  90% { transform: translate3d(-1px, 0, 0) rotate(-0.4deg); }
  92% { transform: translate3d(1px, 0, 0) rotate(0.4deg); }
  94%, 100% { transform: translateZ(0); }
}

@media (prefers-reduced-motion: reduce) {
  .f5-dlblock .f5d-anchor { animation: none; }
}

body.dark .f5-dlblock .f5d-sub { color: #ffffff; }
body.dark .f5-dlblock .f5d-sub b { background: rgba(76, 203, 112, .18); }

@media (max-width:768px) {
  .f5-dlblock .f5d-ico { display: block; }
}

@media (min-width:769px) {
  .f5-dlblock .f5d-ico { display: none; }
  .f5-dlblock .f5d-top { justify-content: center; text-align: center; }
}

@media (max-width:420px) {
  .f5-dlblock .f5d-sub b { white-space: normal; }
}

.f5-formats {
  --f5-accent: #4ccb70;
  --f5-bg: rgba(255, 255, 255, .78);
  --f5-surface: rgba(255, 255, 255, .62);
  --f5-card: rgba(0, 0, 0, .03);
  --f5-border: rgba(0, 0, 0, .08);
  --f5-shadow: 0 14px 40px rgba(0, 0, 0, .10);
  --f5-text: rgba(0, 0, 0, .88);
  --f5-muted: rgba(0, 0, 0, .60);
  --f5-soft: rgba(0, 0, 0, .06);
  --f5-glow: 0 0 0 1px rgba(255, 255, 255, .22) inset;
  max-width: 980px;
  margin: 18px auto;
  padding: 0 0px;
}

body.dark .f5-formats,
body.theme-dark .f5-formats,
html.dark .f5-formats {
  --f5-bg: rgba(18, 20, 22, .72);
  --f5-surface: rgba(255, 255, 255, .05);
  --f5-card: rgba(255, 255, 255, .04);
  --f5-border: rgba(255, 255, 255, .10);
  --f5-shadow: 0 18px 55px rgba(0, 0, 0, .50);
  --f5-text: rgba(255, 255, 255, .92);
  --f5-muted: rgba(255, 255, 255, .70);
  --f5-soft: rgba(255, 255, 255, .08);
  --f5-glow: 0 0 0 1px rgba(255, 255, 255, .06) inset;
}

@media (prefers-color-scheme: dark) {
  .f5-formats {
    --f5-bg: rgba(18, 20, 22, .72);
    --f5-surface: rgba(255, 255, 255, .05);
    --f5-card: rgba(255, 255, 255, .04);
    --f5-border: rgba(255, 255, 255, .10);
    --f5-shadow: 0 18px 55px rgba(0, 0, 0, .50);
    --f5-text: rgba(255, 255, 255, .92);
    --f5-muted: rgba(255, 255, 255, .70);
    --f5-soft: rgba(255, 255, 255, .08);
    --f5-glow: 0 0 0 1px rgba(255, 255, 255, .06) inset;
  }
}

.f5-box {
  border-radius: 22px;
  padding: 18px 16px;
  background: var(--block-bg);
  overflow: hidden;
  backdrop-filter: blur(10px);
}

.f5-appbar {
  border-radius: 18px;
  padding: 12px 12px 10px;
  background:
    radial-gradient(720px 260px at 0% 0%, rgba(76, 203, 112, .12), transparent 60%),
    radial-gradient(720px 260px at 100% 35%, rgba(76, 203, 112, .08), transparent 65%);
  position: relative;
  overflow: hidden;
}

.f5-appbar:before {
  content: "";
  position: absolute;
  inset: -80px;
  background:
    radial-gradient(520px 240px at 18% 20%, rgba(76, 203, 112, .12), transparent 62%),
    radial-gradient(520px 240px at 92% 40%, rgba(76, 203, 112, .06), transparent 62%);
  opacity: .9;
  pointer-events: none;
}

.f5-appbar>* { position: relative; z-index: 1; }
.f5-appbarTop { display: flex; gap: 12px; align-items: flex-start; padding: 6px 4px 12px; }

.f5-ico {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(76, 203, 112, .12);
  flex: 0 0 auto;
}

.f5-title {
  font-weight: 900;
  letter-spacing: .6px;
  text-transform: uppercase;
  font-size: 16px;
  color: var(--tcolor);
}

.f5-sub {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.55;
  color: var(--tcolor);
}

.f5-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  padding: 0 4px 4px;
}

.f5-tab {
  border: 0;
  cursor: pointer;
  border-radius: 999px;
  padding: 11px 12px;
  background: var(--f5-surface);
  color: var(--tcolor);
  font-weight: 900;
  letter-spacing: .5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, .12);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}

.f5-tab:hover { transform: translateY(-1px); box-shadow: 0 18px 36px rgba(0, 0, 0, .16); }

.f5-tabDot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: currentColor;
  opacity: .22;
  box-shadow: none;
}

.f5-tab.is-on { background: rgba(76, 203, 112, .10); }
.f5-tab.is-on .f5-tabDot {
  background: var(--f5-accent);
  opacity: 1;
  box-shadow: 0 0 0 6px rgba(76, 203, 112, .16);
}

.f5-sep { height: 1px; background: var(--block-bg); margin: 12px 0 14px; }

.f5-sheets { display: block; }
.f5-sheet { display: none; }
.f5-sheet.is-show { display: block; }

.f5-sheetCard {
  border-radius: 18px;
  padding: 14px;
  background: var(--f5-card);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .10);
  position: relative;
  overflow: hidden;
}

.f5-sheetCard:before {
  content: "";
  position: absolute;
  inset: -90px;
  background:
    radial-gradient(620px 280px at 0% 0%, rgba(76, 203, 112, .10), transparent 62%),
    radial-gradient(620px 280px at 100% 40%, rgba(76, 203, 112, .06), transparent 62%);
  opacity: .9;
  pointer-events: none;
}

.f5-sheetCard>* { position: relative; z-index: 1; }

.f5-sheetHdr { display: flex; gap: 14px; align-items: flex-start; }

.f5-tag {
  min-width: 64px;
  height: 38px;
  padding: 0 14px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  letter-spacing: .6px;
  background: rgba(255, 255, 255, .88);
  color: var(--lcolor);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
  flex: 0 0 auto;
}

@media (prefers-color-scheme: dark) {
  .f5-tag { background: rgba(76, 203, 112, .12); }
}

body.dark .f5-tag,
body.theme-dark .f5-tag,
html.dark .f5-tag { background: rgba(255, 255, 255, .92); }

.f5-cardtitle { font-weight: 900; font-size: 14px; color: var(--tcolor); }
.f5-carddesc { margin-top: 6px; font-size: 13px; line-height: 1.55; color: var(--tcolor); }

.f5-steps { margin-top: 12px; display: grid; gap: 10px; }

.f5-step {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 12px;
  border-radius: 16px;
  background: var(--f5-surface);
  box-shadow: 0 14px 28px rgba(0, 0, 0, .12);
  position: relative;
  overflow: hidden;
}

.f5-step:before {
  content: "";
  position: absolute;
  inset: -60px;
  background:
    radial-gradient(520px 220px at 20% 20%, rgba(76, 203, 112, .08), transparent 62%),
    radial-gradient(520px 220px at 90% 40%, rgba(76, 203, 112, .04), transparent 62%);
  opacity: .9;
  pointer-events: none;
}

.f5-step>* { position: relative; z-index: 1; }

.f5-stepNum {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(76, 203, 112, .12);
  color: var(--tcolor);
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .10);
  flex: 0 0 auto;
}

.f5-stepT { font-weight: 900; font-size: 13px; color: var(--tcolor); }
.f5-stepS { margin-top: 4px; font-size: 12px; line-height: 1.5; color: var(--tcolor); opacity: .9; }

.f5-note {
  margin-top: 14px;
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(76, 203, 112, .10);
  color: var(--tcolor);
  font-size: 13px;
  line-height: 1.55;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
}

.f5-note:before {
  content: "";
  position: absolute;
  inset: -70px;
  background:
    radial-gradient(520px 220px at 0% 0%, rgba(76, 203, 112, .14), transparent 62%),
    radial-gradient(520px 220px at 100% 40%, rgba(76, 203, 112, .08), transparent 62%);
  opacity: .8;
  pointer-events: none;
}

.f5-note>* { position: relative; z-index: 1; }

.f5-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--f5-accent);
  box-shadow: 0 0 0 6px rgba(76, 203, 112, .16);
  margin-top: 5px;
  flex: 0 0 auto;
}

.f5-foot { text-align: center; padding: 0 4px 4px; }

.f5-foottitle {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--tcolor);
}

.f5-btns { margin-top: 12px; display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

.f5-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 16px;
  background: var(--f5-surface);
  box-shadow: 0 14px 28px rgba(0, 0, 0, .12);
  color: var(--tcolor);
  text-decoration: none;
  font-weight: 900;
  min-width: 220px;
  transition: transform .12s ease, box-shadow .12s ease;
  position: relative;
  overflow: hidden;
}

.f5-btn:before {
  content: "";
  position: absolute;
  inset: -60px;
  background:
    radial-gradient(520px 220px at 0% 0%, rgba(76, 203, 112, .10), transparent 62%),
    radial-gradient(520px 220px at 100% 40%, rgba(76, 203, 112, .06), transparent 62%);
  opacity: .9;
  pointer-events: none;
}

.f5-btn>* { position: relative; z-index: 1; }
.f5-btn:hover { transform: translateY(-1px); box-shadow: 0 18px 36px rgba(0, 0, 0, .16); }

.f5-btn--rec {
  outline: 1.5px solid rgba(76, 203, 112, .35);
  outline-offset: -1.5px;
  animation: f5RecPulse 1.5s cubic-bezier(.4, 0, .2, 1) infinite;
}

.f5-btn--rec .f5-btnico { background: rgba(76, 203, 112, .14); }

@keyframes f5RecPulse {
  0%   { box-shadow: 0 0 0 1px rgba(76, 203, 112, .6), 0 14px 28px rgba(0, 0, 0, .12); }
  40%  { box-shadow: 0 0 0 7px rgba(76, 203, 112, 0), 0 14px 28px rgba(0, 0, 0, .12); }
  100% { box-shadow: 0 0 0 1px rgba(76, 203, 112, 0), 0 14px 28px rgba(0, 0, 0, .12); }
}

@media (prefers-reduced-motion: reduce) {
  .f5-btn--rec {
    animation: none;
    box-shadow: 0 0 0 2px rgba(76, 203, 112, .25), 0 14px 28px rgba(0, 0, 0, .12);
  }
}

.f5-btnico {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(76, 203, 112, .12);
}

.f5-mini { margin-top: 10px; font-size: 12px; color: var(--tcolor); opacity: .9; line-height: 1.5; }

@media (max-width: 420px) {
  .f5-btn { min-width: 100%; }
  .f5-sheetCard { padding: 12px; }
  .f5-step { padding: 10px 10px; }
  .f5-tag { min-width: 58px; height: 36px; padding: 0 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .f5-tab, .f5-btn { transition: none !important; }
  .f5-tab:hover, .f5-btn:hover { transform: none !important; }
}

.round5 { border-radius: 5px; }
.margin_top20 { margin-top: 20px; }
.padd20 { padding: 0px 15px 13px 20px; }

.xapk_info .info_title { font-size: 135%; font-weight: 700; padding-bottom: 7px; }
.xapk_info .info_title b { display: inline-block; padding: 3px; margin-right: 3px; top: 12px; position: relative; left: -1px; }
.xapk_info .info_title i.c-green { width: 2.25rem; height: 2.25rem; padding: .375rem; display: block; border-radius: 50%; background-color: rgba(76, 203, 112, 0.1); }
.xapk_info .info_title i.c-green svg { display: block; }

@media (max-width: 991px) {
  .xapk_info.margin_top20.round5.padd20.text p { font-size: 14px !important; }
}

@media (min-width: 992px) {
  .download_line.brand { display: flex !important; }
}

.download_line.brand { color: #121416; background-color: #fc0; }

@media (min-width: 992px) {
  .download_line {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 1.125rem;
    border-radius: 2rem;
    transition: background-color .15s ease-in-out;
  }
}

.download_line { margin-top: 1rem; padding: .5rem; display: block; text-decoration: none !important; }

@media (min-width: 992px) {
  .download_line>div { padding: .75rem; padding-left: 2.75rem; flex: 1 1 auto; }
}

.download_line * { cursor: pointer; line-height: 1.5rem; }
.download_line>div>i { float: left; margin-left: -2rem; margin-top: -.125rem; }
.download_line.brand>div>i>svg { margin: -.25rem; }

@media (min-width: 992px) {
  .download_line.brand>.size { background-color: #fff; }
}

.download_line>.size { font-style: normal; }

@media (min-width: 992px) {
  .download_line>.size {
    font-weight: 700;
    border-radius: 1.5rem;
    padding: .75rem 1.5rem;
    min-width: 8.75rem;
    text-align: center;
    margin-left: 2rem;
    box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
  }
}

.download_line.brand:hover { background-color: #ebbc00; }
a.download_line.brand:hover { anchor-name: none; }

@media (max-width: 991px) {
  div#pos-commq { width: 87% !important; left: 6% !important; }
}

.av-check.safe {
  width: 92%;
  font-size: 13px;
  line-height: 20px;
  margin-top: 0px;
  background-color: unset;
  background-image: url(img/img/shield.svg);
  background-repeat: no-repeat;
  background-size: 17px;
  padding-left: 24px;
}

span.av-check-toggle {
  background: #4595d5;
  color: #fff;
  padding: 0 5px;
  cursor: pointer;
}

ul.av-check-details {
  margin-top: 11px;
  font-size: 14px;
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s ease-out;
}

ul.av-check-details li { line-height: 16px; list-style: inside; margin-bottom: 8px; }
ul.av-check-details li .sha-summ:hover { cursor: pointer; }
.av-check-toggle:focus+.av-check-details { max-height: 64px; }

.b-download { position: relative; overflow: hidden; }

.b-download::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
      transparent 60%,
      rgba(76, 203, 112, .08) 75%,
      rgba(76, 203, 112, .14) 88%,
      rgba(76, 203, 112, .20) 100%);
  pointer-events: none;
  z-index: 0;
}

.b-download>* { position: relative; z-index: 1; }

.f5-modblock {
  --f5-accent: #38bdf8;
  --f5-bg: rgba(255, 255, 255, .78);
  --f5-surface: rgba(255, 255, 255, .62);
  --f5-card: rgba(0, 0, 0, .03);
  --f5-border: rgba(0, 0, 0, .08);
  --f5-text: rgba(0, 0, 0, .88);
  --f5-muted: rgba(0, 0, 0, .60);
  --f5-soft: rgba(0, 0, 0, .06);
  max-width: 980px;
  margin: 18px auto;
  padding: 0 0px;
  font-family: inherit;
}

body.dark .f5-modblock,
body.theme-dark .f5-modblock,
html.dark .f5-modblock {
  --f5-bg: rgba(18, 20, 22, .72);
  --f5-surface: rgba(255, 255, 255, .05);
  --f5-card: rgba(255, 255, 255, .04);
  --f5-border: rgba(255, 255, 255, .10);
  --f5-text: rgba(255, 255, 255, .92);
  --f5-muted: rgba(255, 255, 255, .70);
  --f5-soft: rgba(255, 255, 255, .08);
}

.f5m-box {
  border-radius: 22px;
  padding: 18px 16px;
  background: var(--block-bg);
  overflow: hidden;
  backdrop-filter: blur(10px);
  position: relative;
}

.f5m-box:before {
  content: "";
  position: absolute;
  inset: -110px;
  background:
    radial-gradient(720px 260px at 0% 0%, rgba(56, 189, 248, .12), transparent 60%),
    radial-gradient(720px 260px at 100% 35%, rgba(56, 189, 248, .08), transparent 65%);
  opacity: .95;
  pointer-events: none;
}

.f5m-appbar {
  border-radius: 18px;
  padding: 12px 12px 10px;
  background:
    radial-gradient(720px 260px at 0% 0%, rgba(56, 189, 248, .12), transparent 60%),
    radial-gradient(720px 260px at 100% 35%, rgba(56, 189, 248, .08), transparent 65%);
  position: relative;
  overflow: hidden;
}

.f5m-appbar:before {
  content: "";
  position: absolute;
  inset: -80px;
  background:
    radial-gradient(520px 240px at 18% 20%, rgba(56, 189, 248, .12), transparent 62%),
    radial-gradient(520px 240px at 92% 40%, rgba(56, 189, 248, .06), transparent 62%);
  opacity: .9;
  pointer-events: none;
}

.f5m-top { display: flex; gap: 12px; align-items: flex-start; padding: 6px 4px 10px; }

.f5m-ico {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(56, 189, 248, .12);
  flex: 0 0 auto;
}

.f5m-title {
  font-weight: 900;
  letter-spacing: .6px;
  text-transform: uppercase;
  font-size: 16px;
  color: var(--tcolor);
}

.f5m-sub {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.55;
  color: var(--tcolor);
  opacity: .92;
}

.f5m-live {
  margin-left: auto;
  height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(56, 189, 248, .10);
  font-weight: 900;
  font-size: 12px;
}

.f5m-liveDot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--f5-accent);
}

.f5m-chipRow { padding: 0 4px 4px; display: flex; flex-wrap: wrap; gap: 8px; }

.f5m-chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(56, 189, 248, .10);
  font-weight: 900;
  font-size: 12px;
  position: relative;
  left: 0px;
}

.f5m-chipDot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--f5-accent);
  box-shadow: 0 0 0 6px rgba(56, 189, 248, .16);
}

.max-follow-btn {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  margin-top: 12px;
  padding: 14px 16px;
  border-radius: 18px;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(135deg, #6c5cff, #4b5bff);
  transition: transform .15s ease;
}

@media(hover:hover) {
  .max-follow-btn:hover { transform: translateY(-2px); }
}

.max-follow-ico-wrap {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .05));
  backdrop-filter: blur(6px);
}

.max-follow-ico { width: 26px; height: 26px; opacity: .95; }
.max-follow-title { font-size: 14px; font-weight: 800; }
.max-follow-sub { font-size: 12px; opacity: .85; margin-top: 2px; }

.max-follow-action {
  margin-left: auto;
  padding: 7px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .18);
  font-size: 11px;
  font-weight: 900;
}

.max-follow-btn:hover,
.max-follow-btn:hover * { color: #fff !important; }

@media (min-width: 992px) {
  .btn.s-green:hover,
  .download-line.s-green:hover,
  .page_prev>a:hover,
  .page_next>a:hover {
    box-shadow: 0 .25rem .5rem 0 #47728e, 0 0 0 .25rem #47728e;
  }
}

.s-green { box-shadow: none !important; }

.woobl_emoji {
  display: flex;
  flex-flow: row;
  padding: 0.24rem;
  width: -webkit-fill-available;
  position: relative;
}

.woobl_emoji li {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 auto;
  cursor: pointer;
  row-gap: 0.2vh;
  padding: 0.44rem 0.24rem;
  transition: all 120ms linear;
  -webkit-transition: all 120ms linear;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.woobl_emoji li .item { font-size: 21px; }
.woobl_emoji li b { font-size: 14px; }

@media (max-width:768px) {
  .woobl_emoji {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    gap: 14px;
    justify-content: flex-start;
    align-items: center;
    padding: 14px !important;
  }
  .woobl_emoji::-webkit-scrollbar { display: none; }
  .woobl_emoji li { flex: 0 0 auto; }
  .woobl_emoji li img { width: 24px; height: 24px; }
}

.woobl_emoji {
  margin-top: 20px;
  padding: 18px !important;
  border-radius: 20px;
  background: var(--block-bg);
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  justify-content: center;
}

.woobl_emoji li {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: transform .15s;
  position: relative;
}

.woobl_emoji li:hover { transform: scale(1.12); }
.woobl_emoji li:hover img { filter: drop-shadow(0 0 8px rgba(76, 203, 112, .35)); }
.woobl_emoji li img { width: 30px; height: 30px; }

.woobl_emoji li b {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 800;
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--f5-surface);
  color: var(--f5-text);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .05),
    0 4px 10px rgba(0, 0, 0, .12);
  transition: .25s;
}

.woobl_emoji li.counter-animate b {
  transform: scale(1.25);
  box-shadow: 0 0 14px rgba(76, 203, 112, .45);
}

.emoji-particle {
  position: absolute;
  width: 18px;
  height: 18px;
  pointer-events: none;
  animation: emojiExplosion .65s ease forwards;
}

@keyframes emojiExplosion {
  0%   { opacity: 1; transform: translate(0, 0) scale(1); }
  100% { opacity: 0; transform: translate(var(--x), var(--y)) scale(1.4); }
}

@media (max-width:768px) {
  .woobl_emoji { gap: 16px; padding: 14px !important; }
  .woobl_emoji li img { width: 24px; height: 24px; }
}

@media (max-width: 679px) {
  .e35 { top: 3px !important; }
  .b-cont.polekr { min-height: 120px !important; height: auto !important; }
}

.f5pro-tabs { max-width: 980px; margin: 20px auto; font-family: inherit; }

.f5pro-card {
  background: var(--block-bg);
  border-radius: 22px;
  padding: 20px;
  position: relative;
  overflow: hidden;
  box-shadow:
    0 25px 50px rgba(0, 0, 0, .12),
    0 6px 16px rgba(0, 0, 0, .06);
}

.f5pro-card:before {
  content: "";
  position: absolute;
  inset: -200px;
  background:
    radial-gradient(700px 350px at -10% -10%, rgba(255, 193, 7, .4), transparent 60%),
    radial-gradient(700px 350px at 110% 110%, rgba(255, 235, 59, .25), transparent 60%);
  pointer-events: none;
}

.f5pro-card>* { position: relative; z-index: 2; }
.f5pro-head { margin-bottom: 12px; }

.f5pro-kicker {
  font-size: 10px;
  letter-spacing: 2px;
  font-weight: 900;
  opacity: .6;
  color: var(--tcolor);
}

.f5pro-title { font-size: 22px; font-weight: 900; margin: 4px 0; color: var(--tcolor); }

.f5pro-switch {
  display: flex;
  background: rgba(0, 0, 0, .06);
  padding: 3px;
  border-radius: 999px;
  width: fit-content;
  margin-bottom: 14px;
}

.f5pro-tab {
  border: none;
  background: transparent;
  padding: 6px 16px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
  cursor: pointer;
  color: var(--tcolor);
  transition: .25s;
}

.f5pro-tab.active {
  background: linear-gradient(135deg, #ffd54f, #ffca28);
  color: #fff;
  box-shadow: 0 6px 14px rgba(255, 193, 7, .35);
}

.f5pro-panel { display: none; }
.f5pro-panel.show { display: block; }

.f5pro-step {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  padding: 8px 10px;
  border-radius: 12px;
  transition: .2s;
}

.f5pro-step:hover { background: rgba(0, 0, 0, .05); }

.f5pro-num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 12px;
  color: #fff;
  background: linear-gradient(135deg, #ffb300, #ffca28);
  box-shadow:
    0 4px 10px rgba(255, 193, 7, .4),
    0 2px 6px rgba(0, 0, 0, .12);
  flex: 0 0 auto;
}

.f5pro-text {
  font-size: 13.5px;
  line-height: 1.45;
  color: var(--tcolor);
  opacity: .92;
}

@media (max-width:560px) {
  .f5pro-card { padding: 16px; }
  .f5pro-title { font-size: 19px; }
  .f5pro-text { font-size: 13px; }
}

.com-item.pos-comm .com-cloud { background-color: #1abc7e1f; }
.com-item.neg-comm .com-cloud { background-color: #f3483f1f; }

.like-btn:disabled,
.dislike-btn:disabled { opacity: 0.5; cursor: not-allowed; }

.post-card-meta .reaction-area,
.reaction-item .reaction-area { display: inline-flex; gap: 6px; align-items: center; }

.post-card-meta .reaction-btn,
.reaction-item .reaction-btn {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #fcfcfc;
  cursor: pointer;
  font-size: 13px;
  color: #6c757d;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.post-card-meta .reaction-btn i,
.reaction-item .reaction-btn i { font-size: 14px; margin-right: 4px; }

.post-card-meta .reaction-btn .count,
.reaction-item .reaction-btn .count { font-weight: 600; font-size: 13px; }

.post-card-meta .reaction-btn:hover:not(.voted),
.reaction-item .reaction-btn:hover:not(.voted) { background-color: #f8f9fa; border-color: #d0d0d0; }

.post-card-meta .reaction-btn.voted,
.reaction-item .reaction-btn.voted { pointer-events: none; }

.post-card-meta .reaction-like.voted,
.reaction-item .reaction-like.voted { border-color: #28a745; background-color: #d4edda; color: #155724; }

.post-card-meta .reaction-dislike.voted,
.reaction-item .reaction-dislike.voted { border-color: #dc3545; background-color: #f8d7da; color: #721c24; }

.big-reaction-block {
  text-align: center;
  padding: 30px 0;
  border-top: 1px solid #e9ecef;
  border-bottom: 1px solid #e9ecef;
  margin-top: 20px;
  margin-bottom: 20px;
}

.big-reaction-block .reaction-area.dynamic-icons { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; }

.big-reaction-block .reaction-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border: 1px solid #ced4da;
  border-radius: 50px;
  background-color: #ffffff;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s, transform 0.1s;
}

.big-reaction-block .reaction-btn i { font-size: 2.4rem; color: #6c757d; }
.big-reaction-block .reaction-btn .count { font-size: 1.8rem; font-weight: 700; color: #333333; }

.big-reaction-block .reaction-btn:hover:not(.voted) {
  background-color: #f8f9fa;
  border-color: #adb5bd;
  transform: translateY(-1px);
}

.big-reaction-block .reaction-like.voted { border-color: #dc3545; background-color: #fff0f3; }
.big-reaction-block .reaction-like.voted i,
.big-reaction-block .reaction-like.voted .count { color: #dc3545; animation: heart-beat 0.3s ease-in-out; }

.big-reaction-block .reaction-dislike.voted { border-color: #007bff; background-color: #e6f0ff; }
.big-reaction-block .reaction-dislike.voted i,
.big-reaction-block .reaction-dislike.voted .count { color: #007bff; }

@keyframes heart-beat {
  0% { transform: scale(1); }
  50% { transform: scale(1.15); }
  100% { transform: scale(1); }
}

@media (max-width: 576px) {
  .big-reaction-block .reaction-area.dynamic-icons { gap: 20px; }
  .big-reaction-block .reaction-btn { padding: 8px 16px; }
  .big-reaction-block .reaction-btn i { font-size: 2rem; }
  .big-reaction-block .reaction-btn .count { font-size: 1.4rem; }
}

@media (max-width: 739px) {
  a.u-rate-btn { width: auto !important; }
  :is(a,button).dislike-btn { width: auto !important; }
  span.com-like-count { top: 6px; position: relative; }
  .com-likes { margin-right: 0px !important; }
}

.comment.com-item .comment-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.comment .comment-tools { margin: 0; padding: 0; list-style: none; }

.comment .comment-tools a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  border-radius: 0;
  background: none !important;
  box-shadow: none !important;
  text-decoration: none;
  opacity: .8;
  transition: .15s ease;
}

.comment .comment-tools a:hover { opacity: 1; background: none !important; }

.comment i.avatar.fit-cover { position: relative; z-index: 1; }

.comment i.avatar.fit-cover::before {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: inherit;
  background: radial-gradient(circle, rgba(76, 203, 112, .45), rgba(76, 203, 112, .15), transparent 70%);
  z-index: -1;
  filter: blur(6px);
  opacity: .6;
  transition: .3s ease;
}

.comment.com-item.pos-comm i.avatar.fit-cover::before { opacity: .85; }

.comment.com-item.neg-comm i.avatar.fit-cover::before {
  background: radial-gradient(circle, rgba(243, 72, 63, .45), rgba(243, 72, 63, .15), transparent 70%);
  opacity: .85;
}

.comment.com-item.neutral-comm i.avatar.fit-cover::before { display: none; }

.com-likes.reactions-container {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

:is(a,button).like-btn.reaction-btn,
:is(a,button).dislike-btn.reaction-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px;
  padding: 10px 12px !important;
  border-radius: 999px;
  background: rgba(0, 0, 0, .10) !important;
  border: 0 !important;
  box-shadow: none !important;
  width: auto !important;
  text-decoration: none;
}

:is(a,button).like-btn.reaction-btn:hover:not(.voted),
:is(a,button).dislike-btn.reaction-btn:hover:not(.voted) {
  background: rgba(0, 0, 0, .16) !important;
}

@media (max-width:739px) {
  .com-likes.reactions-container { width: 100%; justify-content: space-between; }
  :is(a,button).like-btn.reaction-btn,
  :is(a,button).dislike-btn.reaction-btn { flex: 1 1 auto; }
}

.comment i.avatar.fit-cover {
  position: relative;
  border-radius: 50%;
  box-shadow:
    0 0 10px rgba(76, 203, 112, .35),
    0 0 20px rgba(76, 203, 112, .15);
  transition: box-shadow .25s ease;
}

.comment i.avatar.fit-cover:hover {
  box-shadow:
    0 0 14px rgba(76, 203, 112, .45),
    0 0 28px rgba(76, 203, 112, .25);
}

.comment.com-item.neg-comm i.avatar.fit-cover {
  box-shadow:
    0 0 10px rgba(243, 72, 63, .35),
    0 0 20px rgba(243, 72, 63, .15);
}

.comment.com-item.neutral-comm i.avatar.fit-cover { box-shadow: none; }

.comment.com-item {
  position: relative;
  padding-bottom: 18px;
  margin-bottom: 18px;
}

.comment.com-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg,
      transparent 0%,
      rgba(76, 203, 112, .6) 20%,
      rgba(76, 203, 112, .9) 50%,
      rgba(76, 203, 112, .6) 80%,
      transparent 100%);
  box-shadow: 0 0 8px rgba(76, 203, 112, .35);
  opacity: .7;
}

.comment.com-item.neg-comm::after {
  background: linear-gradient(90deg,
      transparent 0%,
      rgba(243, 72, 63, .6) 20%,
      rgba(243, 72, 63, .9) 50%,
      rgba(243, 72, 63, .6) 80%,
      transparent 100%);
  box-shadow: 0 0 8px rgba(243, 72, 63, .35);
}

.comment.com-item.neutral-comm::after {
  background: var(--line, #e0e0e0);
  box-shadow: none;
  opacity: 1;
  height: 1px;
}

@media (min-width: 740px) {
  .comment.com-item { position: relative; }

  .comment.com-item .com-likes.reactions-container {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .comment.com-item :is(a,button).like-btn.reaction-btn,
  .comment.com-item :is(a,button).dislike-btn.reaction-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px;
    padding: 2px 4px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: .45;
    transition: transform .18s ease, opacity .18s ease;
  }

  .comment.com-item :is(a,button).like-btn svg,
  .comment.com-item :is(a,button).dislike-btn svg {
    width: 18px;
    height: 18px;
    transition: transform .18s ease;
  }

  .comment.com-item .like-btn-count,
  .comment.com-item .dislike-btn-count {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
  }

  .comment.com-item :is(a,button).like-btn:hover {
    opacity: 1;
    transform: translateY(-2px) scale(1.05);
  }
  .comment.com-item :is(a,button).like-btn:hover svg { transform: scale(1.15); }

  .comment.com-item :is(a,button).dislike-btn:hover {
    opacity: 1;
    transform: translateY(-1px);
  }
  .comment.com-item :is(a,button).dislike-btn:hover svg { transform: rotate(-8deg) scale(1.08); }

  .comment.com-item .comment-text { padding-right: 120px; }
}

@media (max-width:739px) {
  .comment.com-item .comment-text { padding-right: 0 !important; }
}

@media (max-width:739px) {
  .comment.com-item .com-likes.reactions-container {
    margin-top: 12px !important;
    margin-right: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    justify-content: space-between !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  .comment.com-item :is(a,button).like-btn.reaction-btn,
  .comment.com-item :is(a,button).dislike-btn.reaction-btn {
    width: auto !important;
    padding: 10px 12px !important;
    flex: 1 1 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 14px !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  .comment.com-item .com-like-plus,
  .comment.com-item .com-like-minus {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    line-height: 1;
    font-weight: 700;
  }

  .comment.com-item .like-btn-count,
  .comment.com-item .dislike-btn-count { font-weight: 800; }

  html#h.darktheme .comment.com-item :is(a,button).like-btn.reaction-btn,
  html#h.darktheme .comment.com-item :is(a,button).dislike-btn.reaction-btn {
    background: rgba(0, 0, 0, .16) !important;
    border-color: rgba(255, 255, 255, .08) !important;
  }

  html#h.darktheme .comment.com-item :is(a,button).like-btn.reaction-btn:active {
    background: rgba(76, 203, 112, .14) !important;
    border-color: rgba(76, 203, 112, .22) !important;
  }

  html#h.darktheme .comment.com-item :is(a,button).dislike-btn.reaction-btn:active {
    background: rgba(243, 72, 63, .14) !important;
    border-color: rgba(243, 72, 63, .22) !important;
  }

  html#h:not(.darktheme) .comment.com-item :is(a,button).like-btn.reaction-btn,
  html#h:not(.darktheme) .comment.com-item :is(a,button).dislike-btn.reaction-btn {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, .10) !important;
  }

  html#h:not(.darktheme) .comment.com-item :is(a,button).like-btn.reaction-btn {
    border-color: rgba(76, 203, 112, .22) !important;
  }

  html#h:not(.darktheme) .comment.com-item :is(a,button).dislike-btn.reaction-btn {
    border-color: rgba(243, 72, 63, .20) !important;
  }

  html#h:not(.darktheme) .comment.com-item :is(a,button).like-btn.reaction-btn:active {
    background: rgba(76, 203, 112, .08) !important;
  }

  html#h:not(.darktheme) .comment.com-item :is(a,button).dislike-btn.reaction-btn:active {
    background: rgba(243, 72, 63, .07) !important;
  }
}

@media (max-width:739px) {
  .comment.com-item .com-like-plus,
  .comment.com-item .com-like-minus { gap: 2px !important; }

  .comment.com-item .like-btn-count,
  .comment.com-item .dislike-btn-count { margin-left: 0 !important; }

  html#h:not(.darktheme) .comment.com-item :is(a,button).like-btn.reaction-btn,
  html#h:not(.darktheme) .comment.com-item :is(a,button).dislike-btn.reaction-btn {
    background: rgba(76, 203, 112, .08) !important;
    border: 1px solid rgba(76, 203, 112, .22) !important;
    box-shadow: none !important;
  }

  html#h:not(.darktheme) .comment.com-item :is(a,button).dislike-btn.reaction-btn {
    background: rgba(243, 72, 63, .06) !important;
    border-color: rgba(243, 72, 63, .18) !important;
  }

  html#h:not(.darktheme) .comment.com-item :is(a,button).like-btn.reaction-btn:active {
    background: rgba(76, 203, 112, .14) !important;
  }

  html#h:not(.darktheme) .comment.com-item :is(a,button).dislike-btn.reaction-btn:active {
    background: rgba(243, 72, 63, .12) !important;
  }
}

@media (max-width:739px) {
  html#h:not(.darktheme) .comment.com-item :is(a,button).like-btn.reaction-btn,
  html#h:not(.darktheme) .comment.com-item :is(a,button).dislike-btn.reaction-btn {
    border: none !important;
  }
}

@media (max-width:739px) {
  .comment.com-item :is(a,button).like-btn.reaction-btn,
  .comment.com-item :is(a,button).dislike-btn.reaction-btn {
    transition: transform .18s cubic-bezier(.2, .8, .2, 1);
  }

  html#h .comment.com-item :is(a,button).like-btn.reaction-btn:active {
    transform: scale(1.06) translateY(-2px);
  }

  html#h .comment.com-item :is(a,button).like-btn.reaction-btn:active svg {
    animation: mobile-like-pop .25s ease;
  }

  @keyframes mobile-like-pop {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.25) rotate(-6deg); }
    100% { transform: scale(1); }
  }

  html#h .comment.com-item :is(a,button).dislike-btn.reaction-btn:active {
    transform: scale(1.04) translateY(1px);
  }

  html#h .comment.com-item :is(a,button).dislike-btn.reaction-btn:active svg {
    animation: mobile-dislike-shake .25s ease;
  }

  @keyframes mobile-dislike-shake {
    0%   { transform: rotate(0deg); }
    30%  { transform: rotate(10deg); }
    60%  { transform: rotate(-8deg); }
    100% { transform: rotate(0deg); }
  }
}

@media (max-width:739px) {
  .comment .comment-tools { width: 100%; margin-top: 10px; }

  .comment .comment-tools a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    font-weight: 600;
    font-size: 14px;
    transition: all .18s cubic-bezier(.2, .8, .2, 1);
  }

  html#h:not(.darktheme) .comment .comment-tools a {
    background: rgba(76, 203, 112, .08) !important;
    color: #16b764 !important;
  }

  html#h:not(.darktheme) .comment .comment-tools a:active {
    transform: scale(.97);
    background: rgba(76, 203, 112, .16) !important;
  }

  html#h.darktheme .comment .comment-tools a {
    background: rgba(255, 255, 255, .08) !important;
    color: #4ccb70 !important;
  }

  html#h.darktheme .comment .comment-tools a:active {
    transform: scale(.97);
    background: rgba(255, 255, 255, .14) !important;
  }

  .comment .comment-tools a svg { width: 18px; height: 18px; }
}

.f5-comment-wrap { max-width: 980px; margin: 30px auto; }

.f5-comment-box {
  background: var(--block-bg);
  border-radius: 26px;
  padding: 28px;
  box-shadow: 0 0 25px rgba(76, 203, 112, .06);
}

.f5-comment-head { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; }

.f5-comment-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(76, 203, 112, .12);
}

.f5-comment-icon svg { width: 22px; height: 22px; fill: #4ccb70; }

.f5-comment-head h3 { margin: 0; font-size: 22px; font-weight: 800; color: var(--tcolor); }

.f5-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

@media(max-width:600px) {
  .f5-grid { grid-template-columns: 1fr; }
}

.f5-field { margin-bottom: 18px; }
.f5-field label { display: block; font-size: 13px; margin-bottom: 6px; opacity: .7; color: var(--tcolor); }

.f5-field input,
.f5-field textarea {
  width: 100%;
  border: 0;
  outline: none;
  border-radius: 16px;
  padding: 12px 14px;
  font-size: 14px;
  background: rgba(255, 255, 255, .06);
  color: var(--tcolor);
  box-shadow:
    0 2px 6px rgba(76, 203, 112, .15),
    0 0 0 1px rgba(255, 255, 255, .05) inset;
  transition: .2s ease;
}

.f5-field input:focus,
.f5-field textarea:focus {
  box-shadow:
    0 0 0 1px rgba(76, 203, 112, .35) inset,
    0 0 0 3px rgba(76, 203, 112, .15);
}

.f5-submit { margin-top: 10px; }

.f5-submit button {
  width: 100%;
  border: 0;
  border-radius: 18px;
  padding: 13px;
  font-size: 15px;
  font-weight: 700;
  background: linear-gradient(180deg, #4ccb70, #39b861);
  color: #ffffff;
  cursor: pointer;
  transition: .2s ease;
}

.f5-submit button:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.footer-panel { position: relative; }
.footer-mini-logo { display: none; }

@media (max-width:768px) {
  .footer-mini-logo {
    display: block;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.09;
    pointer-events: none;
    transition: opacity .3s ease, transform .3s ease;
  }

  .footer-panel:hover .footer-mini-logo {
    opacity: 0.18;
    transform: translateY(-50%) scale(1.05);
  }

  .footer-mini-logo img { width: 45px; height: auto; }
}

.img .post__modpaid {
  background-color: #ef4444;
  width: 2.5rem;
  height: 1.25rem;
  border-radius: .625rem;
  color: #fff;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: .875rem;
  font-size: .625rem;
  padding: .1875rem .25rem;
  text-align: center;
  font-weight: bold;
  letter-spacing: .05rem;
  text-indent: .05rem;
  box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, 0.07);
}

#maxSubOverlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .55);
  backdrop-filter: blur(8px);
  opacity: 0;
  pointer-events: none;
  transition: .35s;
  z-index: 999999;
}

#maxSubOverlay.show { opacity: 1; pointer-events: auto; }

.maxSubBox {
  width: 92%;
  max-width: 360px;
  border-radius: 14px;
  padding: 18px;
  text-align: center;
  background: #fff;
  color: #111;
  transform: scale(.9) translateY(20px);
  opacity: 0;
  transition: .35s cubic-bezier(.2, .8, .2, 1);
}

#maxSubOverlay.show .maxSubBox { transform: scale(1) translateY(0); opacity: 1; }
html.darktheme .maxSubBox { background: #1c1c1c; color: #fff; }

.maxSubTop { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 10px; }
.maxSubIcon { width: 32px; height: 32px; border-radius: 8px; }
.maxSubTitle { font-size: 17px; font-weight: 700; }
.maxSubText { font-size: 13.5px; opacity: .85; margin: 12px 0 16px; }
.maxSubActions { display: flex; gap: 10px; }

.maxBtnSub {
  flex: 1;
  padding: 11px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  background: linear-gradient(135deg, #27a177, #4ccb70);
  color: #fff;
}

.maxBtnClose { width: 42px; border-radius: 10px; border: none; background: #eee; }
html.darktheme .maxBtnClose { background: #2a2a2a; color: #fff; }

@media(min-width:768px) {
  #maxSubOverlay { display: none !important; }
}

#uidLogButton { display: none; }
#baseLogForm { display: block !important; }
#uidLogButtonAjx { display: none; }
#baseLogFormAjx { display: block !important; }

.f5-share { margin-top: 1rem; }
.f5-share-inner { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.f5-share-label { font-size: 13px; font-weight: 700; opacity: .55; white-space: nowrap; }
.f5-share-btns { display: flex; gap: 8px; flex-wrap: wrap; }

.f5-share-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  transition: opacity .15s, transform .15s;
  flex-shrink: 0;
}

.f5-share-btn:hover { opacity: .85; transform: translateY(-2px); }

.f5-share-vk { background: #0077ff; }
.f5-share-ok { background: #f7931e; }
.f5-share-tg { background: #26a5e4; }
.f5-share-wa { background: #25d366; }
.f5-share-rd { background: #ff4500; }

#addcomment .f5-comment-wrap { padding: 1.25rem 0 0; border-top: 1px solid var(--form-control-brd); margin-top: .5rem; }
#addcomment .f5-comment-box { background: none; border-radius: 0; padding: 0; box-shadow: none; }
#addcomment .f5-comment-head { display: flex; align-items: center; gap: 10px; margin-bottom: 1rem; }
#addcomment .f5-comment-icon { width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; }
#addcomment .f5-comment-icon svg { width: 18px; height: 18px; }
#addcomment .f5-comment-head h3 { font-size: 15px; font-weight: 800; margin: 0; }

.f5-comment-user { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.f5-com-avatar { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }

.f5-com-avatar-fb {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #4ccb70;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

.f5-com-name { font-size: 14px; font-weight: 700; }

#addcomment .f5-comment-body textarea {
  width: 100%;
  resize: vertical;
  min-height: 90px;
  border-radius: 14px;
  border: 1.5px solid var(--form-control-brd);
  background: var(--form-control-bg, rgba(0,0,0,.04));
  color: var(--tcolor);
  font-family: var(--font);
  font-size: 14px;
  padding: 10px 14px;
  outline: none;
  transition: border-color .15s;
  box-sizing: border-box;
  box-shadow: none;
}

#addcomment .f5-comment-body textarea:focus {
  border-color: #4ccb70;
  box-shadow: 0 0 0 3px rgba(76,203,112,.12);
}

#addcomment .f5-submit { display: flex; align-items: center; gap: 12px; margin-top: 10px; width: auto; }

#addcomment .f5-submit button {
  padding: 9px 24px;
  border-radius: 12px;
  border: none;
  background: #4ccb70;
  color: #fff;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity .15s, transform .1s;
  width: auto;
}

#addcomment .f5-submit button:hover { opacity: .85; transform: translateY(-1px); }
#addcomment .f5-submit button:disabled { opacity: .5; cursor: default; transform: none; }

.com-chars { font-size: 12px; opacity: .45; }
.com-msg { border-radius: 10px; padding: 9px 14px; font-size: 13px; font-weight: 600; margin-bottom: 12px; }
.com-msg.ok    { background: rgba(76,203,112,.12); color: #3bb375; }
.com-msg.error { background: rgba(248,113,113,.12); color: #ef4444; }

.f5-comment-guest {
  text-align: center;
  padding: 1.25rem 1rem;
  background: rgba(76,203,112,.06);
  border-radius: 14px;
  border: 1.5px dashed rgba(76,203,112,.3);
}

.f5-comment-guest p { font-size: 14px; opacity: .7; margin-bottom: 14px; font-weight: 600; }

.lc-list { display:flex; flex-direction:column; gap:.5rem; }
.lc-item { display:flex; align-items:flex-start; gap:.75rem; padding:.875rem; background:var(--block-bg); border:1.5px solid var(--line); border-radius:.75rem; }
.lc-item.lc-good { background:rgba(74,222,128,.08); border-color:rgba(74,222,128,.35); }
.lc-item.lc-bad  { background:rgba(239,68,68,.08);  border-color:rgba(239,68,68,.35); }
.lc-avatar { flex-shrink:0; }
.lc-avatar img { width:36px; height:36px; border-radius:50%; object-fit:cover; display:block; }
.lc-body { flex:1; min-width:0; }
.lc-meta { display:flex; align-items:center; gap:.4rem; flex-wrap:wrap; margin-bottom:.3rem; font-size:.85em; }
.lc-author { font-weight:700; color:var(--tcolor); }
.lc-app { color:var(--lcolor); text-decoration:none; font-weight:600; }
.lc-app:hover { text-decoration:underline; }
.lc-date { margin-left:auto; white-space:nowrap; color:var(--entry-info); font-size:.8em; }
.lc-text { font-size:.875em; line-height:1.5; word-break:break-word; color:var(--tcolor); }
.lc-votes { display:flex; gap:.5rem; margin-top:.5rem; }
.lc-vote-btn { display:inline-flex; align-items:center; gap:.3rem; padding:.25rem .6rem; border-radius:999px; border:1.5px solid var(--line); background:transparent; color:var(--entry-info); font-size:.8em; font-weight:600; cursor:pointer; transition:border-color .15s,color .15s,background .15s; font-family:var(--font); }
.lc-vote-btn:hover:not(:disabled) { border-color:var(--lcolor); color:var(--lcolor); }
.lc-vote-btn.lc-voted { border-color:var(--lcolor); color:var(--lcolor); background:rgba(var(--lcolor-rgb,74,222,128),.1); }
.lc-vote-btn:disabled { opacity:.45; cursor:default; }
.lc-vote-like.lc-voted  { border-color:#4ccb70; color:#4ccb70; }
.lc-vote-dislike.lc-voted { border-color:#f9563d; color:#f9563d; }
.lc-app-img { flex-shrink:0; }
.lc-app-img img { width:48px; height:48px; border-radius:.5rem; object-fit:cover; display:block; }

.pagination-wrap { padding:20px 0 36px; }
.pagination { display:flex; align-items:center; justify-content:center; gap:5px; flex-wrap:nowrap; overflow:hidden; }
.pg-item,.pg-btn { display:flex; align-items:center; justify-content:center; flex-shrink:0; min-width:38px; height:38px; padding:0 6px; border-radius:10px; font-size:.875rem; font-weight:700; color:var(--tcolor); text-decoration:none; border:1.5px solid var(--line); background:var(--block-bg); transition:border-color .15s,color .15s,background .15s; cursor:pointer; font-family:var(--font); white-space:nowrap; }
.pg-item:hover,.pg-btn:hover { border-color:var(--lcolor); color:var(--lcolor); }
.pg-item.active { background:var(--lcolor); border-color:var(--lcolor); color:#fff; pointer-events:none; }
.pg-btn.pg-disabled { opacity:.4; pointer-events:none; }
.pg-btn svg { width:18px; height:18px; flex-shrink:0; }
.pg-dots { display:flex; align-items:center; justify-content:center; flex-shrink:0; min-width:30px; height:38px; color:var(--entry-info); font-weight:700; font-size:.9rem; letter-spacing:1px; }
.pg-md-hide { display:flex; }
.pg-md-only { display:none; }

@media(max-width:540px){
  .pg-md-hide { display:none; }
  .pg-md-only { display:flex; }
  .pg-item,.pg-btn { min-width:34px; height:34px; font-size:.8125rem; border-radius:8px; }
  .pg-dots { min-width:22px; height:34px; font-size:.8rem; }
  .pagination { gap:4px; }
  .lc-app-img { display:none; }
  .lc-date { margin-left:0; }
}

.comment-reply-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: none;
  cursor: pointer;
  color: #4ccb70;
  font: inherit;
  font-size: .9rem;
  font-weight: 600;
  padding: .35rem .2rem;
  opacity: .85;
  transition: opacity .15s ease;
}

.comment-reply-btn:hover { opacity: 1; }
.comment-reply-btn svg { width: 16px; height: 16px; }

.comment-replies {
  margin: .25rem 0 0 1.75rem;
  padding-left: 1rem;
  border-left: 2px solid rgba(76, 203, 112, .22);
  display: flex;
  flex-direction: column;
  gap: .6rem;
}

.comment-replies:empty { display: none; }
.comEnt.is-reply { margin: 0; }
.comEnt.is-reply .comment.com-item { padding-top: .9rem; padding-bottom: .9rem; }
.comEnt.is-reply .comment.com-item i.avatar.fit-cover { width: 38px; height: 38px; }

.com-reply-form {
  margin: 0 0 1.5rem 1.75rem;
  padding: .75rem;
  background: rgba(255, 255, 255, .04);
  border-radius: .75rem;
}

.com-reply-form textarea {
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
  min-height: 64px;
  padding: .6rem .7rem;
  border-radius: .6rem;
  border: 0;
  font: inherit;
  font-size: .95rem;
}

.com-reply-form textarea:focus { outline: none; }

html#h:not(.darktheme) .com-reply-form textarea { background: rgba(76, 203, 112, .08) !important; color: rgba(0, 0, 0, .88) !important; }
html#h:not(.darktheme) .com-reply-form textarea:focus { background: rgba(76, 203, 112, .12) !important; }
html#h:not(.darktheme) .com-reply-form textarea::placeholder { color: rgba(0, 0, 0, .45) !important; }
html#h.darktheme .com-reply-form textarea { background: rgba(0, 0, 0, .18) !important; color: rgba(255, 255, 255, .92) !important; }
html#h.darktheme .com-reply-form textarea:focus { background: rgba(0, 0, 0, .24) !important; }
html#h.darktheme .com-reply-form textarea::placeholder { color: rgba(255, 255, 255, .50) !important; }

.com-reply-actions { display: flex; align-items: center; gap: .6rem; margin-top: .6rem; }
.com-reply-form .com-reply-send { padding: .45rem 1.1rem; }

.com-reply-cancel {
  border: 0;
  background: none;
  cursor: pointer;
  color: inherit;
  opacity: .6;
  font: inherit;
  font-size: .9rem;
}

.com-reply-cancel:hover { opacity: 1; }
.com-reply-msg { margin-bottom: .5rem; }

@media (max-width: 600px) {
  .comment-replies { margin-left: .75rem; padding-left: .65rem; }
  .com-reply-form { margin-left: .75rem; }
}

@media (max-width: 991px) {
  .comment.com-item .com-likes.reactions-container {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    inset: auto !important;
  }
  .comment.com-item .comment-text { padding-right: 0 !important; }
}

@media (max-width: 739px) {
  .comment.com-item .com-likes.reactions-container {
    width: 100% !important;
    justify-content: space-between !important;
    margin: 12px 0 0 !important;
  }
}

@media (min-width: 740px) and (max-width: 991px) {
  .comment.com-item .comment-foot { align-items: center; }
  .comment.com-item .com-likes.reactions-container {
    width: auto !important;
    margin: 0 !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    flex: 0 0 auto !important;
  }
  .comment.com-item .com-likes.reactions-container :is(a,button).like-btn.reaction-btn,
  .comment.com-item .com-likes.reactions-container :is(a,button).dislike-btn.reaction-btn {
    flex: 0 0 auto !important;
    width: auto !important;
  }
}

.b-modinfo { background: var(--spoiler); border-radius: .75rem; margin-top: 14px; overflow: hidden; }
.b-modinfo>summary { list-style: none; cursor: pointer; padding: 1rem 1.1rem; user-select: none; }
.b-modinfo>summary::-webkit-details-marker { display: none; }
.b-modinfo>summary::marker { content: ""; }
.b-modinfo__row { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: .9375rem; color: inherit; }
.b-modinfo__arrow { display: inline-flex; color: #4ccb70; flex: none; transition: transform .25s ease; }
.b-modinfo[open] .b-modinfo__arrow { transform: rotate(180deg); }
.b-modinfo__body { padding: .2rem 1.1rem 1rem 2.7rem; }
.b-modinfo__body ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
.b-modinfo__body li { position: relative; padding-left: 18px; line-height: 1.55; font-size: .9375rem; }
.b-modinfo__body li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: #4ccb70; }

.b-tabs > a.active { color: var(--tcolor) !important; }

.b-tabs > a::after {
  border: 0 !important;
  height: .25rem !important;
  margin-top: 0 !important;
  background-color: #4ccb70 !important;
  border-radius: 0 0 .25rem .25rem !important;
  transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

.b-tabs > a:not(.active):hover::after { opacity: .45; transform: translateY(0); }
.b-tabs > a.active:hover::after { box-shadow: 0 2px 9px rgba(76, 203, 112, .6); }

.vote-app-btn { transition: transform .18s cubic-bezier(.2, .8, .2, 1); transform-origin: center; }
.vote-app-btn:hover  { transform: scale(1.04); }
.vote-app-btn:active { transform: scale(1.1); }
.vote-app-btn:active svg { animation: votePop .3s ease; }

.block.b-screenshots { padding: 1.25rem; margin-bottom: 1rem; }
.shots { position: relative; }

.shots-track {
  display: flex;
  gap: .625rem;
  height: 12.5rem;
  justify-content: safe center;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.shots-track::-webkit-scrollbar { display: none; }

.shots-item {
  position: relative;
  flex: 0 0 auto;
  height: 100%;
  border-radius: .75rem;
  overflow: hidden;
  scroll-snap-align: start;
  background: rgba(0, 0, 0, .06);
  padding: 0;
  border: 0;
  cursor: zoom-in;
  display: block;
}

.shots-item img { height: 100%; width: auto; display: block; }

.shots-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  border: none;
  background: #fff;
  box-shadow: 0 .25rem 1rem rgba(0, 0, 0, .18);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2a2f36;
}

.shots-nav[hidden] { display: none; }
.shots-nav svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.shots-prev { left: -.6rem; }
.shots-next { right: -.6rem; }

@media (max-width: 700px) {
  .shots-track { height: 9.5rem; }
  .shots-nav { width: 2.25rem; height: 2.25rem; background: rgba(255, 255, 255, .92); }
  .shots-prev { left: .3rem; }
  .shots-next { right: .3rem; }
}

.shots-lb {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  background: rgba(0, 0, 0, .92);
  display: flex;
  align-items: center;
  justify-content: center;
}

.shots-lb[hidden] { display: none; }
.shots-lb-fig { position: relative; display: inline-block; margin: 0; line-height: 0; }
html.shots-lb-open .header { visibility: hidden; }
html.shots-lb-open .sel-dark-toggle { display: none !important; }
.shots-lb-img { max-width: 92vw; max-height: 86vh; border-radius: .5rem; object-fit: contain; }

.shots-lb-close {
  position: absolute; top: 1rem; right: 1rem;
  width: 2.75rem; height: 2.75rem; border-radius: 50%;
  border: 0; background: rgba(255, 255, 255, .15); color: #fff;
  font-size: 1.75rem; line-height: 1; cursor: pointer;
}

.shots-lb-nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 3rem; height: 3rem; border-radius: 50%;
  border: 0; background: rgba(255, 255, 255, .15); color: #fff;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
}

.shots-lb-nav svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.shots-lb-prev { left: 1rem; }
.shots-lb-next { right: 1rem; }

.shots-lb-count {
  position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%);
  color: #fff; font-size: .875rem; background: rgba(0, 0, 0, .4);
  padding: .25rem .75rem; border-radius: 999px;
}

@media (max-width: 700px) {
  .shots-lb-nav { width: 2.5rem; height: 2.5rem; }
  .shots-lb-prev { left: .4rem; }
  .shots-lb-next { right: .4rem; }
}