.question-card{background:var(--card);border-radius:20px;padding:36px 40px 40px;box-shadow:0 4px 32px rgba(77,97,56,.1);border:1px solid rgba(77,97,56,.08);width:100%}.context-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(77,97,56,.07);border-radius:20px;padding:6px 14px;margin-bottom:22px;font-size:11.5px;font-weight:400;color:var(--brown)}.question-text{font-family:"Playfair Display",serif;font-size:clamp(1.1rem,3vw,1.38rem);font-weight:400;line-height:1.55;color:var(--text);margin-bottom:32px}.scale-options{display:flex;gap:6px;justify-content:space-between}.opt{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.opt-circle{width:100%;aspect-ratio:1;max-width:56px;border-radius:50%;border:1.5px solid #ddd9d0;background:var(--white);display:flex;align-items:center;justify-content:center;font-family:"Playfair Display",serif;font-size:1rem;font-weight:600;color:var(--brown);transition:all .18s;user-select:none}@media (hover:hover){.opt:hover .opt-circle{border-color:var(--secondary);background:#eef2e8;color:var(--primary);transform:translateY(-2px)}}.opt[data-v="0"].selected .opt-circle{background:#4d6138;border-color:#4d6138;color:var(--white);box-shadow:0 4px 14px rgba(77,97,56,.35);transform:translateY(-2px)}.opt[data-v="1"].selected .opt-circle{background:#6f7f5a;border-color:#6f7f5a;color:var(--white);box-shadow:0 4px 14px rgba(111,127,90,.35);transform:translateY(-2px)}.opt[data-v="2"].selected .opt-circle{background:#7a6a55;border-color:#7a6a55;color:var(--white);box-shadow:0 4px 14px rgba(122,106,85,.35);transform:translateY(-2px)}.opt[data-v="3"].selected .opt-circle{background:#c46a3b;border-color:#c46a3b;color:var(--white);box-shadow:0 4px 14px rgba(196,106,59,.35);transform:translateY(-2px)}.opt[data-v="4"].selected .opt-circle{background:#a33b3b;border-color:#a33b3b;color:var(--white);box-shadow:0 4px 14px rgba(163,59,59,.35);transform:translateY(-2px)}.opt-label{font-size:10px;color:var(--sage);text-align:center;line-height:1.3;font-weight:300;max-width:58px}.opt.selected .opt-label{color:var(--brown);font-weight:400}.result-card.visible{display:block}.result-top{text-align:center;margin-bottom:28px}.result-top h2{font-family:"Playfair Display",serif;font-size:1.9rem;color:var(--primary);margin-bottom:4px}.result-top .subtitle{font-size:.88rem;color:var(--brown);font-weight:300}.score-meter{background:rgba(77,97,56,.06);border-radius:16px;padding:24px 28px;margin-bottom:28px;display:flex;align-items:center;gap:24px}.score-circle.green{background:linear-gradient(135deg,var(--primary),var(--secondary))}.score-circle.orange{background:linear-gradient(135deg,var(--accent),var(--accent2))}.score-circle.red{background:linear-gradient(135deg,var(--red),#c45a5a)}.score-meta{flex:1}.score-level{font-family:"Playfair Display",serif;font-size:1.2rem;font-weight:600;margin-bottom:4px}.score-level.green{color:var(--primary)}.score-level.orange{color:var(--accent)}.score-level.red{color:var(--red)}.score-range{font-size:11px;color:var(--sage);font-weight:300;margin-bottom:10px}.score-bar-track{height:5px;border-radius:5px;overflow:hidden;background:rgba(77,97,56,.12)}.score-bar-fill{height:100%;border-radius:5px;transition:width .8s cubic-bezier(.4,0,.2,1) .3s}.score-bar-fill.green{background:linear-gradient(90deg,var(--primary),var(--secondary))}.score-bar-fill.orange{background:linear-gradient(90deg,var(--accent2),var(--accent))}.score-bar-fill.red{background:linear-gradient(90deg,var(--accent),var(--red))}.result-section-title{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--sage);font-weight:500;margin-bottom:10px}.result-desc{font-size:.92rem;color:var(--text);font-weight:300;line-height:1.7;margin-bottom:24px}.next-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.next-step{display:flex;gap:12px;align-items:flex-start;background:rgba(77,97,56,.05);border-radius:12px;padding:14px 16px}.next-step .step-icon{font-size:1.15rem;flex-shrink:0;margin-top:1px}.next-step .step-text{font-size:.85rem;line-height:1.55;color:var(--text);font-weight:300}.next-step .step-text strong{font-weight:500;display:block;margin-bottom:2px;color:var(--text)}@media (max-width:480px){.question-card{padding:28px 20px 32px}.score-meter{flex-direction:column;text-align:center;gap:16px}.score-bar-track{display:none}.opt-circle{max-width:46px;font-size:.9rem}.opt-label{font-size:9px}}