[data-quiz-theme="depression"] { --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(31, 35, 55, .18), 0 28px 64px rgba(31, 35, 55, .3); --quiz-flow-background: radial-gradient(circle at 50% 0%, #fffdf8 0%, var(--quiz-surface) 61%, #e3dde5 100%); background: radial-gradient(circle at 50% 4%, #717792 0%, var(--quiz-page) 57%, #1c2134 100%); }
[data-quiz-theme="depression"] .quiz-engine__landing, [data-quiz-theme="depression"] .quiz-engine__continuous-shell, [data-quiz-theme="depression"] .quiz-engine__about { color: var(--condition-ink); background: var(--quiz-flow-background); box-shadow: var(--quiz-flow-shadow); }
[data-quiz-theme="depression"] .quiz-engine__landing-copy { align-content: start; justify-items: center; width: 100%; max-width: 790px; margin-inline: auto; text-align: center; }
[data-quiz-theme="depression"] .quiz-engine__landing-art, [data-quiz-theme="depression"] .quiz-engine__landing-symbol { display: none !important; }
[data-quiz-theme="depression"] .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(122, 52, 79, .1), 5px 7px 0 rgba(48, 43, 60, .14); }
[data-quiz-theme="depression"] .quiz-engine__landing:not(.quiz-engine__landing--start-instruction) .quiz-engine__landing-badge span { display: block; width: 100%; height: 100%; background: url("./assets/items/depression-icon.webp") center/cover no-repeat; color: transparent; font-size: 0; }
[data-quiz-theme="depression"] .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="depression"] .quiz-engine__landing .quiz-engine__quick-start { max-width: 670px; margin: 8px auto 0; }
[data-quiz-theme="depression"] .quiz-engine__primary { border: 2px solid #5d2138; background: linear-gradient(180deg, #974a68, var(--condition-primary)); color: var(--quiz-primary-text); box-shadow: 0 6px 0 #4d1e31, 0 12px 22px rgba(91, 31, 54, .22); }
[data-quiz-theme="depression"] .quiz-engine__answer { border: 2px solid rgba(89, 77, 94, .42); background: var(--quiz-surface-raised); color: var(--condition-ink); box-shadow: 4px 4px 0 rgba(48, 43, 60, .1); }
[data-quiz-theme="depression"] .quiz-engine__answer > span { background: linear-gradient(180deg, #dfabba, var(--condition-accent)); color: #49333e; }
[data-quiz-theme="depression"] .quiz-engine__progress i { background: linear-gradient(90deg, var(--condition-primary), var(--condition-accent)); }
@media (max-width: 640px) { [data-quiz-theme="depression"] .quiz-engine__landing-badge { width: 82px; height: 82px; border-radius: 20px; } [data-quiz-theme="depression"] .quiz-engine__landing h1 { font-size: clamp(36px, 10vw, 48px); } [data-quiz-theme="depression"] .quiz-engine__landing .quiz-engine__quick-start { font-size: 15px; line-height: 1.38; } }