.quiz-wrap{max-width:620px;margin:0 auto}.progress-track{height:6px;background:var(--border);border-radius:999px;overflow:hidden;margin-bottom:32px}.progress-fill{height:100%;background:var(--brand);width:0;transition:width .3s ease;border-radius:999px}.quiz-card{padding:36px 32px}.q-num{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--text-mute);margin-bottom:12px}.q-text{font-family:Poppins,sans-serif;font-size:22px;font-weight:600;margin-bottom:26px;line-height:1.3}.q-options{display:flex;flex-direction:column;gap:10px}.q-option{text-align:left;padding:15px 18px;border-radius:10px;border:1px solid var(--border);background:var(--bg);font-size:14.5px;color:var(--text);transition:border-color .15s,background .15s}.q-option:hover{border-color:var(--brand);background:var(--brand-tint)}.results-header{gap:16px;margin-bottom:24px}.results-badge,.results-header{display:flex;align-items:center}.results-badge{width:56px;height:56px;border-radius:50%;background:var(--accent-tint);justify-content:center;font-size:26px}.pattern-flag{margin-bottom:12px}.share-row{display:flex;gap:12px;margin-top:26px}.share-btn{flex:1;text-align:center;padding:12px;border-radius:10px;border:1px solid var(--border);font-size:13.5px;font-weight:600;color:var(--text);transition:border-color .15s}.share-btn:hover{border-color:var(--brand)}.quiz-email-gate{background:var(--brand-tint);border-radius:10px;padding:16px;margin-bottom:12px}.quiz-email-gate input{width:100%;padding:11px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);margin-bottom:10px;font-size:14px}.quiz-email-gate button{width:100%;background:var(--brand);color:white;padding:11px;border-radius:8px;font-weight:600;font-size:14px}