/* ── AI Quiz Popup ── */
.lp-quiz-modal { position:fixed; inset:0; z-index:10000; display:none; align-items:center; justify-content:center; padding:16px; }
.lp-quiz-modal.active { display:flex; }
.lp-quiz-backdrop { position:absolute; inset:0; background:rgba(15,12,41,.65); backdrop-filter:blur(6px); animation:quizFadeIn .35s ease; }
.lp-quiz-panel { position:relative; width:100%; max-width:560px; background:#fff; border-radius:24px; box-shadow:0 40px 80px rgba(0,0,0,.35); overflow:hidden; animation:quizSlideUp .45s cubic-bezier(.4,0,.2,1); display:flex; flex-direction:column; max-height:calc(100vh - 32px); }
@keyframes quizFadeIn { from{opacity:0} to{opacity:1} }
@keyframes quizSlideUp { from{opacity:0;transform:translateY(40px) scale(.96)} to{opacity:1;transform:none} }

.lp-quiz-close { position:absolute; top:14px; right:14px; width:36px; height:36px; border-radius:50%; background:#f3f4f6; border:none; color:#6b7280; font-size:22px; line-height:1; cursor:pointer; z-index:10; transition:all .2s; display:flex; align-items:center; justify-content:center; }
.lp-quiz-close:hover { background:#e5e7eb; color:#1d1d2e; transform:rotate(90deg); }

.lp-quiz-screen { display:none; padding:40px 36px 36px; text-align:center; flex:1; overflow-y:auto; }
.lp-quiz-screen.active { display:block; animation:quizFadeIn .4s ease; }
@media(max-width:575px){ .lp-quiz-screen{ padding:28px 22px 24px; } }

.lp-quiz-icon { width:72px; height:72px; margin:0 auto 16px; font-size:40px; line-height:72px; background:linear-gradient(135deg,#f5f3ff,#ede9fe); border-radius:20px; }
.lp-quiz-screen h3 { font-size:1.35rem; font-weight:800; color:#1d1d2e; margin-bottom:10px; line-height:1.3; }
.lp-quiz-screen p { color:#6b7280; font-size:.95rem; line-height:1.55; margin-bottom:24px; }

.lp-quiz-progress { height:4px; background:#e5e7eb; border-radius:2px; margin-bottom:28px; overflow:hidden; }
.lp-quiz-progress-bar { height:100%; background:linear-gradient(90deg,#573bb1,#7c3aed); width:0%; transition:width .4s ease; border-radius:2px; }

.lp-quiz-options { display:flex; flex-direction:column; gap:10px; text-align:left; }
.lp-quiz-opt { display:flex; align-items:center; gap:14px; padding:14px 16px; border:1.5px solid #e5e7eb; border-radius:14px; cursor:pointer; transition:all .18s; background:#fff; position:relative; }
.lp-quiz-opt:hover { border-color:#c4b5fd; background:#faf5ff; transform:translateY(-1px); box-shadow:0 4px 12px rgba(87,59,177,.08); }
.lp-quiz-opt__emoji { width:40px; height:40px; border-radius:10px; background:#f5f3ff; display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }
.lp-quiz-opt__text { flex:1; }
.lp-quiz-opt__text strong { display:block; font-size:.95rem; color:#1d1d2e; margin-bottom:2px; }
.lp-quiz-opt__text span { font-size:.82rem; color:#6b7280; }
.lp-quiz-opt__arrow { color:#c4b5fd; font-size:18px; transition:transform .2s; }
.lp-quiz-opt:hover .lp-quiz-opt__arrow { transform:translateX(3px); color:#7c3aed; }

.lp-quiz-btn { display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,#573bb1,#432c91); color:#fff; border:none; border-radius:12px; padding:14px 32px; font-size:1rem; font-weight:700; cursor:pointer; transition:all .2s; box-shadow:0 6px 20px rgba(87,59,177,.3); }
.lp-quiz-btn:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(87,59,177,.4); }
.lp-quiz-btn:active { transform:translateY(0); }

.lp-quiz-spinner { width:56px; height:56px; margin:0 auto 20px; border:3px solid #f3f4f6; border-top-color:#573bb1; border-radius:50%; animation:quizSpin .9s linear infinite; }
@keyframes quizSpin { to{transform:rotate(360deg)} }

.lp-quiz-result-icon { width:64px; height:64px; margin:0 auto 14px; font-size:32px; line-height:64px; background:linear-gradient(135deg,#dcfce7,#bbf7d0); border-radius:18px; }
.lp-quiz-result-card { background:linear-gradient(135deg,#f5f3ff,#ede9fe); border-radius:16px; padding:22px; margin:16px 0 20px; text-align:left; border:1px solid rgba(87,59,177,.1); }
.lp-quiz-result-name { font-size:1.15rem; font-weight:800; color:#432c91; margin-bottom:6px; }
.lp-quiz-result-desc { font-size:.88rem; color:#6b7280; line-height:1.5; }
.lp-quiz-result-hint { font-size:.85rem; color:#9ca3af; margin-top:8px; }
.lp-quiz-counter { font-size:.78rem; color:#9ca3af; text-transform:uppercase; letter-spacing:.08em; margin-bottom:6px; }