/* Тема «Прайм Эра» — как лендинг «Здоровая и Желанная» (praktikum.muzikanataly.com).
   Включается полем "theme": "prime" в конфиге подборки или видео (html.theme-prime).
   Движение только transform/opacity, всё под prefers-reduced-motion. */
html.theme-prime {
  --bg: #0E0B0C; --bg-2: #141012; --card: #1B1618; --line: #322A2D;
  --ink: #F6F1F2; --muted: #CFC5C8; --dim: #A3979B;
  --accent: #E8A3B6; --wine: #E8A3B6; --red: #FF4D6A; --red-2: #FF6F87; --lime: #E8A3B6; --lime-2: #F3D3DD;
  --silver: linear-gradient(180deg, #FFFFFF 0%, #F0D7DF 52%, #B98597 100%);
  --ser-grad: linear-gradient(100deg, #FFD7E2 0%, #E8A3B6 45%, #C9778F 100%);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  color-scheme: dark;
}
html.theme-prime body { background: var(--bg); color: var(--ink); }

/* мягкое свечение, которое медленно плывёт за шапкой */
html.theme-prime body::before, html.theme-prime body::after {
  content: ''; position: fixed; z-index: -1; pointer-events: none; border-radius: 50%; filter: blur(60px); opacity: .55;
}
html.theme-prime body::before { width: 70vmax; height: 70vmax; top: -38vmax; right: -30vmax; background: radial-gradient(circle, #5A1A30 0%, transparent 65%); }
html.theme-prime body::after { width: 55vmax; height: 55vmax; top: 20vh; left: -35vmax; background: radial-gradient(circle, #3A1028 0%, transparent 65%); opacity: .45; }

html.theme-prime .top .sig { background: var(--silver); }

/* плашка над заголовком: обводка и живая точка, как «В эфире» */
html.theme-prime .kicker { display: inline-flex; align-items: center; gap: 9px; padding: 8px 15px; color: var(--accent); background: rgba(232, 163, 182, .08);
  border: 1px solid rgba(232, 163, 182, .35); border-radius: 999px; transform: none; box-shadow: none; letter-spacing: .18em; }
html.theme-prime .kicker::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 0 rgba(255, 77, 106, .6); }

/* заголовок: серебряный капс + розовый курсив */
html.theme-prime .h1 { color: transparent; }
html.theme-prime .h1 #title { background: var(--silver); -webkit-background-clip: text; background-clip: text; color: transparent; }
html.theme-prime .ser { background: var(--ser-grad); -webkit-background-clip: text; background-clip: text; }
html.theme-prime .lead { color: var(--muted); }
html.theme-prime .lead b { color: #fff; background: linear-gradient(transparent 62%, rgba(232, 163, 182, .32) 62%, rgba(232, 163, 182, .32) 92%, transparent 92%); }

/* вкладки дней */
html.theme-prime .tabs button { background: rgba(255, 255, 255, .04); border: 1px solid var(--line); color: var(--muted); box-shadow: none; }
html.theme-prime .tabs button[aria-selected="true"] { background: linear-gradient(180deg, #FFFFFF, #F3E3E8); border-color: transparent; color: #1A0C11;
  box-shadow: 0 10px 26px -12px rgba(232, 163, 182, .7); }

/* плеер: бегущий свет по рамке */
html.theme-prime .nmp { padding: 1.5px; background: #1B1618; box-shadow: 0 30px 70px -30px rgba(232, 163, 182, .35); }
html.theme-prime .nmp::before { content: ''; position: absolute; z-index: -1; left: 50%; top: 50%; width: 160%; aspect-ratio: 1; translate: -50% -50%;
  background: conic-gradient(from 0deg, transparent 0 62%, rgba(232, 163, 182, .2) 70%, #FFD7E2 80%, #fff 83%, #E8A3B6 87%, transparent 95%); }
html.theme-prime .nmp-stage, html.theme-prime .nmp-bar { border-radius: calc(var(--nmp-r, 22px) - 1.5px); }
html.theme-prime .nmp-stage { border-bottom-left-radius: 0; border-bottom-right-radius: 0; overflow: hidden; }
html.theme-prime .nmp-bar { border-top-left-radius: 0; border-top-right-radius: 0; background: #140810; }
html.theme-prime .nmp.is-fs, html.theme-prime .nmp.is-fs-css { padding: 0; }
html.theme-prime .nmp.is-fs::before, html.theme-prime .nmp.is-fs-css::before { display: none; }
html.theme-prime .nmp-big { background: linear-gradient(180deg, #FFFFFF, #F3E3E8); color: #1A0C11; box-shadow: 0 0 0 1px rgba(255, 255, 255, .5), 0 14px 34px -10px rgba(232, 163, 182, .7); }
html.theme-prime .nmp-rbtn--main { background: linear-gradient(135deg, #FF6F87, #FF4D6A); }
html.theme-prime .nmp-fill { background: linear-gradient(90deg, #FF4D6A, #FFD7E2); }

/* кнопки по таймингу */
html.theme-prime .nmp-cta { position: relative; overflow: hidden; }
html.theme-prime .nmp-cta--support { color: #1A0C11 !important; background: linear-gradient(180deg, #FFFFFF, #F3E3E8) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .5), 0 12px 30px -12px rgba(232, 163, 182, .55) !important; }
html.theme-prime .nmp-cta--offer { color: #fff !important; background: linear-gradient(135deg, #FF6F87, #FF4D6A 55%, #C9294A) !important;
  box-shadow: 0 16px 34px -12px rgba(255, 77, 106, .8) !important; }
html.theme-prime .nmp-cta--offer::after { content: ''; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .45) 50%, transparent 65%);
  transform: translateX(-120%); }
html.theme-prime .nmp-cta--gift { color: var(--ink) !important; background: rgba(255, 255, 255, .04) !important; border: 1.5px solid rgba(232, 163, 182, .45) !important; }

/* чат */
html.theme-prime .nmc { background: rgba(27, 22, 24, .85); border: 1px solid var(--line); box-shadow: none; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
html.theme-prime .nmc-h { color: var(--ink); border-color: var(--line); }
html.theme-prime .nmc-l { color: var(--muted); }
html.theme-prime .nmc-l b { color: var(--accent); }

/* «Вернуться в чек-ап» */
html.theme-prime .back { background: transparent; color: var(--ink); border: 1.5px solid rgba(232, 163, 182, .4); box-shadow: none; }
html.theme-prime .back:hover { background: rgba(232, 163, 182, .08); }

@media (prefers-reduced-motion: no-preference) {
  html.theme-prime body::before { animation: drift 22s ease-in-out infinite alternate; }
  html.theme-prime body::after { animation: drift 28s ease-in-out infinite alternate-reverse; }
  html.theme-prime .kicker::before { animation: live 1.8s ease-out infinite; }
  html.theme-prime .nmp::before { animation: rim 7s linear infinite; }
  html.theme-prime .nmp-cta--offer::after { animation: shine 3.6s var(--ease-out) 1.2s infinite; }
  html.theme-prime .nmp-cta--offer.is-new { animation: offer-in .7s cubic-bezier(.34, 1.56, .64, 1) both; }
  /* заголовок встаёт из-под маски */
  html.theme-prime .h1 { overflow: hidden; padding-bottom: .08em; }
  html.theme-prime .h1 > * { display: block; animation: rise .9s var(--ease-out) both; }
  html.theme-prime .h1 > .ser { animation-delay: .15s; }
}
@keyframes drift { from { transform: translate(0, 0) scale(1); } to { transform: translate(-6vmax, 4vmax) scale(1.12); } }
@keyframes live { 0% { box-shadow: 0 0 0 0 rgba(255, 77, 106, .6); } 80%, 100% { box-shadow: 0 0 0 7px rgba(255, 77, 106, 0); } }
@keyframes rim { to { transform: rotate(360deg); } }
@keyframes shine { 0% { transform: translateX(-120%); } 45%, 100% { transform: translateX(120%); } }
@keyframes rise { from { opacity: 0; transform: translateY(70%); } to { opacity: 1; transform: none; } }
@keyframes offer-in { 0% { opacity: 0; transform: translateY(14px) scale(.94); } 100% { opacity: 1; transform: none; } }

/* блок оплаты под видео: подпись, пакеты с ценой, вопрос, поддержка */
html.theme-prime .nmp-note { margin: 6px 0 0; text-align: center; font: 900 15px/1.2 var(--display); letter-spacing: .14em; text-transform: uppercase;
  background: var(--silver); -webkit-background-clip: text; background-clip: text; color: transparent; }
html.theme-prime .nmp-note + .nmp-cta { margin-top: 2px; }
html.theme-prime .nmp-cta ~ .nmp-note { margin-top: 12px; font: italic 600 21px/1.2 var(--serif); letter-spacing: 0; text-transform: none; background: var(--ser-grad);
  -webkit-background-clip: text; background-clip: text; }
html.theme-prime .nmp-cta small { margin-left: auto; padding-left: 14px; font: 900 17px/1 var(--display); letter-spacing: 0; }
html.theme-prime .nmp-cta:has(small) { justify-content: space-between; padding-left: 26px; padding-right: 26px; }
html.theme-prime .nmp-cta--pkg { color: var(--ink) !important; background: rgba(255, 255, 255, .05) !important; border: 1.5px solid rgba(232, 163, 182, .4) !important; }
html.theme-prime .nmp-cta--pkg:hover { background: rgba(232, 163, 182, .1) !important; }
@media (prefers-reduced-motion: no-preference) { html.theme-prime .nmp-note.is-new { animation: offer-in .6s var(--ease-out) both; } }

/* заголовок в одну строку: «ЭНЕРГИЯ и желание» */
html.title-inline .h1 { font-size: clamp(30px, 8.6vw, 60px); line-height: 1.05; }
html.title-inline .h1 > * { display: inline !important; }
html.title-inline .h1 .ser { margin: 0 0 0 .18em; font-size: 1.12em; }
html.theme-prime.title-inline .wrap { gap: 14px; }

/* номер дня над заголовком: «День 1 · из 2» */
.dayno[hidden] { display: none; }
html.theme-prime .dayno { margin: 2px 0 -6px; display: flex; align-items: baseline; gap: 10px; }
html.theme-prime .dayno b { font: italic 600 clamp(34px, 9vw, 52px)/1 var(--serif); background: var(--ser-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
html.theme-prime .dayno span { font: 700 11.5px/1 var(--display); letter-spacing: .22em; text-transform: uppercase; color: var(--dim); }
html.theme-prime .dayno span::before { content: ''; display: inline-block; width: 26px; height: 1px; margin: 0 10px 3px 0; vertical-align: middle; background: rgba(232, 163, 182, .5); }
/* второй день: курсив впереди, капс после */
html.title-inline .h1.em-first .ser { margin: 0 .18em 0 0; }
@media (prefers-reduced-motion: no-preference) { html.theme-prime .dayno { animation: rise .8s var(--ease-out) both; } }

/* «День 1 — из 2» стоит под заголовком */
html.theme-prime .dayno { margin: -6px 0 0; }
html.theme-prime .dayno b { font-size: clamp(26px, 7vw, 38px); }