.sm-quiz{margin:0 auto;max-width:720px}.sm-quiz-intro{margin-bottom:var(--spacing-32);text-align:center}.sm-quiz-title{color:var(--colors-foreground);font-family:var(--font-heading);font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 var(--spacing-12) 0;white-space:pre-line}.sm-quiz-subtitle{color:var(--colors-muted-foreground);font-family:var(--font-sans);font-size:16px;line-height:1.5;margin:0}.sm-quiz-card{background:var(--colors-card);border:1px solid var(--colors-border);border-radius:var(--radius-16);box-shadow:var(--shadow-elevation-2);overflow:hidden;padding:var(--spacing-32);position:relative}.sm-quiz-progress{align-items:center;display:flex;gap:var(--spacing-16);margin-bottom:var(--spacing-32)}.sm-quiz-progress-track{background:var(--colors-muted);border-radius:var(--radius-full);flex:1 1 auto;height:6px;overflow:hidden}.sm-quiz-progress-fill{background:var(--colors-primary-700);border-radius:var(--radius-full);height:100%;transition:width .3s ease;width:0}.sm-quiz-progress-label{color:var(--colors-muted-foreground);flex:0 0 auto;font-family:var(--font-sans);font-size:13px;font-weight:500;white-space:nowrap}.sm-quiz-question[hidden]{display:none}@keyframes sm-quiz-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sm-quiz-question{animation:sm-quiz-fade-in .25s ease}.sm-quiz-question-number{color:var(--colors-primary-700);font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.06em;margin:0 0 var(--spacing-8) 0;text-transform:uppercase}.sm-quiz-question-text{color:var(--colors-foreground);font-family:var(--font-heading);font-size:22px;font-weight:700;line-height:1.35;margin:0 0 var(--spacing-24) 0}.sm-quiz-answers{display:grid;gap:var(--spacing-12);grid-template-columns:1fr 1fr}.sm-quiz-answer-btn{background:var(--colors-card);border:1px solid var(--colors-border);border-radius:var(--radius-12);color:var(--colors-foreground);cursor:pointer;font-family:var(--font-sans);font-size:16px;font-weight:600;padding:var(--spacing-16);transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.sm-quiz-answer-btn:hover{border-color:var(--colors-primary-700);transform:translateY(-1px)}.sm-quiz-answer-btn:focus-visible{outline:2px solid var(--colors-primary-700);outline-offset:2px}.sm-quiz-answer-btn.sm-is-selected{background:var(--colors-primary-700);border-color:var(--colors-primary-700);color:var(--colors-background)}.sm-quiz-back{align-items:center;background:none;border:none;color:var(--colors-muted-foreground);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:var(--spacing-4);margin-top:var(--spacing-20);padding:0}.sm-quiz-back[hidden]{display:none}.sm-quiz-back:focus-visible,.sm-quiz-back:hover{color:var(--colors-primary-700)}.sm-quiz-result[hidden]{display:none}.sm-quiz-result{animation:sm-quiz-fade-in .3s ease;text-align:left}.sm-quiz-result-badge{background:var(--colors-woop-yellow);border-radius:var(--radius-8);color:var(--colors-foreground);display:inline-block;font-family:var(--font-sans);font-size:13px;font-weight:700;letter-spacing:.02em;margin-bottom:var(--spacing-16);padding:var(--spacing-4) var(--spacing-12)}.sm-quiz-result-title{color:inherit;font-family:var(--font-heading);font-size:24px;font-weight:700;line-height:1.3;margin:0 0 var(--spacing-8) 0}.sm-quiz-result-desc{color:inherit;line-height:1.6;margin:0 0 var(--spacing-24) 0;opacity:.85}.sm-quiz-cta,.sm-quiz-result-desc{font-family:var(--font-sans);font-size:15px}.sm-quiz-cta{align-items:center;background:var(--colors-woop-yellow);border-radius:var(--radius-8);color:var(--colors-foreground);display:inline-flex;font-weight:600;justify-content:center;padding:var(--spacing-12) var(--spacing-24);text-decoration:none;transition:transform .2s ease,filter .2s ease}.sm-quiz-cta:focus-visible,.sm-quiz-cta:hover{color:var(--colors-foreground);filter:brightness(1.05);transform:translateY(-2px)}.sm-quiz-cta:focus-visible{outline:2px solid var(--colors-primary-700);outline-offset:2px}.sm-quiz-restart{background:none;border:none;color:var(--colors-muted-foreground);cursor:pointer;display:block;font-family:var(--font-sans);font-size:13px;font-weight:500;margin-top:var(--spacing-16);padding:0;text-decoration:underline}.sm-quiz-restart:focus-visible,.sm-quiz-restart:hover{color:var(--colors-primary-700)}.sm-quiz-result.sm-is-highlighted{background:var(--colors-primary-700);color:var(--colors-background);margin:calc(var(--spacing-32)*-1);padding:var(--spacing-32)}.sm-quiz-result.sm-is-highlighted .sm-quiz-restart{color:var(--colors-background);opacity:.75}.sm-quiz-result.sm-is-highlighted .sm-quiz-restart:focus-visible,.sm-quiz-result.sm-is-highlighted .sm-quiz-restart:hover{opacity:1}@media (max-width:600px){.sm-quiz-card{padding:var(--spacing-20)}.sm-quiz-title{font-size:24px}.sm-quiz-answers{grid-template-columns:1fr}.sm-quiz-result.sm-is-highlighted{margin:calc(var(--spacing-20)*-1);padding:var(--spacing-20)}}