/* Переключатель и панель помощи */
#v10-theme-toggle {
  position: fixed;
  right: 16px;
  bottom: calc(70px + env(safe-area-inset-bottom));
  z-index: 200;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 9px 15px;
  border: 1px solid rgba(190,222,255,.3);
  border-radius: 999px;
  background: linear-gradient(135deg,#183c5d,#0b2039);
  color: #edf4ff;
  box-shadow: 0 6px 22px rgba(0,0,0,.28);
  font: 600 14px/1.3 "Gilroy",system-ui,sans-serif;
  cursor: pointer;
  transition: transform .18s ease;
}
#v10-theme-toggle svg {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
}
#v10-theme-toggle[hidden] {
  display: none !important;
}
#v10-theme-toggle:focus-visible {
  outline: 2px solid #9ed8ff;
  outline-offset: 3px;
}
#v10-help-panel {
  bottom: calc(124px + env(safe-area-inset-bottom)) !important;
  max-height: calc(100vh - 160px) !important;
  max-height: calc(100dvh - 160px) !important;
}
@media (hover:hover) and (pointer:fine) {
  #v10-theme-toggle:hover { transform: translateY(-2px); }
}
@media (prefers-reduced-motion:reduce) {
  #v10-theme-toggle { transition: none; }
}

/* Светлая тема страницы */
html[data-page-theme="light"],
html[data-page-theme="light"] body {
  background: #eaf2fa !important;
  color: #102b49;
}
html[data-page-theme="light"] body::before,
html[data-page-theme="light"] body::after,
html[data-page-theme="light"] .page::before,
html[data-page-theme="light"] .page::after {
  display: none !important;
}
html[data-page-theme="light"] .page {
  background:
    radial-gradient(ellipse at 85% 8%, rgba(162,204,241,.48), transparent 48%),
    radial-gradient(ellipse at 10% 60%, rgba(190,223,241,.65), transparent 50%),
    linear-gradient(180deg,#f5f8fc,#e4eef8) !important;
}
html[data-page-theme="light"] .page-shell {
  background: transparent !important;
}

/* Шапка и бренд */
html[data-page-theme="light"] .page-header {
  background: linear-gradient(135deg,rgba(255,255,255,.95),rgba(234,243,252,.92)) !important;
  border-color: rgba(34,77,120,.18) !important;
  box-shadow: 0 12px 36px rgba(27,63,101,.08) !important;
}
html[data-page-theme="light"] .brand-wordmark {
  /* Временная окраска белого логотипа для предварительного просмотра. */
  filter: brightness(0) saturate(100%) invert(14%)
    sepia(30%) saturate(1300%) hue-rotate(174deg) !important;
}
html[data-page-theme="light"] .brand-subtitle,
html[data-page-theme="light"] .brand-subtitle--standalone {
  color: #284969 !important;
  border-color: rgba(34,77,120,.2) !important;
  text-shadow: none !important;
}
html[data-page-theme="light"] .hero-title {
  color: #102b49 !important;
  text-shadow: none !important;
}
html[data-page-theme="light"] .hero-note,
html[data-page-theme="light"] .footer-note {
  color: #47617b !important;
  text-shadow: none !important;
}

/* Рамка видео и описание */
html[data-page-theme="light"] .player-card {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(34,77,120,.2) !important;
  box-shadow: 0 18px 48px rgba(27,63,101,.15) !important;
}
html[data-page-theme="light"] .player-card::before {
  background: linear-gradient(135deg,#fff,rgba(139,179,214,.45)) !important;
}
html[data-page-theme="light"] .info-card {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(34,77,120,.16) !important;
  box-shadow: 0 12px 32px rgba(27,63,101,.08) !important;
}
html[data-page-theme="light"] .info-label {
  color: #a83e28 !important;
}
html[data-page-theme="light"] .info-title {
  color: #102b49 !important;
}
html[data-page-theme="light"] .info-description {
  color: #47617b !important;
}
html[data-page-theme="light"] .social-card.social-footer {
  background: rgba(255,255,255,.78) !important;
  border-color: rgba(34,77,120,.18) !important;
  box-shadow: 0 12px 32px rgba(27,63,101,.1) !important;
}

/* Общий стиль кнопок */
html[data-page-theme="light"] .page .hero-kicker,
html[data-page-theme="light"] .page a.site-link,
html[data-page-theme="light"] #v10-help-toggle,
html[data-page-theme="light"] #v10-theme-toggle {
  background: linear-gradient(135deg,#fff,#dfecf8) !important;
  color: #163b5b !important;
  border-color: rgba(34,77,120,.25) !important;
  box-shadow: 0 6px 20px rgba(27,63,101,.1),
    inset 0 1px 0 rgba(255,255,255,.8) !important;
}
html[data-page-theme="light"] #v10-help-toggle .help-icon {
  background: rgba(62,119,170,.09) !important;
  color: #163b5b !important;
  border-color: rgba(34,77,120,.35) !important;
}
html[data-page-theme="light"] .page a.site-link:focus-visible,
html[data-page-theme="light"] #v10-help-toggle:focus-visible,
html[data-page-theme="light"] #v10-theme-toggle:focus-visible {
  outline-color: #246695 !important;
}

