/* Read my Soul – Tag-/Nachtmodus für die Quiz-Seiten (v5.9.758)
   Tagmodus = bisheriges helles Design (unverändert). Nachtmodus über html[data-rms-theme="dark"].
   Gilt für /quiz, /lebensbuch?src=quiz (html.rms-qh) und die Seelen-Duo-Maske (#rms-duo-overlay).
   Überschreibt nur Farben – keine Logik, keine IDs. */

/* ── Umschalter ─────────────────────────────────────────────── */
.rms-dn { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; border: 1px solid var(--q-line-strong, #C6C1D4); background: transparent; color: var(--q-text, #1C1A33); display: inline-flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; transition: background .2s, border-color .2s, color .2s; -webkit-tap-highlight-color: transparent; }
.rms-dn:hover { border-color: var(--q-gold, #A07C26); }
.rms-dn:focus-visible { outline: 2px solid var(--q-gold-soft, #7D5E12); outline-offset: 2px; }
.rms-dn svg { display: block; }
.rms-dn--float { position: fixed; left: 14px; bottom: max(14px, env(safe-area-inset-bottom)); z-index: 2147483000; background: rgba(255,255,255,.92); color: #1C1A33; border-color: #C6C1D4; box-shadow: 0 6px 18px -6px rgba(28,26,51,.35); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
html[data-rms-theme="dark"] .rms-dn--float { background: rgba(27,24,48,.92); color: #E8C97A; border-color: #463F66; box-shadow: 0 6px 18px -6px rgba(0,0,0,.6); }
html[data-rms-theme="dark"] .rmsq-top .rms-dn { color: #E8C97A; }

/* Quiz-Kopf: Zurück | Marke (mittig) | Zähler + Umschalter */
.rmsq-top { display: grid; grid-template-columns: 92px 1fr 92px; }
.rmsq-top .rmsq-brand { text-align: center; justify-self: center; }
.rmsq-topr { display: inline-flex; align-items: center; justify-content: flex-end; gap: 4px; }
.rmsq-topr .rmsq-count { width: auto; min-width: 36px; }
@media (max-width: 360px) { .rmsq-top { grid-template-columns: 84px 1fr 84px; } .rmsq-brand { letter-spacing: .2em; } }

@media (prefers-reduced-motion: no-preference) {
  .rmsq-body, .rmsq-tile, .rmsq-card, .rmsq-fact, .rmsq-input, .rmsq-foot { transition: background-color .25s, color .25s, border-color .25s; }
}

/* ══ /quiz ═════════════════════════════════════════════════════ */
html[data-rms-theme="dark"] .rmsq-body {
  --q-bg: #100E1C;
  --q-surface: #1B1830;
  --q-surface-sel: #2B2440;
  --q-line: #2F2A48;
  --q-line-strong: #463F66;
  --q-gold: #C9A84C;
  --q-gold-soft: #E8C97A;
  --q-gold-faint: rgba(201,168,76,.18);
  --q-text: #EDE8E0;
  --q-muted: #BDB6CC;
  --q-faint: #9C96B0;
  --q-dim: #7F7998;
  --q-silver: #A9B0D8;
  --q-ok: #86C984;
  --q-bad: #F08A76;
  --q-ctl-border: #4A4368;
  --q-ctl-hover: #6C648E;
  --q-ctl-shadow: 0 1px 2px rgba(0,0,0,.35), 0 6px 16px -8px rgba(0,0,0,.55);
  color-scheme: dark;
  background: radial-gradient(900px 500px at 10% -10%, #2A1F4A 0%, transparent 60%), radial-gradient(700px 400px at 100% 0%, #2E1F33 0%, transparent 55%), var(--q-bg);
}
html[data-rms-theme="dark"] .rmsq-foot { background: rgba(16,14,28,.92); }
html[data-rms-theme="dark"] .rmsq-input::placeholder, html[data-rms-theme="dark"] .rmsq-textarea::placeholder { color: #7F7998; }

/* Bedienelemente: dunkle Flächen statt Weiß */
html[data-rms-theme="dark"] .rmsq-tile, html[data-rms-theme="dark"] .rmsq-pkg, html[data-rms-theme="dark"] .rmsq-pick,
html[data-rms-theme="dark"] .rmsq-input, html[data-rms-theme="dark"] .rmsq-select, html[data-rms-theme="dark"] .rmsq-textarea,
html[data-rms-theme="dark"] .rmsq-check, html[data-rms-theme="dark"] .rmsq-mini:not(.rmsq-mini--gold) { background-color: var(--q-surface); }
html[data-rms-theme="dark"] .rmsq-tile[aria-pressed="true"], html[data-rms-theme="dark"] .rmsq-tile[aria-checked="true"],
html[data-rms-theme="dark"] .rmsq-pkg[aria-checked="true"], html[data-rms-theme="dark"] .rmsq-pick[aria-pressed="true"] { background: var(--q-surface-sel); }
html[data-rms-theme="dark"] .rmsq-check input { accent-color: var(--q-gold); }
html[data-rms-theme="dark"] .rmsq-stat { background: rgba(201,168,76,.10); }
html[data-rms-theme="dark"] .rmsq-sub, html[data-rms-theme="dark"] .rmsq-stat span,
html[data-rms-theme="dark"] .rmsq-tile__sub, html[data-rms-theme="dark"] .rmsq-pkg__desc,
html[data-rms-theme="dark"] .rmsq-ch__tag, html[data-rms-theme="dark"] .rmsq-sign small { color: var(--q-muted); }
/* Farbtupfer (Farbwahl): Rand sichtbar auf dunklem Grund, z. B. bei Schwarz */
html[data-rms-theme="dark"] .rmsq-body span[style*="rgba(0,0,0,.18)"] { border-color: rgba(255,255,255,.35) !important; }

/* Knöpfe: Gold mit dunkler Schrift */
html[data-rms-theme="dark"] .rmsq-btn { background: var(--q-gold); border-color: var(--q-gold); color: #14111F; }
html[data-rms-theme="dark"] .rmsq-btn:hover { background: #E8C97A; border-color: #E8C97A; }
html[data-rms-theme="dark"] .rmsq-btn:disabled { background: var(--q-line); border-color: var(--q-line); color: var(--q-faint); }
html[data-rms-theme="dark"] .rmsq-btn--ghost { background: var(--q-surface); border-color: var(--q-line-strong); color: var(--q-text); }
html[data-rms-theme="dark"] .rmsq-btn--ghost:hover { background: var(--q-surface-sel); border-color: var(--q-gold); }
html[data-rms-theme="dark"] .rmsq-btn--pending { background: var(--q-surface); color: var(--q-text); border-color: var(--q-gold); }
html[data-rms-theme="dark"] .rmsq-btn--pending:hover { background: var(--q-surface-sel); }
html[data-rms-theme="dark"] .rmsq-mini--gold { background: var(--q-gold); border-color: var(--q-gold); color: #14111F; }
html[data-rms-theme="dark"] .rmsq-pkg__badge { color: #14111F; }
html[data-rms-theme="dark"] .rmsq-who__t.is-on { background: var(--q-gold); color: #14111F; }

/* Seelen-Kompass */
html[data-rms-theme="dark"] .rmsq-compass__svg { filter: drop-shadow(0 12px 28px rgba(0,0,0,.45)) drop-shadow(0 2px 4px rgba(0,0,0,.3)); }
html[data-rms-theme="dark"] .rmsq-c-disc { fill: #1B1830; stroke: #3A3352; }
html[data-rms-theme="dark"] .rmsq-c-band { stroke: #262038; }
html[data-rms-theme="dark"] .rmsq-c-hub { fill: #221D36; stroke: rgba(201,168,76,.35); }
html[data-rms-theme="dark"] .rmsq-c-line { stroke: #C9A84C; }
html[data-rms-theme="dark"] .rmsq-c-faint { stroke: rgba(201,168,76,.45); }
html[data-rms-theme="dark"] .rmsq-c-tick { stroke: rgba(201,168,76,.55); }
html[data-rms-theme="dark"] .rmsq-c-seg { fill: #3A3020; }
html[data-rms-theme="dark"] .rmsq-c-seg.is-sun { fill: #C9A84C; }
html[data-rms-theme="dark"] .rmsq-c-glyph { fill: #E8C97A; }
html[data-rms-theme="dark"] .rmsq-c-glyph.is-hot { fill: #F6E1A6; }
html[data-rms-theme="dark"] .rmsq-c-glyph.is-sun { fill: #14111F; }
html[data-rms-theme="dark"] .rmsq-c-glyph--moon { fill: #A9B0D8; }
html[data-rms-theme="dark"] .rmsq-c-ring, html[data-rms-theme="dark"] .rmsq-c-axis { fill: #E8C97A; }
html[data-rms-theme="dark"] .rmsq-c-num { fill: #F6E1A6; }
html[data-rms-theme="dark"] .rmsq-c-ray { stroke: #C9A84C; }
html[data-rms-theme="dark"] .rmsq-c-ray--moon { stroke: #A9B0D8; }
html[data-rms-theme="dark"] .rmsq-c-sun { fill: #14111F; stroke: #E8C97A; }
html[data-rms-theme="dark"] .rmsq-c-dot { fill: #E8C97A; }
html[data-rms-theme="dark"] .rmsq-c-moon { fill: #14111F; stroke: #A9B0D8; }
html[data-rms-theme="dark"] .rmsq-c-asc { stroke: #E8C97A; }
html[data-rms-theme="dark"] .rmsq-c-eye { stroke: #C9A84C; }
html[data-rms-theme="dark"] .rmsq-c-eye circle { fill: #C9A84C; }

/* Rahmengrafiken etwas zurückhaltender */
html[data-rms-theme="dark"] .rmsq-body::before, html.rms-qh[data-rms-theme="dark"] body::before, html[data-rms-theme="dark"] #rms-duo-overlay::before { opacity: .32; }
html[data-rms-theme="dark"] .rmsq-body::after, html.rms-qh[data-rms-theme="dark"] body::after, html[data-rms-theme="dark"] #rms-duo-overlay::after { opacity: .22; }

/* ══ Abschluss /lebensbuch?src=quiz ══════════════════════════ */
html.rms-qh[data-rms-theme="dark"] {
  --qh-bg: #100E1C; --qh-surface: #1B1830; --qh-sel: #2B2440; --qh-line: #2F2A48; --qh-line2: #463F66;
  --qh-ink: #EDE8E0; --qh-muted: #BDB6CC; --qh-faint: #9C96B0; --qh-gold: #C9A84C; --qh-gold-dk: #E8C97A;
  --qh-faint-gold: rgba(201,168,76,.18);
  color-scheme: dark;
}
html.rms-qh[data-rms-theme="dark"], html.rms-qh[data-rms-theme="dark"] body.rms-fullpage {
  background: radial-gradient(900px 500px at 10% 0%, #2A1F4A 0%, transparent 60%), radial-gradient(700px 400px at 100% 0%, #2E1F33 0%, transparent 55%), var(--qh-bg) !important;
}
html.rms-qh[data-rms-theme="dark"] #rms-nav { background: rgba(16,14,28,.94) !important; }
html.rms-qh[data-rms-theme="dark"] #rms-nav .rms-nav__cta, html.rms-qh[data-rms-theme="dark"] #rms-nav .rms-nav__links a.rms-nav__cta { color: #14111F !important; -webkit-text-fill-color: #14111F !important; background: var(--qh-gold) !important; border-color: var(--qh-gold) !important; }
html.rms-qh[data-rms-theme="dark"] .rms-app-wrapper { box-shadow: 0 1px 2px rgba(0,0,0,.3), 0 16px 48px -16px rgba(0,0,0,.6) !important; }
html.rms-qh[data-rms-theme="dark"] .rms-form-label span[style*="e07070"], html[data-rms-theme="dark"] #rms-duo-overlay span[style*="e07070"] { color: #F08A76 !important; }
html.rms-qh[data-rms-theme="dark"] #rms-step5-email::placeholder, html[data-rms-theme="dark"] #rms-duo-overlay input::placeholder { color: #7F7998 !important; }
html.rms-qh[data-rms-theme="dark"] #rms-consent-box input[type=checkbox], html[data-rms-theme="dark"] #rms-duo-overlay #rms-duo-consent-box input[type=checkbox] { accent-color: var(--qh-gold) !important; }
html.rms-qh[data-rms-theme="dark"] #rms-step5-email, html.rms-qh[data-rms-theme="dark"] #rms-confirm-modal input, html.rms-qh[data-rms-theme="dark"] #rms-confirm-modal select { border-color: #4A4368 !important; box-shadow: 0 1px 2px rgba(0,0,0,.35) !important; }
html.rms-qh[data-rms-theme="dark"] #rms-confirm-modal { background: rgba(0,0,0,.6) !important; }
html.rms-qh[data-rms-theme="dark"] #rms-confirm-modal > div { box-shadow: 0 24px 64px -20px rgba(0,0,0,.7) !important; }
html.rms-qh[data-rms-theme="dark"] #rms-voucher-banner { background: #2B2440 !important; }
html.rms-qh[data-rms-theme="dark"] .rms-app-body .rms-luna-say__t { color: var(--qh-ink) !important; }
/* Knöpfe */
html.rms-qh[data-rms-theme="dark"] #rms-step-5 .rms-btn--next, html.rms-qh[data-rms-theme="dark"] #rms-confirm-pay,
html.rms-qh[data-rms-theme="dark"] #rms-generate-btn, html[data-rms-theme="dark"] #rms-duo-overlay #rms-duo-checkout {
  background: var(--qh-gold) !important; border-color: var(--qh-gold) !important; color: #14111F !important;
}
html.rms-qh[data-rms-theme="dark"] #rms-step-5 .rms-btn--next:hover, html.rms-qh[data-rms-theme="dark"] #rms-confirm-pay:hover,
html.rms-qh[data-rms-theme="dark"] #rms-generate-btn:hover, html[data-rms-theme="dark"] #rms-duo-overlay #rms-duo-checkout:hover { background: #E8C97A !important; border-color: #E8C97A !important; }

/* ══ Seelen-Duo-Eingabe ══════════════════════════════════════ */
html[data-rms-theme="dark"] #rms-duo-overlay {
  --qh-bg: #100E1C; --qh-surface: #1B1830; --qh-sel: #2B2440; --qh-line: #2F2A48; --qh-line2: #463F66;
  --qh-ink: #EDE8E0; --qh-muted: #BDB6CC; --qh-faint: #9C96B0; --qh-gold: #C9A84C; --qh-gold-dk: #E8C97A;
  --qh-faint-gold: rgba(201,168,76,.18); --qh-violet: #B49CFF; --qh-violet-faint: rgba(180,156,255,.14);
  color-scheme: dark;
  background: radial-gradient(900px 500px at 10% 0%, #2A1F4A 0%, transparent 60%), radial-gradient(700px 400px at 100% 0%, #2E1F33 0%, transparent 55%), var(--qh-bg) !important;
}
html[data-rms-theme="dark"] #rms-duo-overlay div[style*="border:1px solid rgba(201,168,76"],
html[data-rms-theme="dark"] #rms-duo-overlay div[style*="border:1px solid rgba(124,78,170"],
html[data-rms-theme="dark"] #rms-duo-overlay div[style*="border:1px solid rgba(180,140,255"],
html[data-rms-theme="dark"] #rms-duo-overlay #rms-duo-consent-box { box-shadow: 0 12px 36px -18px rgba(0,0,0,.6) !important; }
html[data-rms-theme="dark"] #rms-duo-overlay select option { background: var(--qh-surface) !important; }
html[data-rms-theme="dark"] #rms-duo-overlay .rms-place-drop { box-shadow: 0 12px 32px -12px rgba(0,0,0,.6) !important; }