@layer components{.ex-hero-strip{position:absolute;inset-inline:0;top:0;height:6px;background:linear-gradient(to left,var(--accent),var(--accent-2),var(--accent-3))}.ex-strip{display:flex;gap:.375rem;overflow-x:auto;padding:.25rem .125rem .375rem;scroll-snap-type:x proximity;scrollbar-width:thin}.ex-strip>*{flex-shrink:0;scroll-snap-align:center}.ex-bar{height:100%;border-radius:999px;background:linear-gradient(to left,var(--accent),var(--accent-3));transform-origin:right;transition:transform .35s var(--ease)}[dir=ltr] .ex-bar{transform-origin:left}.ex-q-in{animation:ex-q-in .32s var(--ease) both}.ex-pop{animation:ex-pop .55s var(--ease) both}.ex-timer[data-state=danger]{animation:ex-pulse 1s ease-in-out infinite}.ex-focus-card{display:flex;flex-direction:column;justify-content:center;min-height:min(64dvh,600px)}@media (prefers-reduced-motion:reduce){.ex-pop,.ex-q-in,.ex-timer[data-state=danger]{animation:none!important}.ex-bar{transition:none}}}.ex-focus .ex-q-text{font-size:1.35rem;font-weight:700;line-height:2.1}.ex-focus [data-testid^=option-]{padding:.95rem 1.05rem}.ex-focus [data-testid^=option-] .text-sm{font-size:1rem}@media (max-width:640px){.ex-focus .ex-q-text{font-size:1.12rem}}@media print{.ex-result{max-width:none!important;padding:0!important}.ex-result .glass,.ex-result .glass-lite{border-color:#d4d4d8!important;background:#fff!important;box-shadow:none!important;backdrop-filter:none!important;break-inside:avoid}}@keyframes ex-q-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ex-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes ex-pulse{0%,to{opacity:1}50%{opacity:.55}}