.quiz-shell{gap:var(--space-lg);max-width:1280px;padding:calc(var(--space-md) + 4.5rem) var(--gutter) var(--space-lg);grid-template-columns:minmax(0,1fr) 340px;min-height:100dvh;margin-inline:auto;display:grid}.quiz-shell:before{content:"";z-index:-1;background:radial-gradient(50% 40% at 85% 10%, #ff4e2f1a, transparent 65%), var(--color-bg);position:fixed;inset:0}.quiz{gap:var(--space-md);flex-direction:column;display:flex;position:relative}.quiz-progress{background:var(--color-border);z-index:120;height:2px;position:fixed;top:0;left:0;right:0}.quiz-progress span{background:var(--color-accent);transform-origin:0;height:100%;transition:transform var(--duration-slow) var(--ease-out-expo);display:block}.quiz-head{flex-direction:column;gap:.9rem;display:flex}.quiz-index{margin:0}.quiz-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;max-width:560px;margin:0;padding:0;list-style:none;display:grid}.quiz-step{flex-direction:column;gap:.5rem;min-width:0;display:flex}.quiz-step-bar{background:var(--color-border);border-radius:3px;height:3px;position:relative;overflow:hidden}.quiz-step-bar:after{content:"";background:var(--color-accent);transform-origin:0;transition:transform var(--duration-slow) var(--ease-out-expo);position:absolute;inset:0;transform:scaleX(0)}.quiz-step[data-state=done] .quiz-step-bar:after,.quiz-step[data-state=current] .quiz-step-bar:after{transform:scaleX(1)}.quiz-step[data-state=current] .quiz-step-bar{box-shadow:0 0 12px -2px #ff4e2f99}.quiz-step-label{font-size:var(--text-xs);color:var(--color-text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.quiz-step[data-state=current] .quiz-step-label{color:var(--color-text)}.quiz-step[data-state=done] .quiz-step-label{color:var(--color-text-muted)}.quiz-title{outline:none;max-width:18ch;font-size:clamp(2rem,1.2rem + 2.8vw,3.75rem)}.quiz-body{gap:var(--space-md);flex-direction:column;display:flex}.choice-group{border:0;min-width:0;margin:0;padding:0}.field-label{font-size:var(--text-sm);color:var(--color-text);margin-bottom:.75rem;font-weight:500;display:block}.field-hint{color:var(--color-text-dim);font-weight:400}.choice-list{flex-wrap:wrap;gap:.6rem;display:flex}.choice-chip{border-radius:var(--radius-pill);background:var(--color-bg-raised);min-height:48px;box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text-muted);font-size:var(--text-base);text-align:left;cursor:pointer;transition:background-color var(--duration-fast), color var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast) var(--ease-out-expo);align-items:center;gap:.55rem;padding:.7rem 1.1rem .7rem .8rem;display:inline-flex}.choice-label{min-width:0}.choice-list--cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;max-width:820px;display:grid}.choice-list--cards .choice-chip{width:100%;min-height:60px;font-size:var(--text-base);border-radius:14px;padding:.85rem 1rem;line-height:1.3}.choice-chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.choice-chip:hover{color:var(--color-text);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-text-dim)}.choice-chip:active{transform:scale(.97)}.choice-check{width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--color-border);transition:background-color var(--duration-fast), box-shadow var(--duration-fast);border-radius:50%;flex:0 0 22px;place-items:center;display:grid}.choice-check svg{opacity:0;width:13px;height:13px;transition:opacity var(--duration-fast), transform var(--duration-normal) var(--ease-out-expo);transform:scale(.5)}.choice-chip:is([aria-pressed=true],[aria-checked=true]){background:var(--color-accent-soft);color:var(--color-text);box-shadow:inset 0 0 0 1px #ff4e2f8c,0 0 24px -8px #ff4e2f80}.choice-chip:is([aria-pressed=true],[aria-checked=true]) .choice-check{background:var(--color-accent);box-shadow:none;color:var(--color-on-accent)}.choice-chip:is([aria-pressed=true],[aria-checked=true]) .choice-check svg{opacity:1;transform:none}.choice-chip:is([aria-pressed=true],[aria-checked=true]):hover{background:#ff4e2f29}.text-field{flex-direction:column;max-width:560px;display:flex}.text-input{border-radius:var(--radius-md);color:#0a0a0b;width:100%;min-height:52px;font:inherit;transition:box-shadow var(--duration-fast);background:#f5f5f4;padding:.85rem 1rem;font-size:1rem;box-shadow:inset 0 0 0 1px #0000}.text-input::placeholder{color:#8a8a90}.text-input:focus-visible{box-shadow:inset 0 0 0 2px var(--color-accent), 0 0 0 4px #ff4e2f40;outline:none}.text-input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--color-danger)}.text-area{resize:vertical;min-height:96px;line-height:1.5}.field-count{font-size:var(--text-xs);color:var(--color-text-dim);text-align:right;margin-top:.4rem}.field-error{font-size:var(--text-sm);color:var(--color-danger);margin-top:.6rem}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.consent{max-width:560px;font-size:var(--text-sm);color:var(--color-text-muted);grid-template-columns:22px 1fr;gap:.75rem;display:grid}.consent input{width:20px;height:20px;accent-color:var(--color-accent);cursor:pointer;margin-top:.15rem}.consent .field-error{grid-column:2;margin-top:0}.quiz-actions{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);padding-top:var(--space-md);box-shadow:inset 0 1px 0 var(--color-border);display:flex}.quiz-actions .btn-primary{white-space:nowrap;min-width:220px}.quiz-actions .btn-primary:focus-visible{outline-offset:4px}.quiz-kbd{font-size:var(--text-xs);color:var(--color-text-dim);margin:0}.quiz-kbd kbd{box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text-muted);border-radius:4px;padding:.1rem .4rem;font-family:inherit}.pending-dots:after{content:"…";text-align:left;vertical-align:bottom;width:1.2em;animation:1.2s steps(4,end) infinite dots;display:inline-block;overflow:hidden}@keyframes dots{0%{width:0}to{width:1.2em}}.quiz-failure{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:#25d36614;flex-wrap:wrap;display:flex;box-shadow:inset 0 0 0 1px #25d36659}.quiz-failure p{max-width:44ch}.quiz-failure:focus{outline:none}@media (max-width:640px){.quiz-failure{scroll-margin-bottom:6rem}}.quiz-aside{top:calc(var(--space-md) + 4.5rem);padding:var(--space-md);background:var(--color-bg-raised);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:16px;align-self:start;position:sticky}.quiz-aside h2{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.quiz-aside ol{counter-reset:get;gap:.9rem;display:grid}.quiz-aside li{font-size:var(--text-sm);color:var(--color-text-muted);counter-increment:get;grid-template-columns:28px 1fr;gap:.6rem;display:grid}.quiz-aside li:before{content:"0" counter(get);font-family:var(--font-display);color:var(--color-accent)}.quiz-aside li b{color:var(--color-text);font-weight:500;display:block}.quiz-aside .aside-note{margin-top:var(--space-md);padding-top:var(--space-sm);box-shadow:inset 0 1px 0 var(--color-border);font-size:var(--text-xs);color:var(--color-text-dim)}@media (max-width:960px){.quiz-shell{grid-template-columns:1fr}.quiz-aside{order:2;position:static}}@media (max-width:640px){.quiz-shell{padding-top:5.5rem;padding-bottom:var(--space-md)}.quiz{gap:1.5rem;padding-bottom:5.5rem}.quiz-body{gap:1.75rem}.quiz-step-label{display:none}.choice-list--cards{grid-template-columns:1fr}.choice-list--cards .choice-chip{min-height:54px}.quiz-actions{inset-inline:0;z-index:150;padding:.75rem var(--gutter) calc(.75rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0be0;margin:0;position:fixed;bottom:0}.quiz-back{flex:0 0 52px;width:52px;padding:0}.quiz-back-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.quiz-back:hover svg{transform:translate(-3px)}.quiz-actions .btn-primary{flex:1;min-width:0}.quiz-kbd{display:none}}body:has(.quiz) .wa-float{display:none}.quiz-shell:after,.result-shell:after{content:"";z-index:90;pointer-events:none;background:linear-gradient(to bottom, var(--color-bg) 55%, #0a0a0b00);height:4.5rem;position:fixed;inset:0 0 auto}