:root{--quiz-canvas-width:860px;--scorecard-form-width:480px}.screen{display:none!important}.screen.active{animation:.5s cubic-bezier(.16,1,.3,1) screenFadeUp;display:block!important}@keyframes screenFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}#quiz-screen{min-height:calc(100vh - 120px);padding:var(--space-l) 0;align-items:center;display:flex}#quiz-screen>.canvas{width:100%}.quiz-canvas{max-width:var(--quiz-canvas-width)}.progress{margin-bottom:var(--space-l)}.progress__label{font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin-bottom:calc(var(--space-s) * .5);justify-content:space-between;font-weight:500;display:flex}.progress__bar{background:var(--border);height:3px;overflow:hidden}.progress__fill{background:var(--primary);height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.quiz-question{font-size:var(--step-5);color:var(--primary);letter-spacing:-.02em;text-align:center;margin-bottom:var(--space-l);justify-content:center;align-items:center;min-height:3.9em;font-weight:400;line-height:1.3;display:flex}.scale__labels{font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin-bottom:calc(var(--space-s) * .5);justify-content:space-between;font-weight:500;display:flex}.scale__buttons{gap:calc(var(--space-s) * .5);margin-bottom:var(--space-m);grid-template-columns:repeat(10,1fr);display:grid}.scale__btn{aspect-ratio:1;border:1px solid var(--border);font-family:var(--font-body);font-weight:500;font-size:var(--step-0);color:var(--primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:color .2s,border-color .2s,background-color .2s;display:flex}.scale__btn:hover,.scale__btn.is-selected{border-color:var(--primary);background:var(--primary);color:var(--cream)}#quiz-screen .kicker{text-align:center;display:block}.quiz-nav{margin-top:var(--space-s);justify-content:space-between;align-items:center;display:flex}.quiz-nav__back{font-family:var(--font-body);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--text);cursor:pointer;align-items:center;gap:calc(var(--space-s) * .4);padding:calc(var(--space-s) * .5) 0;background:0 0;border:none;font-weight:500;transition:color .3s;display:inline-flex}.quiz-nav__back:hover{color:var(--primary)}.scorecard-email{max-width:var(--scorecard-form-width);padding:var(--space-xl) var(--gutter);text-align:center;margin:0 auto}.scorecard-email h2{margin-bottom:var(--space-s)}.scorecard-email>p{margin-bottom:var(--space-l)}.scorecard-email .btn--boxed{justify-content:center;width:100%}.results-hero{text-align:center;padding:var(--space-m) 0}.results-hero h1{margin-bottom:var(--space-s)}.results-hero>p{margin-bottom:var(--space-m)}.results-hero .cluster{margin-top:var(--space-m);justify-content:center}.chart-wrap{max-width:640px;margin:0 auto var(--space-m)}.email-note{font-size:var(--step--2);color:var(--text);text-align:center;letter-spacing:.04em;margin-bottom:var(--space-s)}.score-display{font-family:var(--font-display);font-size:var(--step-4);color:var(--primary);letter-spacing:-.02em;margin-bottom:var(--space-s)}.bordered-row--full{grid-template-columns:1fr}.bordered-row__text p{font-size:var(--step-0);color:var(--text);font-weight:400}[data-category=self] .kicker{color:var(--secondary)}[data-category=self] .score-meter__fill{background:var(--secondary)}[data-category=rel] .kicker{color:var(--accent-text)}[data-category=rel] .score-meter__fill{background:var(--accent)}[data-category=suc] .kicker{color:var(--gold-text)}[data-category=suc] .score-meter__fill{background:var(--gold)}.score-meter{background:var(--border);height:6px;margin:var(--space-s) 0;overflow:hidden}.score-meter__fill{height:100%;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.share-options{margin-top:var(--space-s)}.share-options[hidden]{display:none}@media (width<=1024px){.quiz-question{min-height:5.2em}}@media (width<=768px){#quiz-screen{align-items:flex-start;min-height:calc(100vh - 80px)}.quiz-question{font-size:var(--step-3);text-align:left;justify-content:flex-start;min-height:5.2em}#quiz-screen .kicker{text-align:left}.scale__buttons{gap:calc(var(--space-s) * .25)}.scale__btn{font-size:var(--step--1)}}