.quiz-container[data-astro-cid-hyhezolm]{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-md);border:1px solid var(--border-color);justify-content:center;align-items:center;min-height:320px;margin:3rem 0;padding:2rem;display:flex;position:relative;overflow:hidden}.quiz-screen[data-astro-cid-hyhezolm]{width:100%;animation:.4s forwards fadeIn;display:none}.quiz-screen[data-astro-cid-hyhezolm].active{display:block}.quiz-intro-content[data-astro-cid-hyhezolm]{text-align:center;max-width:600px;margin:0 auto}.quiz-intro-content[data-astro-cid-hyhezolm] h2[data-astro-cid-hyhezolm]{color:var(--primary);margin-bottom:1rem;font-size:2rem}.quiz-intro-content[data-astro-cid-hyhezolm] p[data-astro-cid-hyhezolm]{color:var(--text-body);margin-bottom:2rem;font-size:1.1rem}.quiz-layout[data-astro-cid-hyhezolm]{grid-template-columns:1fr 2fr;align-items:center;gap:2rem;display:grid}.quiz-left[data-astro-cid-hyhezolm] h3[data-astro-cid-hyhezolm]{color:var(--text-dark);font-size:1.8rem;font-weight:800;line-height:1.3}.quiz-right[data-astro-cid-hyhezolm]{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.quiz-container[data-astro-cid-hyhezolm]{border-radius:var(--radius-lg);padding:1.5rem}.quiz-layout[data-astro-cid-hyhezolm]{grid-template-columns:1fr;gap:1.5rem}.quiz-left[data-astro-cid-hyhezolm] h3[data-astro-cid-hyhezolm]{text-align:center;font-size:1.4rem}.quiz-right[data-astro-cid-hyhezolm]{grid-template-columns:1fr;gap:1rem}}.quiz-option[data-astro-cid-hyhezolm]{background:var(--bg-dark);border-radius:var(--radius-lg);cursor:pointer;text-align:left;border:2px solid #0000;flex-direction:column;width:100%;min-height:200px;padding:0;transition:all .2s;display:flex;overflow:hidden}@media (width<=768px){.quiz-option[data-astro-cid-hyhezolm]{flex-direction:row;align-items:center;min-height:140px}}.quiz-option[data-astro-cid-hyhezolm]:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.quiz-option[data-astro-cid-hyhezolm] span[data-astro-cid-hyhezolm]{color:var(--text-dark);padding:1.2rem;font-size:1.1rem;font-weight:700;display:block}.quiz-option-img[data-astro-cid-hyhezolm]{background-position:50%;background-size:cover;width:100%;height:140px}@media (width<=768px){.quiz-option-img[data-astro-cid-hyhezolm]{width:120px;height:100%}}.friends-bg[data-astro-cid-hyhezolm]{background-image:url(https://images.unsplash.com/photo-1540959733332-eab4deabeeaf?auto=format&fit=crop&w=400&q=80)}.family-bg[data-astro-cid-hyhezolm]{background-image:url(https://images.unsplash.com/photo-1512428559087-560fa5ceab42?auto=format&fit=crop&w=400&q=80)}.kpop-bg[data-astro-cid-hyhezolm]{background-image:url(https://images.unsplash.com/photo-1517154421773-0529f29ea451?auto=format&fit=crop&w=400&q=80)}.food-bg[data-astro-cid-hyhezolm]{background-image:url(https://images.unsplash.com/photo-1558618666-fcd25c85cd64?auto=format&fit=crop&w=400&q=80)}.quiz-btn[data-astro-cid-hyhezolm]{cursor:pointer;border:none;border-radius:30px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:transform .2s}.primary-btn[data-astro-cid-hyhezolm]{background:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.primary-btn[data-astro-cid-hyhezolm]:hover{transform:scale(1.05)}.affiliate-btn[data-astro-cid-hyhezolm]{color:#fff;background:#ff5a00;margin-top:1.5rem;text-decoration:none;display:inline-block}.quiz-result-card[data-astro-cid-hyhezolm]{text-align:center}.quiz-result-card[data-astro-cid-hyhezolm] h3[data-astro-cid-hyhezolm]{color:var(--text-dark);margin:1rem 0;font-size:2rem}.result-image-box[data-astro-cid-hyhezolm]{border-radius:var(--radius-lg);background-position:50%;background-size:cover;width:100%;height:200px;margin-top:1.5rem}#quiz-loading[data-astro-cid-hyhezolm]{text-align:center}.quiz-spinner[data-astro-cid-hyhezolm]{border:5px solid var(--border-color);border-top:5px solid var(--primary);border-radius:50%;width:50px;height:50px;margin:0 auto 1.5rem;animation:1s linear infinite spin}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}