.test-wrap{position:relative}.progress{z-index:30;background:var(--stone-200);height:4px;position:sticky;top:64px}.progress-fill{background:var(--brand);width:0;height:100%;transition:width .4s var(--ease)}.test-container{max-width:1080px;padding-top:2rem;padding-bottom:4rem}.question{scroll-margin-top:7.5rem}.test-meta{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.question{border:0;border-bottom:1px solid var(--border);margin:0 0 var(--space-xxl);padding:0 0 calc(var(--space-xxl) + var(--space-l));flex-direction:column;min-width:0;display:flex}.question:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}.q-text{letter-spacing:-.03em;width:100%;margin:0;padding:0;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:500;line-height:1.35}.question .scale{margin-top:3.5rem}.scale{align-items:center;gap:1rem;display:flex}.scale-label{flex:none;width:7rem;font-size:.9375rem}.scale-label.agree{color:var(--agree);text-align:right}.scale-label.disagree{color:var(--disagree);text-align:left}.circles{flex:1;justify-content:space-between;align-items:center;max-width:640px;min-height:72px;margin:0 auto;display:flex}.circle{cursor:pointer;place-items:center;display:grid;position:relative}.circle input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.circle .ring{border:2px solid var(--stone-400);transition:background-color .15s, border-color .15s, transform .15s var(--ease);border-radius:50%}.circle .tick{color:var(--background);display:none;position:absolute}.circle input:checked+.ring{background:var(--stone-600);border-color:var(--stone-600)}.circle input:checked~.tick{display:block}.circle input:focus-visible+.ring{outline:3px solid color-mix(in oklch, var(--ring) 80%, transparent);outline-offset:3px}.circle:hover .ring{transform:scale(1.06)}.circle.c0 .ring{border-color:var(--agree);width:70px;height:70px}.circle.c1 .ring{border-color:color-mix(in srgb, var(--agree) 70%, var(--stone-400));width:56px;height:56px}.circle.c2 .ring{border-color:color-mix(in srgb, var(--agree) 40%, var(--stone-400));width:46px;height:46px}.circle.c3 .ring{width:36px;height:36px}.circle.c4 .ring{border-color:color-mix(in srgb, var(--disagree) 40%, var(--stone-400));width:46px;height:46px}.circle.c5 .ring{border-color:color-mix(in srgb, var(--disagree) 70%, var(--stone-400));width:56px;height:56px}.circle.c6 .ring{border-color:var(--disagree);width:70px;height:70px}.circle .tick svg{display:block}.circle.c0 .tick,.circle.c6 .tick{transform:scale(1.15)}.test-actions{justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}@media (width<=720px){.scale{flex-wrap:wrap;row-gap:.35rem}.scale-label{width:auto;font-size:.8125rem}.scale-label.agree{text-align:left;order:2}.scale-label.disagree{text-align:right;order:3;margin-left:auto}.circles{flex-basis:100%;order:1}.circle.c0 .ring,.circle.c6 .ring{width:48px;height:48px}.circle.c1 .ring,.circle.c5 .ring{width:38px;height:38px}.circle.c2 .ring,.circle.c4 .ring{width:30px;height:30px}.circle.c3 .ring{width:22px;height:22px}.question{margin-bottom:calc(var(--space-xl) + var(--space-xs));padding-bottom:calc(var(--space-xxl) + var(--space-xs))}.question .scale{margin-top:3rem}.question:last-of-type{margin-bottom:0;padding-bottom:0}}.question{transition:opacity .25s var(--ease)}.question.inactive .q-text{color:var(--muted-foreground)}.question.inactive .scale-label{color:var(--stone-400)}.question.inactive .circle .ring{border-color:var(--stone-300)}.question.inactive .circle input:checked+.ring{background:var(--stone-400);border-color:var(--stone-400)}#quiz.enter .question:not([hidden]){animation:q-in .5s var(--ease) both}#quiz.enter .question:not([hidden]):nth-of-type(5n+2){animation-delay:40ms}#quiz.enter .question:not([hidden]):nth-of-type(5n+3){animation-delay:80ms}#quiz.enter .question:not([hidden]):nth-of-type(5n+4){animation-delay:.12s}#quiz.enter .question:not([hidden]):nth-of-type(5n){animation-delay:.16s}@keyframes q-in{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}.test-actions [data-prev][hidden]{visibility:hidden;display:inline-flex}