/* ═══════════════════════════════════════════════════════════
   HOME — МЕГА НАЧАЛОТО: живо небе • статистика • витрина • талисман
   ═══════════════════════════════════════════════════════════ */

/* ── 🌅 живото небе ── */
header.hero { position: relative; overflow: hidden; transition: background 1.2s ease; }
header.hero > .hero-inner { position: relative; z-index: 2; }
.sky-layer { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; animation: skyFade 0.9s ease; }
@keyframes skyFade { from { opacity: 0; } to { opacity: 1; } }
/* хълмовете на страната се преобличат плавно с небето */
.land, .land-hills path { transition: background 0.9s ease, fill 0.9s ease, box-shadow 0.9s ease; }

/* атмосферата по часа */
header.hero.sky-dawn  { background: linear-gradient(180deg, #ffe9d6 0%, #ffd9e8 45%, #fdf3f9 100%); }
header.hero.sky-day   { background: linear-gradient(180deg, #dff0fb 0%, #eef7fd 50%, #fdf3f9 100%); }
header.hero.sky-dusk  { background: linear-gradient(180deg, #e8ddf6 0%, #ffd9e0 55%, #fdf3f9 100%); }
header.hero.sky-night { background: linear-gradient(180deg, #241f45 0%, #3a3060 55%, #574d80 100%); }

/* нощем текстовете светват */
header.hero.sky-night .tagline { color: #e5def5; }
header.hero.sky-night .tagline em { color: #f7a8cb; }

.sk-star {
  position: absolute; font-size: 11px; color: #fff;
  animation: skTw 2.8s ease-in-out infinite;
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.7);
}
@keyframes skTw { 0%, 100% { opacity: 0.9; } 50% { opacity: 0.25; } }
.sk-moon {
  position: absolute; right: 9%; top: 9%; font-size: 44px;
  filter: drop-shadow(0 0 18px rgba(255, 244, 200, 0.55));
  animation: skFloat 7s ease-in-out infinite;
}
.sk-sun {
  position: absolute; right: 10%; top: 10%; font-size: 46px;
  filter: drop-shadow(0 0 22px rgba(255, 200, 90, 0.5));
  animation: skSpin 40s linear infinite;
}
.sk-sun.dawn { top: 42%; font-size: 40px; animation: skRise 3s ease-out forwards, skSpin 40s linear infinite; }
.sk-sun.dusk { top: 48%; right: 14%; font-size: 42px; filter: drop-shadow(0 0 26px rgba(255, 150, 120, 0.6)); }
@keyframes skRise { from { transform: translateY(60px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes skSpin { to { rotate: 360deg; } }
@keyframes skFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
.sk-cloud {
  position: absolute; left: -12%; font-size: 34px; opacity: 0.8;
  animation: skDrift linear infinite;
}
@keyframes skDrift { from { transform: translateX(-10vw); } to { transform: translateX(115vw); } }
.sk-fly {
  position: absolute; bottom: 16%; font-size: 12px;
  animation: skFirefly 5.5s ease-in-out infinite;
}
@keyframes skFirefly {
  0%, 100% { transform: translate(0, 0); opacity: 0.2; }
  25% { transform: translate(14px, -22px); opacity: 1; }
  55% { transform: translate(-10px, -38px); opacity: 0.5; }
  80% { transform: translate(8px, -12px); opacity: 0.9; }
}
.sk-bird { position: absolute; left: -6%; font-size: 17px; animation: skBird 16s linear infinite; }
@keyframes skBird { from { transform: translateX(-8vw) translateY(0); } 50% { transform: translateX(55vw) translateY(-26px); } to { transform: translateX(112vw) translateY(0); } }

/* ── 🕐 ЕДНО ДЕНОНОЩИЕ С ТЕБ ── */
.day24 { max-width: 900px; margin: 26px auto 6px; padding: 0 20px; text-align: center; }
.d24-wrap {
  display: flex; align-items: center; gap: 22px; justify-content: center;
  margin-top: 14px; flex-wrap: wrap;
}
.d24-svg { width: min(240px, 68vw); height: auto; flex: none; }
.d24-ring { fill: none; stroke: rgba(195, 177, 234, 0.28); stroke-width: 10; }
.d24-arc {
  fill: none; stroke: url(#d24g); stroke-width: 10; stroke-linecap: round;
  stroke-dasharray: 604; stroke-dashoffset: 604;
  transform: rotate(-90deg); transform-origin: 110px 110px;
  animation: d24Draw 2.4s var(--bl-ease-out) forwards;
}
@keyframes d24Draw { to { stroke-dashoffset: 90; } }
.d24-hand { stroke: #e56ba4; stroke-width: 3; stroke-linecap: round; }
.d24-handdot { fill: #e56ba4; animation: d24NowBreath 2.8s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
/* ── 🕰️ П5 Н4: живата стрелка + часовите деления ── */
.d24-nowg {
  transform: rotate(var(--nrot, 0deg)); transform-origin: 110px 110px;
  transition: transform 0.9s cubic-bezier(0.34, 1.4, 0.5, 1);
  animation: d24Hand 2s var(--bl-ease-spring) backwards;
}
@keyframes d24NowBreath { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.55); opacity: 0.65; } }
.d24-tick {
  stroke: rgba(176, 133, 201, 0.4); stroke-width: 1.2; stroke-linecap: round;
  animation: d24TickIn 0.5s ease backwards; animation-delay: var(--td);
}
@keyframes d24TickIn { from { opacity: 0; } }
[data-theme="dark"] .d24-tick { stroke: rgba(195, 177, 234, 0.3); }
@keyframes d24Hand { from { transform: rotate(-140deg); opacity: 0; } }
.d24-lbl { font-size: 8.5px; font-weight: 800; fill: var(--ink-soft); font-family: 'Nunito', 'Nunito-fallback', sans-serif; letter-spacing: -0.2px; }
.d24-mid {
  font-family: 'Comfortaa', 'Comfortaa-fallback', sans-serif; font-size: 26px; font-weight: 700;
  fill: url(#d24g); letter-spacing: -1px;
  animation: d24Pulse 3.4s ease-in-out infinite;
}
.d24-mid2 { font-family: 'Nunito', 'Nunito-fallback', sans-serif; font-size: 10px; font-weight: 800; fill: var(--ink-soft); letter-spacing: 0.5px; }
@keyframes d24Pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.72; } }
.d24-dot { cursor: pointer; animation: cardIn 0.5s ease backwards; animation-delay: var(--dl); }
.d24-hit { fill: transparent; }
.d24-bg { fill: #fff; stroke: rgba(195, 177, 234, 0.5); stroke-width: 1.5; transition: fill 0.3s ease, stroke 0.3s ease, transform 0.3s var(--bl-ease-spring); }
.d24-e { font-size: 13px; pointer-events: none; }
.d24-dot:hover .d24-bg { stroke: #f291bd; }
.d24-dot.on .d24-bg { fill: url(#d24g); stroke: transparent; r: 16; filter: drop-shadow(0 4px 10px rgba(229, 107, 164, 0.5)); }
.d24-dot.on .d24-e { font-size: 16px; }

.d24-card {
  flex: 1; min-width: 250px; max-width: 420px; text-align: left;
  background: linear-gradient(160deg, #ffffff, #faf4fb);
  border: 1.5px solid rgba(195, 177, 234, 0.3);
  border-radius: 22px; padding: 18px 20px;
  box-shadow: 0 14px 36px rgba(150, 130, 180, 0.18);
}
.d24-now { font-size: 11px; font-weight: 800; color: #b085c9; letter-spacing: 0.3px; }
.d24-now strong { color: #e56ba4; }
/* ── 🎬 П5 Н3: кино-смяната на картата — излизане + влизане на тактове ── */
.d24-body { transition: opacity 0.18s ease-in, transform 0.18s ease-in; }
.d24-body.d24-out { opacity: 0; transform: translateY(-8px) scale(0.985); }
.d24-body.d24-in { opacity: 1; transform: none; }
.d24-body.d24-in .d24-e2 { animation: d24Pop 0.55s cubic-bezier(0.34, 1.5, 0.5, 1) backwards; }
.d24-body.d24-in .d24-t  { animation: d24Up 0.5s  cubic-bezier(0.22, 1.3, 0.36, 1) 0.07s backwards; }
.d24-body.d24-in .d24-s  { animation: d24Up 0.5s  cubic-bezier(0.22, 1.3, 0.36, 1) 0.14s backwards; }
.d24-body.d24-in .d24-go { animation: d24Up 0.55s cubic-bezier(0.22, 1.3, 0.36, 1) 0.22s backwards; }
/* 27.10 · ЗАКОНЪТ ЗА СКРИТИЯ ТАБ (комит 25f85ec): входовете на СЪДЪРЖАНИЕ в този файл (картата „Нашият ден“ —
   емоджи, заглавие, текст, бутон; въртящата се дума в лозунга) тръгват от opacity .4, не от 0 — роден в скрит
   таб/headless входът замръзва на първия кадър. Декоративното (небето, слънцето, деленията и стрелката на
   циферблата, листата на мрежата, „муркането“) остава от 0.
   ПЪТ НАЗАД: върни „opacity: 0“ в редовете с бележка „27.10“. */
@keyframes d24Up  { from { opacity: .4; transform: translateY(12px); } /* 27.10: от .4 (скрит таб) */ }
@keyframes d24Pop { 0% { opacity: .4; transform: scale(0.4) rotate(-8deg); } /* 27.10: от .4 (скрит таб) */ 62% { transform: scale(1.12) rotate(2deg); } 100% { opacity: 1; transform: none; } }

/* ── 🌌 П5 Н1: небесното колело — небе в циферблата + светила на орбита ── */
.d24-skyc { opacity: 0; transition: opacity 1.1s ease; }
.d24-skyc.sky-dawn  { fill: #ffe9d6; }
.d24-skyc.sky-day   { fill: #e2f1fc; }
.d24-skyc.sky-dusk  { fill: #eadef7; }
.d24-skyc.sky-night { fill: #2b2450; }
.d24-svg.dsky-dawn  .d24-skyc.sky-dawn,
.d24-svg.dsky-day   .d24-skyc.sky-day,
.d24-svg.dsky-dusk  .d24-skyc.sky-dusk,
.d24-svg.dsky-night .d24-skyc.sky-night { opacity: 1; }
.d24-star { fill: #fff; opacity: 0; transition: opacity 0.9s ease; }
.d24-svg.dsky-night .d24-star { animation: d24Star 2.6s ease-in-out infinite; animation-delay: var(--sd); }
@keyframes d24Star { 0%, 100% { opacity: 0.9; } 50% { opacity: 0.15; } }
.d24-orbit {
  transform: rotate(var(--rot, 0deg)); transform-origin: 110px 110px;
  transition: transform 1.4s cubic-bezier(0.34, 1.2, 0.4, 1);
}
.d24-orb {
  font-size: 15px;
  transform: rotate(calc(-1 * var(--rot, 0deg)));  /* контра-въртене: слънцето стои изправено */
  transform-box: fill-box; transform-origin: center;
  transition: transform 1.4s cubic-bezier(0.34, 1.2, 0.4, 1);
}
.d24-orb-moon { font-size: 13px; opacity: 0.85; }
/* нощем надписите в кръга светват, за да се четат на тъмния диск */
.d24-svg.dsky-night .d24-lbl,
.d24-svg.dsky-night .d24-mid2 { fill: #cfc6e8; }
[data-theme="dark"] .d24-skyc.sky-dawn  { fill: #4a3a44; }
[data-theme="dark"] .d24-skyc.sky-day   { fill: #33405a; }
[data-theme="dark"] .d24-skyc.sky-dusk  { fill: #3a3058; }
[data-theme="dark"] .d24-skyc.sky-night { fill: #201a3c; }
@media (prefers-reduced-motion: reduce) {
  .d24-orbit, .d24-orb, .d24-skyc, .d24-star, .d24-body { transition: none; }
  .d24-body.d24-out { opacity: 1; transform: none; }
  .d24-svg.dsky-night .d24-star { animation: none; opacity: 0.7; }
  .d24-body.d24-in .d24-e2, .d24-body.d24-in .d24-t,
  .d24-body.d24-in .d24-s,  .d24-body.d24-in .d24-go { animation: none; }
}
.d24-e2 { font-size: 30px; display: block; margin-top: 6px; }
.d24-t { display: block; font-family: 'Comfortaa', 'Comfortaa-fallback', sans-serif; font-size: 16px; color: var(--ink); margin: 2px 0 6px; }
.d24-s { font-size: 13.5px; font-weight: 600; color: var(--ink-soft); line-height: 1.6; }
.d24-s strong { color: var(--pink-deep); font-weight: 800; }
.d24-go {
  margin-top: 12px; border: none; cursor: pointer; font-family: inherit;
  background: linear-gradient(90deg, #f7a8cb, #b9a7e0); color: #fff;
  font-size: 13px; font-weight: 800; border-radius: 999px; padding: 10px 16px;
  box-shadow: 0 8px 20px rgba(150, 100, 170, 0.3);
  transition: transform 0.2s ease;
}
.d24-go:hover { transform: translateY(-2px); }
[data-theme="dark"] .d24-card { background: linear-gradient(160deg, #2a2640, #241f38); border-color: rgba(195, 177, 234, 0.16); }
[data-theme="dark"] .d24-bg { fill: #2a2542; }
[data-theme="dark"] .d24-lbl { fill: #8a80a0; }
@media (max-width: 640px) { .d24-card { text-align: center; } }

/* ── 🎈 витрината на помощничките ── */
.meet { padding: 44px 20px 10px; max-width: 900px; margin: 0 auto; text-align: center; }
.meet-row { display: flex; justify-content: center; gap: 4px; flex-wrap: wrap; margin-top: 8px; }
.meet-b {
  border: none; background: transparent; cursor: pointer; font-family: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  padding: 6px 7px; border-radius: 16px;
  transition: transform 0.25s var(--bl-ease-spring), background 0.2s ease;
  animation: meetBob 3.6s ease-in-out infinite;
}
.meet-b:hover, .meet-b.on { transform: translateY(-6px) scale(1.08); background: rgba(255, 255, 255, 0.65); }
@keyframes meetBob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -6px; } }
.meet-balloon { position: relative; width: 44px; }
.meet-balloon svg { width: 100%; height: auto; display: block; filter: drop-shadow(0 6px 10px rgba(90, 60, 120, 0.25)); }
.meet-badge { position: absolute; right: -7px; bottom: 26px; font-size: 15px; }
.meet-name { font-size: 12px; font-weight: 800; color: var(--ink); }
.meet-say { min-height: 44px; margin-top: 12px; font-size: 14px; font-weight: 700; color: var(--pink-deep); line-height: 1.5; }
.meet-say.pop { animation: jrIn 0.4s var(--bl-ease-spring); }

/* ── 🪁 талисманът ── */
.mascot {
  position: fixed; right: 10px; top: 44%; z-index: 60;
  width: 34px; border: none; background: transparent; cursor: pointer; padding: 0;
  filter: drop-shadow(0 8px 14px rgba(90, 60, 120, 0.3));
  animation: mascotFly 9s ease-in-out infinite;
  transition: opacity 0.4s ease;
}
.mascot svg { width: 100%; height: auto; display: block; }
.mascot.hide { opacity: 0; pointer-events: none; }
.mascot.boop { animation: mascotBoop 0.6s var(--bl-ease-spring), mascotFly 9s ease-in-out infinite; }
@keyframes mascotFly {
  0%, 100% { transform: translateY(0) rotate(-4deg); }
  30% { transform: translateY(-16px) rotate(3deg); }
  65% { transform: translateY(-6px) rotate(-2deg); }
}
@keyframes mascotBoop { 40% { scale: 1.35; } 100% { scale: 1; } }

.room-card { position: relative; }

/* ── 🔍 търсачка в стаята (в sec-nav) ── */
.sec-find {
  flex: 1; min-width: 110px;
  border: 1.5px solid var(--lav-soft); border-radius: 999px;
  padding: 6px 12px; font-family: inherit; font-size: 12px; font-weight: 700; color: var(--ink);
  background: #fff;
}
.sec-find:focus { outline: none; border-color: var(--pink); }

/* ── 🆘 спешен бутон в hero ── */
.btn-sos {
  border: 1.5px solid rgba(232, 87, 79, 0.45) !important;
  background: rgba(255, 255, 255, 0.75) !important;
  color: #c73e4a !important; cursor: pointer; font-family: inherit;
}
header.hero.sky-night .btn-sos { background: rgba(60, 40, 60, 0.6) !important; color: #f0a8a8 !important; }

/* ── 🔤 живото заглавие ── */
.hero-flip {
  font-family: 'Comfortaa', 'Comfortaa-fallback', sans-serif; font-size: clamp(21px, 4.6vw, 30px);
  font-weight: 700; color: var(--ink); line-height: 1.3; margin: 4px 0 10px;
}
.flip-word {
  display: inline-block; min-width: 5ch;
  background: linear-gradient(90deg, #e56ba4, #8f79c9);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.flip-word.out { opacity: 0; transform: translateY(-10px) rotate(-2deg); }
.flip-word.in { animation: flipIn 0.45s var(--bl-ease-spring); }
@keyframes flipIn { from { opacity: .4; transform: translateY(12px) rotate(2deg); } /* 27.10: от .4 (скрит таб) */ to { opacity: 1; transform: none; } }
header.hero.sky-night .hero-flip { color: #ece8f5; }

/* ── 🎈 скрол-балончето ── */
.scrollfly { position: fixed; top: 0; left: 0; right: 0; height: 0; z-index: 120; pointer-events: none; }
/* 🔴 12.08: тези две правила пипаха ПОДРЕДБАТА на всеки кадър от скрола.
   `width` и `left` са layout-свойства, а js/home.js ги пишеше кадър по кадър —
   плюс преход от 0.15s, който се РЕСТАРТИРАШЕ на всеки кадър.
   Това е нацепването, което собственикът вижда на роудмапа.
   Сега: scaleX и translateX — само композиране, нула подредба.
   ПЪТ НАЗАД: върни `width: 0` + `transition: width .15s linear` тук и
   `left: -10px` + `transition: left .15s linear` долу, и двата реда в home.js. */
.scrollfly-trail {
  height: 3.5px; width: 100%;
  transform: scaleX(0); transform-origin: 0 50%;
  background: linear-gradient(90deg, #f7a8cb, #b9a7e0);
  border-radius: 0 999px 999px 0;
  box-shadow: 0 1px 6px rgba(229, 107, 164, 0.4);
  will-change: transform;
}
.scrollfly-b { position: absolute; top: -4px; left: 0; transform: translateX(-10px); font-size: 17px; filter: drop-shadow(0 2px 4px rgba(90, 60, 120, 0.3)); will-change: transform; }

/* ── 🕸️ МРЕЖАТА: какво може Помощникът на мама ── */
.netsec { max-width: 1060px; margin: 0 auto; padding: 46px 20px 10px; text-align: center; }
.net-name {
  background: linear-gradient(90deg, #e56ba4, #8f79c9);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.net-stage {
  display: flex; align-items: center; gap: 18px; margin-top: 16px; flex-wrap: wrap; justify-content: center;
}
.net-svg { width: min(640px, 100%); height: auto; flex: 1 1 380px; overflow: visible; }

/* връзките */
.net-link {
  fill: none; stroke: var(--c, #c3b1ea); stroke-width: 2; opacity: 0.35;
  stroke-dasharray: 320; stroke-dashoffset: 320;
  animation: netDraw 1.1s ease forwards; animation-delay: var(--d);
  transition: opacity 0.4s ease, stroke-width 0.4s ease;
}
@keyframes netDraw { to { stroke-dashoffset: 0; } }
.net-link.on { opacity: 1; stroke-width: 3.5; filter: drop-shadow(0 0 6px var(--c)); }
.net-link.dim { opacity: 0.1; }
.net-spark { opacity: 0.85; }

/* ядрото */
.net-core { cursor: pointer; }
.net-ring1 { fill: none; stroke: rgba(242, 145, 189, 0.5); stroke-width: 1.5; animation: netPulse 3s ease-in-out infinite; transform-origin: 320px 230px; }
.net-ring2 { fill: none; stroke: rgba(195, 177, 234, 0.4); stroke-width: 1.5; stroke-dasharray: 6 10; animation: netSpin 26s linear infinite; transform-origin: 320px 230px; }
@keyframes netPulse { 0%, 100% { transform: scale(1); opacity: 0.6; } 50% { transform: scale(1.14); opacity: 0.15; } }
@keyframes netSpin { to { transform: rotate(360deg); } }
.net-ce { font-size: 26px; }
.net-ct { font-family: 'Comfortaa', 'Comfortaa-fallback', sans-serif; font-size: 15px; font-weight: 700; fill: #e56ba4; }

/* възлите-стаи */
.net-node { cursor: pointer; animation: cardIn 0.6s ease backwards; animation-delay: var(--d); transition: opacity 0.4s ease; }
.net-hit { fill: transparent; }
.net-bg {
  fill: #fff; stroke: var(--c, #c3b1ea); stroke-width: 2.5;
  transition: transform 0.35s var(--bl-ease-spring), opacity 0.35s ease, box-shadow 0.35s ease;
}
.net-node:hover .net-bg { stroke-width: 4; }
.net-node.on .net-bg { fill: var(--c); r: 28; filter: drop-shadow(0 0 12px var(--c)); }
.net-node.dim { opacity: 0.4; }
.net-e { font-size: 19px; pointer-events: none; transition: font-size 0.3s ease; }
.net-node.on .net-e { font-size: 23px; }
.net-nm { font-size: 10px; font-weight: 800; fill: var(--ink); font-family: 'Nunito', 'Nunito-fallback', sans-serif; pointer-events: none; }
.net-cnt {
  font-size: 9px; font-weight: 800; fill: var(--ink-soft); font-family: 'Nunito', 'Nunito-fallback', sans-serif; pointer-events: none;
  opacity: 0; transition: opacity 0.3s ease;
}
.net-node.on .net-cnt, .net-node:hover .net-cnt { opacity: 1; }

/* листата-функции */
.net-leaf-l { stroke: var(--c); stroke-width: 1.2; opacity: 0.5; animation: netLeafL 0.4s ease backwards; animation-delay: var(--d); }
@keyframes netLeafL { from { opacity: 0; } }
.net-leaf { animation: netLeaf 0.45s var(--bl-ease-spring) backwards; animation-delay: var(--d); }
@keyframes netLeaf { from { opacity: 0; r: 0; } }

/* панелът с функциите */
.net-panel {
  flex: 1 1 300px; max-width: 400px; text-align: left;
  background: linear-gradient(160deg, #ffffff, #faf4fb);
  border: 1.5px solid rgba(195, 177, 234, 0.3);
  border-radius: 22px; padding: 16px 18px;
  box-shadow: 0 14px 36px rgba(150, 130, 180, 0.18);
}
.net-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.net-pe { font-size: 26px; }
.net-pt { display: block; font-family: 'Comfortaa', 'Comfortaa-fallback', sans-serif; font-size: 15.5px; color: var(--ink); }
.net-ps { font-size: 11.5px; font-weight: 700; color: var(--ink-soft); }
.net-list { display: flex; flex-wrap: wrap; gap: 5px; max-height: 260px; overflow-y: auto; scrollbar-width: thin; }
.net-chip {
  border: 1.5px solid rgba(195, 177, 234, 0.35); background: #fff; cursor: pointer; font-family: inherit;
  font-size: 11px; font-weight: 700; color: var(--ink);
  border-radius: 999px; padding: 5px 10px;
  animation: cardIn 0.35s ease backwards; animation-delay: var(--d);
  transition: transform 0.18s ease, background 0.18s ease;
}
.net-chip:hover { transform: translateY(-2px); background: #faf6ff; }
.net-chip-x { background: linear-gradient(90deg, #fdeef6, #f6effc); border-color: #e0d3f2; cursor: default; }
.net-go {
  width: 100%; margin-top: 8px; border: none; cursor: pointer; font-family: inherit;
  background: linear-gradient(90deg, #f7a8cb, #b9a7e0); color: #fff;
  font-size: 12.5px; font-weight: 800; border-radius: 999px; padding: 9px 12px;
  box-shadow: 0 6px 16px rgba(150, 100, 170, 0.3);
}
[data-theme="dark"] .net-panel { background: linear-gradient(160deg, #2a2640, #241f38); border-color: rgba(195, 177, 234, 0.16); }
[data-theme="dark"] .net-pt { color: #ece8f5; }
[data-theme="dark"] .net-bg { fill: #2a2542; }
[data-theme="dark"] .net-nm { fill: #ece8f5; }
[data-theme="dark"] .net-chip { background: #241f38; border-color: #4a4270; color: #ece8f5; }
[data-theme="dark"] .net-chip-x { background: linear-gradient(90deg, #3a2b3a, #2f2a48); }
@media (max-width: 700px) { .net-panel { max-width: none; } .net-list { max-height: 200px; } }

/* ── 💬 „Попитай сега“ ── */
.askme { max-width: 660px; margin: 22px auto 6px; padding: 0 20px; }
.askme-box {
  display: flex; gap: 13px; align-items: flex-start;
  background: linear-gradient(150deg, #f6effc, #fdeef6);
  border: 1.5px solid rgba(195, 177, 234, 0.4);
  border-radius: 24px; padding: 18px;
  box-shadow: 0 14px 36px rgba(150, 130, 180, 0.18);
}
.askme-ava { width: 44px; flex: none; animation: meetBob 3.4s ease-in-out infinite; }
.askme-ava svg { width: 100%; height: auto; display: block; filter: drop-shadow(0 6px 10px rgba(90, 60, 120, 0.25)); }
.askme-body { flex: 1; min-width: 0; }
.askme-t { font-size: 13.5px; font-weight: 800; color: var(--ink); margin-bottom: 9px; }
.askme-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 10px; }
.askme-chip {
  border: 1.5px solid #fff; background: rgba(255, 255, 255, 0.85); cursor: pointer;
  font-family: inherit; font-size: 12px; font-weight: 700; color: var(--ink);
  border-radius: 999px; padding: 7px 13px;
  transition: transform 0.2s ease, background 0.2s ease;
}
.askme-chip:hover { transform: translateY(-2px); background: #fff; }
.askme-form { display: flex; gap: 7px; }
.askme-form input {
  flex: 1; min-width: 0; border: 1.5px solid rgba(195, 177, 234, 0.5);
  border-radius: 999px; padding: 9px 14px; font-family: inherit; font-size: 13px; font-weight: 600;
}
.askme-form input:focus { outline: none; border-color: var(--pink); }
.askme-form button {
  border: none; cursor: pointer; font-family: inherit; font-size: 12.5px; font-weight: 800;
  background: linear-gradient(90deg, #f7a8cb, #b9a7e0); color: #fff;
  border-radius: 999px; padding: 9px 16px;
}

/* ── ❓ ЧЗВ ── */
.faq { max-width: 620px; margin: 0 auto; padding: 40px 20px 12px; text-align: center; }
.faq-list { text-align: left; display: flex; flex-direction: column; gap: 9px; margin-top: 8px; }
.faq-item { background: #fff; border: 1.5px solid rgba(195, 177, 234, 0.3); border-radius: 18px; overflow: hidden; }
.faq-q {
  width: 100%; border: none; background: transparent; cursor: pointer; font-family: inherit;
  display: flex; justify-content: space-between; align-items: center; gap: 10px;
  padding: 14px 17px; font-size: 14px; font-weight: 800; color: var(--ink); text-align: left;
}
.faq-arr { color: var(--lav); transition: transform 0.3s ease; }
.faq-item.open .faq-arr { transform: rotate(180deg); }
/* 🔴 25.08 (пробег „цената на анимациите"): `max-height: 170px` РЕЖЕШЕ два
   от деветте отговора и НИЩО не си личеше — .faq-a е с overflow:hidden и
   без скрол, тоест краят просто изчезва. Измерено на 320px телефон с
   dev/mer_chzv.html, върху истинските текстове:
     „Ако сменя телефона…"  нужни 203px → скрити 33px  (изчезваше целият
        ред <small> за ключалката на дневника, която НЕ пътува с копието)
     „Кой вижда какво пиша тук?" нужни 180px → скрити 10px
   Числото 170 не е било грешно — просто текстовете пораснаха след него.
   Затова тук се маха САМОТО ЧИСЛО, а не се увеличава: 0fr→1fr мери
   истинската височина на съдържанието, каквото и да стане с текста утре.
   Видът и времето не се пипат: същите 0.35s ease, същото сгъване.
   ПЪТ НАЗАД — двата стари реда, дословно:
     .faq-a { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; }
     .faq-item.open .faq-a { max-height: 170px; }
   🪤 И ЕДИН КАПАН ПО ПЪТЯ, ЗАПИСАН, ЗА ДА НЕ СЕ ПЛАЩА ПАК: първо оставих
   `padding: 0 17px 14px` върху <p>. Отрязването изчезна, но ВСИЧКИТЕ 9
   затворени отговора взеха да надничат по 14px. Причината: `overflow:hidden`
   зачерква само СЪДЪРЖАНИЕТО при смятането на реда — падингът на елемента
   пак се брои, тоест редът не може да падне под 14px. Затова долният
   отстъп е тук, на кутията, и се сгъва заедно с реда.                    */
.faq-a { display: grid; grid-template-rows: 0fr; overflow: hidden;
         transition: grid-template-rows 0.35s ease, padding-bottom 0.35s ease; }
.faq-a > p { overflow: hidden; }   /* без това редът не се свива до 0 */
.faq-item.open .faq-a { grid-template-rows: 1fr; padding-bottom: 14px; }
.faq-a p { padding: 0 17px; font-size: 13px; font-weight: 600; color: var(--ink-soft); line-height: 1.6; }

/* тъмна тема */
[data-theme="dark"] .askme-box { background: linear-gradient(150deg, #2f2a48, #3a2b3a); border-color: rgba(195, 177, 234, 0.2); }
[data-theme="dark"] .askme-t { color: #ece8f5; }
[data-theme="dark"] .askme-chip { background: rgba(36, 31, 56, 0.85); border-color: #4a4270; color: #ece8f5; }
[data-theme="dark"] .askme-form input { background: #241f38; border-color: #4a4270; color: #ece8f5; }
[data-theme="dark"] .faq-item { background: #2a2640; border-color: rgba(195, 177, 234, 0.16); }
[data-theme="dark"] .faq-q { color: #ece8f5; }
[data-theme="dark"] .hero-flip { color: var(--ink); }

/* ── 🗂️ рафтовете на статиите ── */
.art-cats { display: flex; gap: 6px; overflow-x: auto; padding: 2px 0 8px; scrollbar-width: none; }
.art-cats::-webkit-scrollbar { display: none; }
.art-cat {
  flex: none; border: 1.5px solid var(--lav-soft); background: #fff; cursor: pointer;
  font-family: inherit; font-size: 11.5px; font-weight: 800; color: var(--ink);
  border-radius: 999px; padding: 7px 12px;
  animation: cardIn 0.4s ease backwards;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.art-cat:nth-child(2) { animation-delay: 40ms; } .art-cat:nth-child(3) { animation-delay: 80ms; }
.art-cat:nth-child(4) { animation-delay: 120ms; } .art-cat:nth-child(5) { animation-delay: 160ms; }
.art-cat.on { background: linear-gradient(90deg, #f7a8cb, #b9a7e0); color: #fff; border-color: transparent; }
.art-cat:active { transform: scale(0.94); }

/* ── ⭐ любима статия + „Виж също“ ── */
#artStar.star-pop { animation: starPop 0.5s var(--bl-ease-spring); }
@keyframes starPop { 45% { transform: scale(1.5) rotate(18deg); } }
.art-rel { margin-top: 18px; background: #faf6ff; border-radius: 16px; padding: 12px 14px; }
.art-relt { font-size: 12px; font-weight: 800; color: var(--ink-soft); margin-bottom: 8px; }
.art-relb {
  display: block; width: 100%; text-align: left; margin-bottom: 6px;
  border: 1.5px solid rgba(195, 177, 234, 0.4); background: #fff; cursor: pointer;
  font-family: inherit; font-size: 12.5px; font-weight: 700; color: var(--ink);
  border-radius: 12px; padding: 9px 12px;
  transition: transform 0.2s ease;
}
.art-relb:hover { transform: translateX(4px); }

/* ── 🎪 посрещащият тур ── */
.tour-ov {
  position: fixed; inset: 0; z-index: 500;
  background: rgba(40, 30, 70, 0.6); backdrop-filter: blur(8px);
  display: flex; align-items: center; justify-content: center; padding: 20px;
}
.tour-card {
  position: relative; width: min(360px, 92vw);
  background: linear-gradient(165deg, #fdfbff, #f6effc);
  border-radius: 28px; padding: 46px 26px 22px; text-align: center;
  box-shadow: 0 40px 90px rgba(40, 30, 70, 0.5);
  animation: roIn 0.5s var(--bl-ease-out);
}
.tour-balloon { position: absolute; top: -34px; left: 50%; transform: translateX(-50%); width: 46px; animation: meetBob 3.2s ease-in-out infinite; }
.tour-balloon svg { width: 100%; height: auto; filter: drop-shadow(0 8px 14px rgba(90, 60, 120, 0.3)); }
.tour-e { font-size: 38px; display: block; margin-bottom: 6px; }
.tour-card h3 { font-family: 'Comfortaa', 'Comfortaa-fallback', sans-serif; font-size: 19px; color: var(--ink); margin-bottom: 8px; }
.tour-card p { font-size: 13.5px; font-weight: 600; color: var(--ink-soft); line-height: 1.6; min-height: 66px; }
.tour-dots { display: flex; justify-content: center; gap: 6px; margin: 12px 0; }
.tour-dots span { width: 8px; height: 8px; border-radius: 50%; background: #e3ddef; transition: background 0.3s ease, transform 0.3s ease; }
.tour-dots span.on { background: linear-gradient(90deg, #f7a8cb, #b9a7e0); transform: scale(1.3); }
.tour-next {
  width: 100%; border: none; cursor: pointer; font-family: inherit;
  background: linear-gradient(90deg, #f7a8cb, #b9a7e0); color: #fff;
  font-size: 15px; font-weight: 800; border-radius: 999px; padding: 13px;
  box-shadow: 0 10px 24px rgba(150, 100, 170, 0.4);
}
.tour-skip { margin-top: 9px; border: none; background: transparent; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 700; color: var(--ink-soft); }

[data-theme="dark"] .art-cat { background: #2a2542; border-color: #4a4270; color: #ece8f5; }
[data-theme="dark"] .art-cat.on { background: linear-gradient(90deg, #f7a8cb, #b9a7e0); color: #fff; }
[data-theme="dark"] .art-rel { background: #241f38; }
[data-theme="dark"] .art-relb { background: #2a2542; border-color: #4a4270; color: #ece8f5; }
[data-theme="dark"] .tour-card { background: linear-gradient(165deg, #2a2640, #221d3a); }
[data-theme="dark"] .tour-card h3 { color: #ece8f5; }

@media (prefers-reduced-motion: reduce) {
  .flip-word.out, .flip-word.in, .askme-ava, .scrollfly-trail, .scrollfly-b { animation: none; transition: none; }
  .art-cat, #artStar.star-pop, .tour-balloon { animation: none; }
}

[data-theme="dark"] .st-tile { background: linear-gradient(160deg, #2a2640, #241f38); border-color: rgba(195, 177, 234, 0.16); }
[data-theme="dark"] .meet-b:hover, [data-theme="dark"] .meet-b.on { background: rgba(60, 52, 92, 0.6); }
[data-theme="dark"] .meet-name { color: #ece8f5; }
[data-theme="dark"] .sec-find { background: #2a2542; border-color: #4a4270; color: #ece8f5; }

@media (prefers-reduced-motion: reduce) {
  .sk-star, .sk-moon, .sk-sun, .sk-cloud, .sk-fly, .sk-bird, .meet-b, .mascot { animation: none; }
  .d24-arc, .d24-hand, .d24-handdot, .d24-dot, .d24-body.d24-in, .d24-mid, .d24-nowg, .d24-tick { animation: none; }
  .d24-nowg { transition: none; }
  .net-link, .net-node, .net-leaf, .net-leaf-l, .net-chip, .net-ring1, .net-ring2 { animation: none; }

}

/* ⭐ 8.2.1 Един голям ред: най-важното СЕГА */
.big-now {
  display: flex; align-items: center; gap: 12px; width: 100%;
  padding: 14px 16px; margin-bottom: 12px;
  border: 1px solid var(--line, #e8e0ea); border-radius: 18px;
  background: var(--card, #fff); color: var(--ink, #4a4458);
  font: inherit; text-align: left; cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease;
}
.big-now:hover, .big-now:focus-visible { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(185,167,224,.22); }
.big-now.big-hot { border-color: #f7a8cb; background: linear-gradient(100deg, rgba(247,168,203,.14), rgba(185,167,224,.12)); }
.bn-e { font-size: 1.9rem; line-height: 1; }
.bn-txt { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.bn-txt strong { font-size: 1rem; }
/* 👁️ 19.08 ИЗМЕРЕНО (dev/test_telefon.js, 360×760): opacity .8 сваляше
   контраста до 4.35 при праг 4.5 — под стандарта, а точно този ред е
   поканата „Една минутка за теб". Прозрачността РАЗРЕЖДА контраста
   умножително; цветът остава същият, само не се разводнява толкова.
   ПЪТ НАЗАД: opacity: .8; */
.bn-s { font-size: .8rem; opacity: .92; }
/* 👁️ 19.08 ИЗМЕРЕНО: стрелката беше на 2.29 — половината от прага.
   ИЗМЕРЕНО В СТРАНИЦАТА: .5→2.29 · .8→4.35 (ПАК ПАДА) · .86→4.97 ✅
   Първият ми опит беше .8 и НЕ СТИГАШЕ — числото го каза, не окото.
   ПЪТ НАЗАД: opacity: .5; */
.bn-go { font-size: 1.2rem; opacity: .86; }

/* 📲 8.5.2 Инсталирането */
.inst-card { margin-top: 14px; padding: 16px 18px; border-radius: 18px; background: var(--card, #fff); border: 1px solid var(--line, #e8e0ea); }
.inst-h { margin: 0 0 10px; font-size: 1rem; }
.inst-steps { margin: 0 0 10px; padding-left: 20px; }
.inst-steps li { font-size: .87rem; line-height: 1.65; margin-bottom: 6px; }
.inst-note { font-size: .78rem; color: var(--ink-soft); margin: 0 0 10px; line-height: 1.5; }

/* ── 🎡 хорото на помощничките (П5 H1) ── */
.horo {
  --r: calc(min(340px, 88vw) / 2 - 40px);
  position: relative; width: min(340px, 88vw); height: min(340px, 88vw);
  margin: 22px auto 6px;
}
.horo-ring { position: absolute; inset: 0; animation: horoSpin 90s linear infinite; }
@keyframes horoSpin { to { transform: rotate(360deg); } }
.horo-b {
  position: absolute; left: 50%; top: 50%; width: 0; height: 0;
  border: none; background: transparent; padding: 0; cursor: pointer; font-family: inherit;
  transform: rotate(calc(var(--i) * 40deg)) translateY(calc(var(--r) * -1));
  transition: opacity 0.4s ease;
  -webkit-tap-highlight-color: transparent;
}
/* контра-въртене: личицата стоят изправени, докато хорото обикаля */
.horo-anti {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  transform: translate(-50%, -50%) rotate(calc(var(--i) * -40deg));
  animation: horoAnti 90s linear infinite;
}
@keyframes horoAnti {
  from { transform: translate(-50%, -50%) rotate(calc(var(--i) * -40deg)); }
  to   { transform: translate(-50%, -50%) rotate(calc(var(--i) * -40deg - 360deg)); }
}
.horo-ball {
  position: relative; width: 46px;
  transition: scale 0.25s var(--bl-ease-spring);
  animation: horoDish 4.4s ease-in-out infinite;
  animation-delay: calc(var(--i) * -0.55s);              /* всяка диша в свой такт */
}
@keyframes horoDish { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }
.horo-ball svg { width: 100%; height: auto; display: block; filter: drop-shadow(0 6px 10px rgba(90, 60, 120, 0.25)); }
.horo-badge { position: absolute; right: -7px; bottom: 26px; font-size: 15px; }
.horo-aura {
  position: absolute; inset: -12px -8px 6px; border-radius: 50%;
  background: radial-gradient(circle, var(--c, #f7a8cb), transparent 68%);
  filter: blur(9px); opacity: 0.3; pointer-events: none;
  animation: horoAura 3.8s ease-in-out infinite; animation-delay: calc(var(--i) * -0.45s);
}
@keyframes horoAura { 0%, 100% { opacity: 0.2; } 50% { opacity: 0.5; } }
.horo-name { font-size: 12px; font-weight: 800; color: var(--ink); }
.horo-center {
  position: absolute; inset: 22%; border-radius: 50%;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  text-align: center; padding: 8px; pointer-events: none;
}
.horo-ce { font-size: 26px; }
.horo-say { font-size: 12.5px; font-weight: 700; color: var(--pink-deep); line-height: 1.45; }
.horo-say.pop { animation: jrIn 0.4s var(--bl-ease-spring); }
.horo-b:hover .horo-ball, .horo-b:focus-visible .horo-ball { scale: 1.12; }
.horo-b:focus-visible .horo-ball svg { filter: drop-shadow(0 0 8px var(--pink-deep)); }
.horo.спряно .horo-ring, .horo.спряно .horo-anti { animation-play-state: paused; }
.horo.спряно .horo-b:not(.on) { opacity: 0.4; }
.horo-b.on .horo-ball { scale: 1.22; }
.horo-b.on .horo-aura { opacity: 0.65; animation: none; }
[data-theme="dark"] .horo-name { color: #ece8f5; }
[data-theme="dark"] .horo-say { color: #f0b8d8; }
@media (prefers-reduced-motion: reduce) {
  .horo-ring, .horo-anti, .horo-ball, .horo-aura, .horo-say.pop { animation: none; }
}

/* ── 👀 живите личица (П5 H2) ── */
.лице {
  position: absolute; left: 50%; top: 26%; transform: translateX(-50%);
  width: 26px; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px;
  pointer-events: none;
}
.око {
  width: 7px; height: 7px; border-radius: 50%; background: #fff;
  box-shadow: inset 0 0 1.5px rgba(70, 50, 90, 0.35); position: relative;
  animation: мигане 5.6s ease-in-out infinite; animation-delay: var(--мигд, 0s);
}
@keyframes мигане { 0%, 93%, 100% { transform: scaleY(1); } 96% { transform: scaleY(0.12); } }
.зеница {
  position: absolute; left: 2px; top: 2px; width: 3px; height: 3px; border-radius: 50%;
  background: #4a3a55;
  transform: translate(var(--ex, 0px), var(--ey, 0px));
  transition: transform 0.18s ease;
}
.усмивка { width: 9px; height: 5px; border: 1.6px solid #b5588a; border-top: none; border-radius: 0 0 9px 9px; margin-top: -1px; transition: transform 0.25s ease; }
/* балонът се навежда към пръста — върху svg-то, което няма друга анимация */
.meet-balloon svg, .horo-ball svg { transform: rotate(var(--наклон, 0deg)); transition: transform 0.35s ease; }
.лице.щастие { animation: щастлив 0.55s var(--bl-ease-spring); }
.лице.щастие .око { animation: none; transform: scaleY(0.3); }   /* ^ ^ очички */
.лице.щастие .усмивка { transform: scaleX(1.35); }
@keyframes щастлив { 40% { transform: translateX(-50%) scale(1.25); } 100% { transform: translateX(-50%) scale(1); } }
[data-theme="dark"] .око { background: #f3eefc; }
[data-theme="dark"] .зеница { background: #2a2040; }
[data-theme="dark"] .усмивка { border-color: #f0b8d8; }
@media (prefers-reduced-motion: reduce) {
  .око, .лице.щастие { animation: none; }
  .зеница, .усмивка, .meet-balloon svg, .horo-ball svg { transition: none; }
}

/* ── 🕊️ долитането (П5 H4) ── */
.долита {
  position: fixed; inset: 0; z-index: 420; cursor: pointer;
  background: rgba(40, 30, 70, 0); transition: background 0.5s ease;
}
.долита.тъмно { background: rgba(40, 30, 70, 0.45); backdrop-filter: blur(3px); }
.дол-балон {
  position: fixed; display: block; will-change: transform;
  transition: transform 0.75s var(--bl-ease-out);
  filter: drop-shadow(0 18px 30px rgba(40, 25, 70, 0.4));
}
.дол-балон svg { width: 100%; height: auto; display: block; }
.дол-значка { position: absolute; right: -16%; bottom: 27%; font-size: 15px; }
.дол-мехур {
  position: fixed; left: 50%; top: 56%; width: min(320px, 84vw);
  transform: translateX(-50%) translateY(14px) scale(0.85); opacity: 0;
  transition: transform 0.45s var(--bl-ease-spring) 0.4s, opacity 0.4s ease 0.4s;
  background: linear-gradient(160deg, #ffffff, #faf4fb);
  border: 1.5px solid rgba(195, 177, 234, 0.4); border-radius: 20px 20px 20px 5px;
  padding: 14px 17px; font-size: 14px; font-weight: 700; color: var(--ink);
  line-height: 1.55; text-align: left;
  box-shadow: 0 20px 50px rgba(40, 30, 70, 0.35);
}
.долита.тъмно .дол-мехур { transform: translateX(-50%) translateY(0) scale(1); opacity: 1; }
.дол-мехур b { display: block; margin-top: 6px; color: var(--pink-deep); font-size: 12px; }
.дол-мисли { display: inline-flex; gap: 5px; }
.дол-мисли i { width: 7px; height: 7px; border-radius: 50%; background: #c3b1ea; animation: долТочки 1s ease-in-out infinite; }
.дол-мисли i:nth-child(2) { animation-delay: 0.15s; }
.дол-мисли i:nth-child(3) { animation-delay: 0.3s; }
@keyframes долТочки { 0%, 100% { transform: translateY(0); opacity: 0.5; } 50% { transform: translateY(-4px); opacity: 1; } }
[data-theme="dark"] .дол-мехур { background: linear-gradient(160deg, #2a2640, #241f38); color: #ece8f5; border-color: rgba(195, 177, 234, 0.2); }
@media (prefers-reduced-motion: reduce) {
  .долита, .дол-балон, .дол-мехур { transition: none; }
  .дол-мисли i { animation: none; }
}

/* ── 💬 П5 H3: поздравът и муркането на хорото ── */
.поздрав .meet-badge, .поздрав .horo-badge {
  animation: помахване 1.1s ease backwards; animation-delay: var(--пд, 0s);
  transform-origin: 70% 85%; display: inline-block;
}
@keyframes помахване {
  0% { transform: rotate(0); } 25% { transform: rotate(24deg) scale(1.35); }
  50% { transform: rotate(-14deg) scale(1.3); } 75% { transform: rotate(16deg) scale(1.15); }
  100% { transform: rotate(0) scale(1); }
}
.мур {
  position: absolute; left: 50%; bottom: calc(100% + 4px);
  background: #fff; border: 1.5px solid rgba(195, 177, 234, 0.5);
  border-radius: 12px 12px 12px 3px; padding: 4px 9px;
  font-size: 10.5px; font-weight: 800; color: var(--ink); white-space: nowrap;
  box-shadow: 0 6px 14px rgba(90, 60, 120, 0.18);
  animation: мурПоп 2.6s var(--bl-ease-spring) both;
  pointer-events: none; z-index: 3;
}
@keyframes мурПоп {
  0% { opacity: 0; transform: translateX(-50%) scale(0.4); }
  10%, 82% { opacity: 1; transform: translateX(-50%) scale(1); }
  100% { opacity: 0; transform: translateX(-50%) scale(0.8); }
}
.мърка .meet-balloon svg, .мърка .horo-ball svg { animation: мърдане 0.7s ease; }
@keyframes мърдане { 25% { transform: rotate(-7deg); } 60% { transform: rotate(6deg); } 100% { transform: rotate(0); } }
[data-theme="dark"] .мур { background: #2a2542; border-color: #4a4270; color: #ece8f5; }
@media (prefers-reduced-motion: reduce) {
  .мур, .поздрав .meet-badge, .поздрав .horo-badge, .мърка .meet-balloon svg, .мърка .horo-ball svg { animation: none; }
}

/* 🏠 05.08 — измерено живо на началния екран */
.d24-now { color: #7d5fa8; }                                       /* 2.87:1 */
.d24-now strong { color: #c0396f; }
.d24-go  { background: linear-gradient(90deg, #c0396f, #7d5fc0); } /* бяло = 2.01:1 */
.askme-form button { background: linear-gradient(90deg, #c0396f, #7d5fc0); }  /* „Питай ➤“ бяло = 2.01 */
.tour-next         { background: linear-gradient(90deg, #c0396f, #7d5fc0); }  /* „Напред →“ = 2.01 */
.horo-say          { color: #b8356b; }                                        /* 2.74 */
[data-theme="dark"] .d24-now { color: #c3b1ea; }                              /* 2.94 в тъмно */
[data-theme="dark"] .d24-now strong { color: #f291bd; }
.d24-s strong  { color: #c0396f; }   /* 05.08: --pink-deep 13.5px = 2.9:1 */
.faq-a p strong { color: #c0396f; }  /* „чакаме бебе!“ = 2.71:1 */
[data-theme="dark"] .d24-s strong,
[data-theme="dark"] .faq-a p strong { color: #f291bd; }