.quiz-card{flex-direction:column;gap:0;width:100%;max-height:calc(100dvh - 90px);padding:20px 18px;display:flex;position:relative;overflow:hidden}.quiz-screen{flex-direction:column;flex-grow:1;gap:14px;display:flex;overflow-y:auto}.quiz-screen.hidden{display:none!important}.quiz-start-header{text-align:center}.quiz-main-title{font-family:var(--font-display);color:var(--stone-900);letter-spacing:-.02em;margin-bottom:4px;font-size:1.6rem;font-weight:700}.quiz-subtitle-text{color:var(--brand-800);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:700}.quiz-video-container{border-radius:var(--radius-inner);aspect-ratio:1;max-width:240px;box-shadow:var(--shadow-soft);flex-shrink:0;margin:0 auto}.quiz-intro-text{text-align:center;color:var(--stone-600);font-size:.92rem;line-height:1.5}.btn-quiz-start{background-image:linear-gradient(to right, var(--brand-800), var(--brand-600));width:100%;color:var(--paper);letter-spacing:.2px;cursor:pointer;box-shadow:var(--shadow-brand);border:none;border-radius:999px;flex-shrink:0;padding:15px;font-size:1.05rem;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-quiz-start:hover{transform:translateY(-2px);box-shadow:0 16px 32px -10px #065f4680}.quiz-progress-bar-container{flex-shrink:0;align-items:center;gap:10px;display:flex}.quiz-progress-bar{background:var(--stone-200);border-radius:999px;flex-grow:1;height:6px;position:relative;overflow:hidden}.quiz-progress-bar:after{content:"";height:100%;width:var(--progress,0%);background-image:linear-gradient(90deg, var(--brand-900), var(--brand-600));border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.quiz-progress-label{color:var(--brand-700);white-space:nowrap;flex-shrink:0;font-size:.75rem;font-weight:700}.quiz-step{flex-direction:column;flex-grow:1;gap:14px;animation:.35s stepFadeIn;display:flex}.quiz-step.hidden{display:none!important}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quiz-question-title{font-family:var(--font-display);color:var(--stone-900);text-align:center;font-size:1.05rem;font-weight:700;line-height:1.3}.quiz-image-wrapper{flex-grow:1;justify-content:center;align-items:center;min-height:0;display:flex}.quiz-image-wrapper img{object-fit:contain;border-radius:var(--radius-inner);width:100%;max-height:32vh;box-shadow:var(--shadow-soft)}.quiz-question-bubble{background-image:linear-gradient(to bottom right, var(--stone-50), var(--paper));border-radius:var(--radius-inner);box-shadow:var(--ring-shadow), var(--shadow-soft);border:none;flex-direction:column;flex-grow:1;gap:12px;padding:20px;display:flex}.quiz-question-icon{text-align:center;font-size:2rem}.quiz-context-text{color:var(--stone-600);text-align:center;flex-grow:1;font-size:.9rem;line-height:1.6;overflow-y:auto}.quiz-question-text{font-family:var(--font-display);color:var(--stone-900);text-align:center;border-top:1px solid var(--stone-200);padding-top:8px;font-size:1rem;font-weight:700;line-height:1.4}.quiz-choose-label{color:var(--stone-400);text-transform:uppercase;letter-spacing:.8px;text-align:center;flex-shrink:0;font-size:.8rem;font-weight:700}.quiz-options-grid{flex-direction:column;flex-grow:1;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.quiz-option-btn{appearance:none;background:var(--paper);border-radius:var(--radius-inner);cursor:pointer;text-align:left;width:100%;box-shadow:var(--ring-shadow);color:var(--stone-800);border:none;align-items:center;gap:12px;padding:13px 16px;font-family:inherit;font-size:.9rem;transition:transform .2s cubic-bezier(.22,.61,.36,1),border-color .2s,box-shadow .2s,background-color .2s;display:flex}.quiz-option-btn:hover,.quiz-option-btn:active{background:var(--stone-50);color:var(--brand-900);box-shadow:inset 0 0 0 1px var(--brand-200), var(--shadow-soft);transform:translateY(-2px)}.quiz-option-letter{background-image:linear-gradient(to bottom right, var(--brand-700), var(--brand-900));color:var(--paper);width:30px;height:30px;font-family:var(--font-display);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;transition:box-shadow .2s;display:flex;box-shadow:0 3px 8px -2px #065f4673}.quiz-option-btn:hover .quiz-option-letter,.quiz-option-btn:active .quiz-option-letter{box-shadow:0 5px 12px -2px #065f468c}.quiz-option-text{color:inherit;flex-grow:1;font-size:.9rem;font-weight:600;line-height:1.4}.btn-quiz-action{cursor:pointer;letter-spacing:.2px;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:14px 20px;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s,background-color .2s;display:flex}.btn-quiz-action--primary{background-image:linear-gradient(to right, var(--brand-800), var(--brand-600));color:var(--paper);box-shadow:var(--shadow-brand)}.btn-quiz-action--primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px -10px #065f4680}.btn-quiz-action--secondary{background:var(--paper);color:var(--stone-800);box-shadow:var(--ring-shadow), var(--shadow-soft)}.btn-quiz-action--secondary:hover{background:var(--stone-50);box-shadow:inset 0 0 0 1px var(--brand-200), var(--shadow-lift);transform:translateY(-2px)}.quiz-final-screen{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:16px;display:flex}.quiz-final-emoji{font-size:3.5rem;animation:.5s bounceIn}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.quiz-final-title{font-family:var(--font-display);color:var(--stone-900);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.quiz-final-img{object-fit:contain;border-radius:var(--radius-inner);width:100%;max-height:32vh;box-shadow:var(--shadow-soft)}.quiz-final-text{color:var(--stone-600);max-height:20vh;font-size:.88rem;line-height:1.6;overflow-y:auto}.quiz-modal-overlay{justify-content:center;align-items:center;padding:20px;display:flex}.quiz-modal-content{text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;padding:32px 24px 28px;animation:.3s cubic-bezier(.16,1,.3,1) modalFadeScale;display:flex;position:relative}@keyframes modalFadeScale{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.modal-icon-wrapper{font-size:3rem;line-height:1}.modal-verdict-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.4rem;font-weight:700}.modal-feedback-text{color:var(--stone-600);width:100%;max-height:20vh;font-size:.88rem;line-height:1.6;overflow-y:auto}.btn-modal-close{background:var(--stone-100);cursor:pointer;width:32px;height:32px;color:var(--stone-600);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;transition:background-color .2s,color .2s;display:flex;position:absolute;top:14px;right:14px}.btn-modal-close:hover{background:var(--brand-50);color:var(--brand-700)}.quiz-options-grid::-webkit-scrollbar{width:4px}.quiz-context-text::-webkit-scrollbar{width:4px}.modal-feedback-text::-webkit-scrollbar{width:4px}.quiz-final-text::-webkit-scrollbar{width:4px}.quiz-options-grid::-webkit-scrollbar-thumb{background:var(--brand-800);border-radius:999px}.quiz-context-text::-webkit-scrollbar-thumb{background:var(--brand-800);border-radius:999px}.modal-feedback-text::-webkit-scrollbar-thumb{background:var(--brand-800);border-radius:999px}.quiz-final-text::-webkit-scrollbar-thumb{background:var(--brand-800);border-radius:999px}