/* ==========================================================================
   Светлая тема — бело-розовая, градиент розово-фиолетовый (владелец 2026-10-16): «тёмная тема — тёмные фиолетовые акценты,
   светлая — белые, нежно-розовые». Фиолетовые акценты светлой темы заменены нежно-розовыми,
   фон — тёплый бело-розовый вместо лавандовых «Сумерек». Название — тот же металл, но светлее,
   под ним нежно-розовый луч. Тёмную тему файл не трогает. Членская карта остаётся тёмной.
   ========================================================================== */

:root[data-theme='light'] {
  --bg: #f6eff6; --bg-soft: #efe4f0; --surface: #fcf8fc;
  --line: #e6d6e8; --line-strong: #d6c0da;
  --ink: #1b1520; --ink-2: #483d4d; --ink-3: #5c4f61;
  --accent: #c98fe0; --accent-hover: #b97ad6; --accent-soft: #f5e8fa; --on-accent: #2e1240;
  --shadow-2: 0 4px 16px -4px rgba(70, 30, 90, 0.12);
  --glass-fill: linear-gradient(160deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.36));
  --glass-glow: radial-gradient(120% 90% at 50% -12%, rgba(214, 140, 220, 0.16), transparent 62%);
  --glass-edge: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 0 rgba(150, 80, 170, 0.08), inset 0 0 0 1px rgba(205, 145, 225, 0.26);
  --glass-drop: 0 18px 40px -22px rgba(90, 40, 110, 0.26);
  --glass-spot: rgba(214, 140, 220, 0.14); --glass-rule: rgba(205, 145, 225, 0.2);
  --glow-1: rgba(236, 140, 200, 0.30); --glow-2: rgba(180, 140, 240, 0.28);
  --scene-line: rgba(205, 120, 200, 0.32); --scene-line-hi: rgba(170, 90, 210, 0.78);
  --rose-fill: linear-gradient(160deg, #f6b3d8, #b48ff0);
  --rose-fill-hi: linear-gradient(160deg, #f9c2e0, #c19ff4);
  --rose-ink: #2e1240;
  --rose-glow: rgba(190, 120, 225, 0.5);
}
@media (prefers-color-scheme: light) { :root:not([data-theme]) {
  --bg: #f6eff6; --bg-soft: #efe4f0; --surface: #fcf8fc;
  --line: #e6d6e8; --line-strong: #d6c0da;
  --ink: #1b1520; --ink-2: #483d4d; --ink-3: #5c4f61;
  --accent: #c98fe0; --accent-hover: #b97ad6; --accent-soft: #f5e8fa; --on-accent: #2e1240;
  --shadow-2: 0 4px 16px -4px rgba(70, 30, 90, 0.12);
  --glass-fill: linear-gradient(160deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.36));
  --glass-glow: radial-gradient(120% 90% at 50% -12%, rgba(214, 140, 220, 0.16), transparent 62%);
  --glass-edge: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 0 rgba(150, 80, 170, 0.08), inset 0 0 0 1px rgba(205, 145, 225, 0.26);
  --glass-drop: 0 18px 40px -22px rgba(90, 40, 110, 0.26);
  --glass-spot: rgba(214, 140, 220, 0.14); --glass-rule: rgba(205, 145, 225, 0.2);
  --glow-1: rgba(236, 140, 200, 0.30); --glow-2: rgba(180, 140, 240, 0.28);
  --scene-line: rgba(205, 120, 200, 0.32); --scene-line-hi: rgba(170, 90, 210, 0.78);
  --rose-fill: linear-gradient(160deg, #f6b3d8, #b48ff0);
  --rose-fill-hi: linear-gradient(160deg, #f9c2e0, #c19ff4);
  --rose-ink: #2e1240;
  --rose-glow: rgba(190, 120, 225, 0.5);
} }

:root[data-theme='light'] .btn-primary, :root[data-theme='light'] .seg[aria-pressed='true'] { --b-bg: var(--rose-fill); --b-fg: var(--rose-ink); background: var(--b-bg); color: var(--b-fg); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 0 rgba(120, 30, 70, 0.12), 0 12px 28px -14px var(--rose-glow); }
:root[data-theme='light'] .btn-primary:hover { --b-bg: var(--rose-fill-hi); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), inset 0 -1px 0 rgba(120, 30, 70, 0.12), 0 16px 34px -14px var(--rose-glow); }
:root[data-theme='light'] .seg-run { background: var(--rose-fill); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 0 rgba(120, 30, 70, 0.12); }
:root[data-theme='light'] .has-runner .seg[aria-pressed='true'] { color: var(--rose-ink); }
:root[data-theme='light'] .step-num { background: radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.06) 48%), var(--rose-fill); color: var(--rose-ink); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 26px -6px var(--rose-glow); }
:root[data-theme='light'] .coin-shadow { background: radial-gradient(closest-side, rgba(90, 40, 110, 0.3), transparent); }
:root[data-theme='light'] .cab-prog i { background: linear-gradient(90deg, #b48ff0, #f6b3d8); }
:root[data-theme='light'] .cab-step-n, :root[data-theme='light'] .kb-step-n { background: radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.06) 48%), var(--rose-fill); color: var(--rose-ink); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 22px -6px var(--rose-glow); }
:root[data-theme='light'] .cab-seg-run { background: var(--rose-fill); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 8px 20px -10px var(--rose-glow); }
:root[data-theme='light'] .cab-seg > button[aria-pressed='true'] { color: var(--rose-ink); }
:root[data-theme='light'] .cab-ava { background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.5), transparent 50%), var(--rose-fill); color: var(--rose-ink); box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--ink) 16%, transparent), 0 10px 26px -12px var(--rose-glow); }
:root[data-theme='light'] .cab-ring.is-xl svg { filter: drop-shadow(0 0 14px rgba(190, 120, 225, 0.4)); }
:root[data-theme='light'] :is(.brand-word, .foot-word, .legal-word, .mark-s) { filter: brightness(0.95) contrast(1.06); }
:root[data-theme='light'] .nav .brand-word::before, :root[data-theme='light'] .nav .brand-word::after, :root[data-theme='light'] .foot.f2 .foot-word::before, :root[data-theme='light'] .foot.f2 .foot-word::after { content: ""; position: absolute; left: 50%; top: 72%; pointer-events: none; transform: translate(-50%, -50%); mix-blend-mode: normal; }
:root[data-theme='light'] .nav .brand-word::before, :root[data-theme='light'] .foot.f2 .foot-word::before { width: 46%; height: 44%; background: radial-gradient(closest-side, rgba(238, 156, 214, 0.92), rgba(190, 155, 245, 0.42) 48%, transparent); filter: blur(2.5px); }
:root[data-theme='light'] .nav .brand-word::after, :root[data-theme='light'] .foot.f2 .foot-word::after { width: 72%; height: 1.5px; border-radius: 1px; background: linear-gradient(90deg, transparent, rgba(243, 150, 205, 0.8) 26%, #d88df0 50%, rgba(170, 140, 240, 0.8) 74%, transparent); box-shadow: 0 0 6px rgba(200, 130, 225, 0.55); }
:root[data-theme='light'] .nav .brand-word, :root[data-theme='light'] .foot.f2 .foot-word { position: relative; isolation: isolate; }

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) .btn-primary, :root:not([data-theme]) .seg[aria-pressed='true'] { --b-bg: var(--rose-fill); --b-fg: var(--rose-ink); background: var(--b-bg); color: var(--b-fg); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 0 rgba(120, 30, 70, 0.12), 0 12px 28px -14px var(--rose-glow); }
  :root:not([data-theme]) .btn-primary:hover { --b-bg: var(--rose-fill-hi); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), inset 0 -1px 0 rgba(120, 30, 70, 0.12), 0 16px 34px -14px var(--rose-glow); }
  :root:not([data-theme]) .seg-run { background: var(--rose-fill); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 0 rgba(120, 30, 70, 0.12); }
  :root:not([data-theme]) .has-runner .seg[aria-pressed='true'] { color: var(--rose-ink); }
  :root:not([data-theme]) .step-num { background: radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.06) 48%), var(--rose-fill); color: var(--rose-ink); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 26px -6px var(--rose-glow); }
  :root:not([data-theme]) .coin-shadow { background: radial-gradient(closest-side, rgba(90, 40, 110, 0.3), transparent); }
  :root:not([data-theme]) .cab-prog i { background: linear-gradient(90deg, #b48ff0, #f6b3d8); }
  :root:not([data-theme]) .cab-step-n, :root:not([data-theme]) .kb-step-n { background: radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.06) 48%), var(--rose-fill); color: var(--rose-ink); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 22px -6px var(--rose-glow); }
  :root:not([data-theme]) .cab-seg-run { background: var(--rose-fill); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 8px 20px -10px var(--rose-glow); }
  :root:not([data-theme]) .cab-seg > button[aria-pressed='true'] { color: var(--rose-ink); }
  :root:not([data-theme]) .cab-ava { background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.5), transparent 50%), var(--rose-fill); color: var(--rose-ink); box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--ink) 16%, transparent), 0 10px 26px -12px var(--rose-glow); }
  :root:not([data-theme]) .cab-ring.is-xl svg { filter: drop-shadow(0 0 14px rgba(190, 120, 225, 0.4)); }
  :root:not([data-theme]) :is(.brand-word, .foot-word, .legal-word, .mark-s) { filter: brightness(0.95) contrast(1.06); }
  :root:not([data-theme]) .nav .brand-word::before, :root:not([data-theme]) .nav .brand-word::after, :root:not([data-theme]) .foot.f2 .foot-word::before, :root:not([data-theme]) .foot.f2 .foot-word::after { content: ""; position: absolute; left: 50%; top: 72%; pointer-events: none; transform: translate(-50%, -50%); mix-blend-mode: normal; }
  :root:not([data-theme]) .nav .brand-word::before, :root:not([data-theme]) .foot.f2 .foot-word::before { width: 46%; height: 44%; background: radial-gradient(closest-side, rgba(238, 156, 214, 0.92), rgba(190, 155, 245, 0.42) 48%, transparent); filter: blur(2.5px); }
  :root:not([data-theme]) .nav .brand-word::after, :root:not([data-theme]) .foot.f2 .foot-word::after { width: 72%; height: 1.5px; border-radius: 1px; background: linear-gradient(90deg, transparent, rgba(243, 150, 205, 0.8) 26%, #d88df0 50%, rgba(170, 140, 240, 0.8) 74%, transparent); box-shadow: 0 0 6px rgba(200, 130, 225, 0.55); }
  :root:not([data-theme]) .nav .brand-word, :root:not([data-theme]) .foot.f2 .foot-word { position: relative; isolation: isolate; }
}