.quiz{background:var(--surface-page);width:100%;max-width:100%;height:100dvh;max-height:100dvh;color:var(--text-primary);box-sizing:border-box;border:0;margin:0;padding:0;overflow:hidden}.quiz:not([open]){display:none}.quiz::backdrop{background:color-mix(in oklab,var(--syw-basin) 55%,transparent)}.quiz__sheet{box-sizing:border-box;flex-direction:column;min-width:0;height:100%;display:flex}.quiz__top{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-bottom:var(--border-1);flex:none;display:flex}.quiz__back,.quiz__x{min-width:var(--tap-min,44px);min-height:var(--tap-min,44px);border-radius:var(--radius-2);color:var(--text-secondary);font:600 var(--text-small)/1 var(--font-sans);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-1);background:0 0;border:0;display:inline-flex}.quiz__back:hover,.quiz__x:hover{background:var(--surface-sunken)}.quiz__back:focus-visible,.quiz__x:focus-visible{outline:var(--focus-outline);outline-offset:2px}.quiz__back[hidden]{display:none}.quiz__progress{gap:var(--space-1);min-width:0;padding:0 var(--space-2);flex-direction:column;flex:auto;display:flex}.quiz__count{font:var(--weight-semibold) var(--text-caption)/var(--leading-snug) var(--font-sans);color:var(--text-secondary);margin:0}.quiz__bar{border-radius:var(--radius-pill);background:var(--surface-sunken);height:6px;overflow:hidden}.quiz__bar>span{background:var(--action-bg);border-radius:var(--radius-pill);height:100%;transition:width var(--dur-fast) var(--ease-standard);display:block}.quiz__body{min-height:0;padding:var(--space-5) var(--space-4) var(--space-6);-webkit-overflow-scrolling:touch;flex:auto;overflow:hidden auto}.quiz__step{min-width:0;max-width:560px;margin:0 auto}.quiz__step>*+*{margin-top:var(--space-4)}.quiz__q{font:var(--weight-semibold) var(--text-h3)/var(--leading-snug) var(--font-sans);overflow-wrap:anywhere;outline:none;margin:0}.quiz__q:focus{outline:none}.quiz__lead,.quiz__note{overflow-wrap:anywhere;margin:0}.quiz__note{font-size:var(--text-caption);color:var(--text-secondary)}.quiz__save{margin:var(--space-5) auto 0;max-width:560px;font-size:var(--text-caption);color:var(--text-secondary);text-align:center}.quiz__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.quiz__actions .syw-btn{white-space:normal;text-align:center;min-height:var(--tap-min,44px);flex:140px}.quiz__actions--stack .syw-btn{flex:100%}.quiz .syw-btn{min-height:var(--tap-min,48px)}.quiz .syw-input{box-sizing:border-box;width:100%;min-height:var(--tap-min,44px)}.quiz .syw-chip span{min-height:var(--tap-min,56px)}.quiz .syw-check{min-height:var(--tap-min,44px)}.quiz__card{border:var(--border-1);border-radius:var(--radius-3);background:var(--surface-sheet);padding:var(--space-4);min-width:0}.quiz__card>*+*{margin-top:var(--space-3)}.quiz__card h3{overflow-wrap:anywhere;margin:0}.quiz__list{padding-left:var(--space-5);gap:var(--space-2);margin:0;display:grid}.quiz__list li{overflow-wrap:anywhere}.quiz__findings{gap:var(--space-3);min-width:0;display:grid}.quiz__findings>*{min-width:0;max-width:100%}.quiz__price{font:var(--weight-semibold) var(--text-body)/var(--leading-snug) var(--font-sans);overflow-wrap:anywhere;margin:0}.quiz__count-down{font:var(--weight-bold) var(--text-h3)/1 var(--font-sans);font-variant-numeric:tabular-nums;display:inline-block}.quiz__links{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.quiz__links a{min-height:var(--tap-min,44px);padding:var(--space-2) 0;overflow-wrap:anywhere;display:inline-block}.quiz__slots{gap:var(--space-3);display:grid}.quiz__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.quiz__status{padding:var(--space-3) var(--space-4);border-radius:var(--radius-2);background:var(--surface-sunken);margin:0}@media (min-width:768px){.quiz{border-radius:var(--radius-3);width:min(640px,100vw - 48px);height:auto;max-height:calc(100dvh - 48px);box-shadow:var(--shadow-2);margin:auto}.quiz__sheet{height:auto;max-height:calc(100dvh - 48px)}.quiz__body{padding:var(--space-6) var(--space-6) var(--space-6)}}@media (prefers-reduced-motion:reduce){.quiz__bar>span{transition:none}}.quiz [aria-pressed=true]{border-color:var(--action-bg);box-shadow:inset 0 0 0 1px var(--action-bg)}.quiz__spinner{border-radius:var(--radius-pill);border:4px solid var(--surface-sunken);border-top-color:var(--action-bg);width:36px;height:36px;animation:.9s linear infinite quiz-spin;display:block}@keyframes quiz-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.quiz__spinner{animation-duration:2.4s}}.quiz__sub{font:var(--weight-semibold) var(--text-h3)/var(--leading-snug) var(--font-sans);overflow-wrap:anywhere;margin:0}.quiz__group{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.quiz__step>.quiz__group+.quiz__group,.quiz__step>.quiz__group+.quiz__actions--end{margin-top:var(--space-6)}.quiz__group>.quiz__q,.quiz__group>.quiz__sub{margin:0}.quiz__tiles{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quiz .quiz__tile{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);height:auto;min-height:calc(var(--space-9) + var(--space-5));white-space:normal;text-align:center;flex-direction:column;min-width:0;display:flex}.quiz .quiz__tile[aria-pressed=true]{background:color-mix(in oklab,var(--action-bg) 10%,var(--surface-sheet));box-shadow:none;border-width:2px}.quiz__tile .quiz-art{height:64px}.quiz__tile-label{overflow-wrap:anywhere}.quiz__art{justify-content:center;min-width:0;height:72px;display:flex}.quiz__art--start{justify-content:flex-start}.quiz__art--sm{height:56px}.quiz-art{flex:none;width:auto;max-width:100%;height:100%;display:block;overflow:visible}.quiz-art__ink,.quiz-art__accent,.quiz-art__tint,.quiz-art__paper{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.quiz-art__ink{stroke:var(--text-secondary)}.quiz-art__accent{stroke:var(--action-bg)}.quiz-art__tint{fill:color-mix(in oklab,var(--action-bg) 12%,var(--surface-sheet))}.quiz-art__paper{fill:var(--surface-sheet)}.quiz-art__tint.quiz-art__ink,.quiz-art__tint.quiz-art__accent,.quiz-art__paper.quiz-art__ink,.quiz-art__paper.quiz-art__accent{stroke-width:2px}.quiz-art__txt{font:var(--weight-bold) 13px/1 var(--font-sans);fill:var(--text-primary);stroke:none}.quiz-art__txt--accent{fill:var(--action-bg)}.quiz .quiz__tile--call{border-color:#0000}.quiz__tile--call .quiz-art__ink,.quiz__tile--call .quiz-art__accent{stroke:var(--text-on-action)}.quiz__tile--call .quiz-art__tint{fill:color-mix(in oklab,var(--text-on-action) 20%,transparent)}
