.quiz{flex-direction:column;min-height:calc(100dvh - 49px);display:flex}.quiz__progress{border-bottom:var(--bord-hair) solid var(--rule);background:var(--bg-tint);flex:none;height:6px;position:relative}.quiz__progress-fill{background:var(--accent);width:0%;transition:width var(--dur-slow) var(--ease-out);position:absolute;inset:0 auto 0 0}.quiz__progress-ticks{background-image:repeating-linear-gradient(to right, transparent 0, transparent calc((100% / 37) - 1px), var(--rule) calc((100% / 37) - 1px), var(--rule) calc(100% / 37));pointer-events:none;position:absolute;inset:0}.quiz__grid{gap:var(--sp-5) var(--sp-7);padding-block:clamp(var(--sp-5), 4vw, var(--sp-8));flex:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"margin""main";align-content:start;display:grid}@media (width>=800px){.quiz__grid{gap:var(--sp-8);grid-template-columns:minmax(190px,15rem) minmax(0,34rem);grid-template-areas:"margin main";place-content:center}}.quiz__margin{gap:var(--sp-4);flex-direction:column;grid-area:margin;display:flex}@media (width>=800px){.quiz__margin{border-right:var(--bord-rule) solid var(--rule);padding-right:var(--sp-6);padding-top:var(--sp-2);justify-content:flex-start;align-self:stretch}}.fieldno{font-family:var(--font-display);font-weight:900;font-size:var(--fs-num);letter-spacing:var(--track-tight);color:var(--text);font-variant-numeric:lining-nums tabular-nums;align-items:baseline;gap:.1em;margin-left:-.04em;line-height:.82;display:flex}.fieldno__hash{color:var(--accent-text);font-size:.34em;font-weight:600;transform:translateY(-.9em)}.fieldno__total{font-family:var(--font-mono);letter-spacing:var(--track-caps);color:var(--text-3);font-size:.16em;font-weight:600;transform:translateY(-.4em)}.quiz__axis{align-items:center;display:flex}.progress-read{gap:var(--sp-2);flex-direction:column;display:flex}.progress-read__bar{background:var(--rule);height:3px;position:relative;overflow:hidden}.progress-read__bar>span{background:var(--text);width:0%;transition:width var(--dur-slow) var(--ease-out);position:absolute;inset:0 auto 0 0}.quiz__back{align-self:flex-start;gap:.5em}.quiz__back[hidden]{display:none}.quiz__back svg{width:.9em;height:.9em}.quiz__main{gap:clamp(var(--sp-5), 4vw, var(--sp-7));flex-direction:column;grid-area:main;min-width:0;display:flex}.quiz__kicker{align-items:center;gap:.6em;display:flex}.quiz__kicker:after{content:"";height:var(--bord-hair);background:var(--rule);flex:1}.statement{font-family:var(--font-display);font-weight:500;font-size:var(--fs-statement);line-height:var(--lh-tight);letter-spacing:var(--track-tight);color:var(--text);text-wrap:balance;align-items:flex-start;min-height:3.2em;display:flex}.statement__quote{color:var(--accent);margin-right:.06em;font-weight:900}.quiz__main.is-leaving .quiz__anim{opacity:0;transition:opacity var(--dur-page) var(--ease-in), transform var(--dur-page) var(--ease-in);transform:translate(-1.5%)}.quiz__anim{transition:opacity var(--dur-page) var(--ease-out), transform var(--dur-page) var(--ease-out)}.quiz__main.is-entering .quiz__anim{opacity:0;transform:translate(2.5%)}.scale{gap:var(--sp-4);flex-direction:column;display:flex}.scale__prompt{font-family:var(--font-text);font-style:italic;font-size:var(--fs-fine);color:var(--text-3)}.scale__track{gap:var(--sp-2);flex-direction:column;display:flex}.node{align-items:center;gap:var(--sp-3);text-align:left;width:100%;min-height:52px;color:var(--text);background:var(--surface);border:var(--bord-rule) solid var(--rule-strong);border-radius:var(--r-1);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);padding:.7rem 1rem;display:flex;position:relative}.node__marker{border:var(--bord-strong) solid var(--text);border-radius:var(--r-full);background:var(--bg);width:14px;height:14px;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex:none}.node[data-value="1"] .node__marker,.node[data-value="-1"] .node__marker{width:17px;height:17px}.node[data-value="0"] .node__marker{border-radius:var(--r-1);width:12px;height:12px;transform:rotate(45deg)}.node__label{font-size:var(--fs-body);line-height:1.2}.node__check{font-family:var(--font-mono);color:var(--on-accent);opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-stamp);margin-left:auto;font-weight:700;transform:scale(.6)}.node:hover,.node:focus-visible{border-color:var(--accent);box-shadow:var(--press);transform:translate(-2px,-2px)}.node:hover .node__marker,.node:focus-visible .node__marker{border-color:var(--accent);background:var(--accent-wash)}.node:active{box-shadow:none;transform:translate(0)}.node--stamped{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:none;animation:stamp var(--dur-slow) var(--ease-stamp)}.node--stamped .node__marker{background:var(--on-accent);border-color:var(--on-accent)}.node--stamped .node__check{opacity:1;transform:scale(1)}@keyframes stamp{0%{transform:scale(1)}40%{transform:scale(.97)}to{transform:scale(1)}}.scale__skip{margin-top:var(--sp-2);align-self:flex-start}.quiz__foot{border-top:var(--bord-hair) solid var(--rule);margin-top:auto}.quiz__foot-row{justify-content:space-between;align-items:center;gap:var(--sp-4);padding-block:var(--sp-3);display:flex}.quiz__foot .label{color:var(--text-3)}@media (width<=560px){.quiz__foot-row .label:last-child{display:none}}.quiz.is-resolving .quiz__main,.quiz.is-resolving .quiz__margin{opacity:0;transition:opacity var(--dur-slow) var(--ease-in)}.quiz__resolving{background:var(--bg);z-index:40;place-items:center;display:none;position:fixed;inset:0}.quiz.is-resolving .quiz__resolving{animation:fade-in var(--dur-slow) var(--ease-out);display:grid}.quiz__resolving .label{color:var(--accent-text)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.node--stamped{animation:none}.node--stamped .node__check{transition:none}.quiz__main.is-leaving .quiz__anim,.quiz__main.is-entering .quiz__anim{transform:none}.quiz__progress-fill,.progress-read__bar>span{transition:none}}