/* Помощь */
html[data-page-theme="light"] #v10-help-panel {
  background: linear-gradient(145deg,#fff,#edf4fb) !important;
  color: #294762 !important;
  border-color: rgba(34,77,120,.22) !important;
  box-shadow: 0 20px 60px rgba(27,63,101,.22) !important;
  scrollbar-color: #8ca9c0 #edf4fb;
}
html[data-page-theme="light"] #v10-help-panel header {
  background: linear-gradient(135deg,#fff,#e9f2fb) !important;
  border-color: rgba(34,77,120,.15) !important;
}
html[data-page-theme="light"] #v10-help-panel h2 {
  color: #102b49 !important;
}
html[data-page-theme="light"] #v10-help-panel h3 {
  color: #a83e28 !important;
}
html[data-page-theme="light"] #v10-help-panel label,
html[data-page-theme="light"] #v10-help-panel #v10-help-status {
  color: #395c7a !important;
}
html[data-page-theme="light"] #v10-help-panel input {
  background: #f5f9fd !important;
  color: #163b5b !important;
  border-color: #a7bdcf !important;
}
html[data-page-theme="light"] #v10-help-panel .help-actions a,
html[data-page-theme="light"] #v10-help-panel .help-actions button,
html[data-page-theme="light"] #v10-help-panel #v10-help-close {
  background: #e3eef8 !important;
  color: #163b5b !important;
  border-color: #a7bdcf !important;
}
html[data-page-theme="light"] #v10-help-panel td {
  border-color: #cbdbe8 !important;
}
html[data-page-theme="light"] #v10-help-panel kbd {
  background: #e0eaf4 !important;
  color: #163b5b !important;
}
html[data-page-theme="light"] #v10-help-panel :focus-visible {
  outline-color: #246695 !important;
}


/* beta32-light-orange-accents */
html[data-page-theme="light"] {
  --page-accent-text: #b64220;
  --page-accent-border: rgba(210,88,45,.48);
  --page-accent-focus: #b64220;
}

html[data-page-theme="light"] .page .hero-kicker,
html[data-page-theme="light"] .page a.site-link,
html[data-page-theme="light"] #v10-help-toggle,
html[data-page-theme="light"] #v10-theme-toggle,
html[data-page-theme="light"] #v10-help-panel .help-actions a,
html[data-page-theme="light"] #v10-help-panel .help-actions button,
html[data-page-theme="light"] #v10-help-panel #v10-help-close {
  color: var(--page-accent-text) !important;
  border-color: var(--page-accent-border) !important;
  background: linear-gradient(135deg,#fff,#fff2e9) !important;
  box-shadow:
    0 5px 16px rgba(111,65,37,.08),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

html[data-page-theme="light"] #v10-help-toggle .help-icon {
  color: var(--page-accent-text) !important;
  border-color: var(--page-accent-border) !important;
  background: rgba(224,105,57,.08) !important;
}

html[data-page-theme="light"] .info-label,
html[data-page-theme="light"] #v10-help-panel h3 {
  color: var(--page-accent-text) !important;
}

html[data-page-theme="light"] #v10-help-panel input {
  border-color: rgba(210,88,45,.32) !important;
}

html[data-page-theme="light"] .page a.site-link:focus-visible,
html[data-page-theme="light"] #v10-help-toggle:focus-visible,
html[data-page-theme="light"] #v10-theme-toggle:focus-visible,
html[data-page-theme="light"] #v10-help-panel :focus-visible {
  outline-color: var(--page-accent-focus) !important;
}

@media (hover:hover) and (pointer:fine) {
  html[data-page-theme="light"] .page a.site-link:hover,
  html[data-page-theme="light"] #v10-help-toggle:hover,
  html[data-page-theme="light"] #v10-theme-toggle:hover,
  html[data-page-theme="light"] #v10-help-panel .help-actions a:hover,
  html[data-page-theme="light"] #v10-help-panel .help-actions button:hover,
  html[data-page-theme="light"] #v10-help-panel #v10-help-close:hover {
    background: linear-gradient(135deg,#fff7f0,#ffe4d2) !important;
    border-color: #cb592f !important;
  }
}


/* beta32-light-planet-background */
html[data-page-theme="light"],
html[data-page-theme="light"] body {
  background: #e5edf6 !important;
}

html[data-page-theme="light"] .page {
  background:
    radial-gradient(
      ellipse 115% 58% at 50% 130%,
      #d5e2ef 0%,
      #dce7f2 77%,
      #edf2f7 87%,
      #fff8f0 91%,
      rgba(248,229,216,.7) 94%,
      rgba(248,229,216,0) 100%
    ),
    radial-gradient(
      ellipse 65% 30% at 88% 70%,
      rgba(248,229,216,.65) 0%,
      rgba(248,229,216,0) 100%
    ),
    radial-gradient(
      ellipse 85% 50% at 8% 35%,
      rgba(207,225,243,.6) 0%,
      rgba(207,225,243,0) 100%
    ),
    linear-gradient(
      180deg,
      #f7f9fc 0%,
      #f0f5fa 30%,
      #e3edf7 67%,
      #e8eef5 100%
    ) !important;

  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

@media (max-width: 640px) {
  html[data-page-theme="light"] .page {
    background:
      radial-gradient(
        ellipse 155% 40% at 50% 116%,
        #d5e2ef 0%,
        #e1eaf3 78%,
        #f3f4f5 88%,
        #fff7ef 92%,
        rgba(248,229,216,.55) 95%,
        rgba(248,229,216,0) 100%
      ),
      radial-gradient(
        ellipse 100% 25% at 100% 65%,
        rgba(248,229,216,.45),
        rgba(248,229,216,0)
      ),
      linear-gradient(
        180deg,
        #f7f9fc 0%,
        #edf4fa 35%,
        #e3edf7 75%,
        #e5edf6 100%
      ) !important;

    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
  }
}

/* beta32-header-fast-theme */
html[data-page-theme] body .page-header {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}