[data-quiz-theme="ocd"] {
  --condition-ink: var(--quiz-text);
  --condition-primary: var(--quiz-primary);
  --condition-accent: var(--quiz-border);
  --quiz-flow-border: 2px solid color-mix(in srgb, var(--quiz-border) 74%, transparent);
  --quiz-flow-radius: 20px;
  --quiz-flow-shadow: 10px 12px 0 rgba(30, 32, 69, .18), 0 28px 64px rgba(30, 32, 69, .28);
  --quiz-flow-background: radial-gradient(circle at 50% 0%, #fffdf8 0%, var(--quiz-surface) 61%, #e1e3ed 100%);
  background: radial-gradient(circle at 50% 4%, #64728f 0%, var(--quiz-page) 57%, #181a38 100%);
}
[data-quiz-theme="ocd"] .quiz-engine__landing,
[data-quiz-theme="ocd"] .quiz-engine__continuous-shell,
[data-quiz-theme="ocd"] .quiz-engine__about { color: var(--condition-ink); background: var(--quiz-flow-background); box-shadow: var(--quiz-flow-shadow); }
[data-quiz-theme="ocd"] .quiz-engine__landing-copy { align-content: start; justify-items: center; width: 100%; max-width: 790px; margin-inline: auto; text-align: center; }
[data-quiz-theme="ocd"] .quiz-engine__landing-art,
[data-quiz-theme="ocd"] .quiz-engine__landing-symbol { display: none !important; }
[data-quiz-theme="ocd"] .quiz-engine__landing-badge { display: grid !important; width: 112px; height: 112px; place-items: center; margin: 0 auto 5px; overflow: hidden; border: 3px solid var(--condition-accent); border-radius: 25px; background: var(--quiz-surface-raised); box-shadow: 0 0 0 5px rgba(20, 125, 123, .11), 5px 7px 0 rgba(41, 35, 61, .14); }
[data-quiz-theme="ocd"] .quiz-engine__landing:not(.quiz-engine__landing--start-instruction) .quiz-engine__landing-badge span { display: block; width: 100%; height: 100%; background: url("./assets/items/ocd-icon.webp") center/cover no-repeat; color: transparent; font-size: 0; }
[data-quiz-theme="ocd"] .quiz-engine__landing h1 { max-width: 790px; margin: 8px auto 12px; color: var(--condition-ink); font-size: clamp(42px, 5.4vw, 62px); font-weight: 950; line-height: .96; letter-spacing: -.05em; text-wrap: balance; }
[data-quiz-theme="ocd"] .quiz-engine__landing .quiz-engine__quick-start { max-width: 670px; margin: 8px auto 0; }
[data-quiz-theme="ocd"] .quiz-engine__primary { border: 2px solid #0b5d5c; background: linear-gradient(180deg, #209a96, var(--condition-primary)); color: var(--quiz-primary-text); box-shadow: 0 6px 0 #084948, 0 12px 22px rgba(11, 88, 86, .22); }
[data-quiz-theme="ocd"] .quiz-engine__answer { border: 2px solid rgba(74, 70, 96, .45); background: var(--quiz-surface-raised); color: var(--condition-ink); box-shadow: 4px 4px 0 rgba(41, 35, 61, .1); }
[data-quiz-theme="ocd"] .quiz-engine__answer > span { background: linear-gradient(180deg, #efb09c, var(--condition-accent)); color: #49354b; }
[data-quiz-theme="ocd"] .quiz-engine__progress i { background: linear-gradient(90deg, var(--condition-primary), var(--condition-accent)); }
@media (max-width: 640px) { [data-quiz-theme="ocd"] .quiz-engine__landing-badge { width: 82px; height: 82px; border-radius: 20px; } [data-quiz-theme="ocd"] .quiz-engine__landing h1 { font-size: clamp(36px, 10vw, 48px); } [data-quiz-theme="ocd"] .quiz-engine__landing .quiz-engine__quick-start { font-size: 15px; line-height: 1.38; } }