.quiz--ryeqo{--q-primary: #6a2c91;--q-primary-dark: #42023b;--q-accent: #c1388f;--q-soft: #f4eff2;--q-bg: linear-gradient(160deg, #f7f2f3 0%, #f4eff2 45%, #e7f4ef 100%)}.quiz--fylrevy{--q-primary: #e35a12;--q-primary-dark: #81469c;--q-accent: #81469c;--q-soft: #fcede6;--q-bg: linear-gradient(160deg, #fcede6 0%, #f7dfd4 35%, #f2edf4 75%, #ffffff 100%)}.quiz{--q-text: #3b3833;--q-muted: #6b6662;--q-correct: #1f8a4c;--q-correct-bg: #e5f5ec;--q-wrong: #c0392b;--q-wrong-bg: #fbe9e7;--q-radius: clamp(14px, 1.6vmin, 24px);--q-gap: clamp(10px, 1.8vmin, 22px);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--q-bg);color:var(--q-text);font-family:Inter Variable,system-ui,sans-serif;padding:max(env(safe-area-inset-top),clamp(12px,2.5vmin,32px)) max(env(safe-area-inset-right),clamp(16px,4vw,64px)) max(env(safe-area-inset-bottom),clamp(12px,2.5vmin,32px)) max(env(safe-area-inset-left),clamp(16px,4vw,64px));-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quiz *,.quiz *:before,.quiz *:after{box-sizing:border-box}.quiz__header{display:flex;align-items:center;justify-content:space-between;gap:var(--q-gap);flex-wrap:wrap;margin:0 auto clamp(12px,2.5vmin,32px);width:100%;max-width:1400px}.quiz__logo{height:clamp(40px,7vmin,96px);width:auto;display:block}.quiz__progress{display:flex;align-items:center;gap:12px;flex:1 1 200px;max-width:420px}.quiz__progress-label{font-weight:700;font-size:clamp(15px,2vmin,24px);color:var(--q-primary);white-space:nowrap}.quiz__progress-track{flex:1;height:10px;border-radius:99px;background:#00000014;overflow:hidden}.quiz__progress-bar{height:100%;background:linear-gradient(90deg,var(--q-primary),var(--q-accent));border-radius:inherit;transition:width .4s ease}.quiz__main{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.quiz__card{width:100%;max-width:1400px;background:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:calc(var(--q-radius) * 1.5);box-shadow:0 10px 40px #3c1e3c1f;padding:clamp(18px,4vmin,56px);animation:quiz-in .35s ease both}@keyframes quiz-in{0%{opacity:0;transform:translateY(12px)}}.quiz__intro{max-width:820px;text-align:center}.quiz__title{margin:0 0 .4em;font-family:Georgia,serif;font-size:clamp(30px,6vmin,72px);line-height:1.1;color:var(--q-primary)}.quiz__lead{margin:0 auto 1.6em;font-size:clamp(17px,2.6vmin,30px);line-height:1.45;color:var(--q-muted);max-width:36ch}.quiz__eyebrow{margin:0 0 .5em;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:clamp(12px,1.7vmin,18px);color:var(--q-accent)}.quiz__question{margin:0 0 clamp(16px,3vmin,40px);font-size:clamp(20px,3.4vmin,42px);line-height:1.3;font-weight:700;color:var(--q-primary-dark)}.quiz__options{list-style:none;margin:0;padding:0;display:grid;gap:var(--q-gap);grid-template-columns:1fr}@media (min-width: 900px) and (min-aspect-ratio: 4/3){.quiz__options{grid-template-columns:1fr 1fr}}.quiz__options li{display:flex}.quiz__option{flex:1;display:flex;align-items:center;gap:clamp(12px,2vmin,24px);min-height:clamp(64px,10vmin,130px);padding:clamp(12px,2vmin,24px) clamp(14px,2.4vmin,30px);border:2px solid rgba(0,0,0,.08);border-radius:var(--q-radius);background:#fff;color:inherit;font:inherit;font-size:clamp(16px,2.4vmin,28px);line-height:1.35;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .2s,background .2s,opacity .2s}.quiz__option:not(:disabled):hover{border-color:var(--q-primary);background:var(--q-soft)}.quiz__option:not(:disabled):active{transform:scale(.98)}.quiz__option:disabled{cursor:default}.quiz__option:focus-visible,.quiz__btn:focus-visible{outline:3px solid var(--q-accent);outline-offset:3px}.quiz__option-letter{flex:none;display:grid;place-items:center;width:clamp(36px,5.5vmin,64px);aspect-ratio:1;border-radius:50%;background:var(--q-soft);color:var(--q-primary);font-weight:800}.quiz__option-text{flex:1}.quiz__mark{flex:none;font-size:1.4em;font-weight:800}.quiz__option.is-correct{border-color:var(--q-correct);background:var(--q-correct-bg);color:#134d2c}.quiz__option.is-correct .quiz__option-letter{background:var(--q-correct);color:#fff}.quiz__option.is-wrong{border-color:var(--q-wrong);background:var(--q-wrong-bg);color:#7a2219}.quiz__option.is-wrong .quiz__option-letter{background:var(--q-wrong);color:#fff}.quiz__option.is-dimmed{opacity:.5}.quiz__footer{min-height:clamp(64px,10vmin,120px);margin-top:clamp(16px,3vmin,36px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--q-gap)}.quiz__feedback{margin:0;font-weight:700;font-size:clamp(17px,2.6vmin,30px)}.quiz__feedback.is-correct{color:var(--q-correct)}.quiz__feedback.is-wrong{color:var(--q-wrong)}.quiz__btn{display:inline-flex;align-items:center;justify-content:center;min-height:clamp(56px,8vmin,96px);padding:0 clamp(24px,4vmin,56px);border-radius:999px;border:2px solid var(--q-primary);font:inherit;font-weight:700;font-size:clamp(17px,2.6vmin,30px);text-decoration:none;cursor:pointer;transition:transform .12s ease,filter .2s}.quiz__btn:active{transform:scale(.97)}.quiz__btn--primary{background:var(--q-primary);color:#fff;box-shadow:0 6px 20px #00000026}.quiz__btn--primary:hover{filter:brightness(1.08)}.quiz__btn--ghost{background:transparent;color:var(--q-primary)}.quiz__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--q-gap)}.quiz__score{display:flex;align-items:baseline;justify-content:center;gap:.2em;margin:.1em 0 .3em;color:var(--q-primary);font-family:Georgia,serif}.quiz__score-value{font-size:clamp(80px,18vmin,220px);line-height:1;font-weight:700}.quiz__score-total{font-size:clamp(32px,6vmin,80px);color:var(--q-muted)}@media (max-width: 520px){.quiz__footer{flex-direction:column;align-items:stretch;text-align:center}.quiz__actions{flex-direction:column}.quiz__btn{width:100%}}@media (prefers-reduced-motion: reduce){.quiz__card,.quiz__progress-bar,.quiz__option,.quiz__btn{animation:none;transition:none}}
