.mp-quiz{--q-radius: 16px;max-width:560px;margin:0 auto;font-family:var(--sans);color:var(--tx)}.mp-quiz *{box-sizing:border-box}.mp-quiz .q-prog{margin:2px 0 20px}.mp-quiz .q-prog-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:7px}.mp-quiz .q-prog-label{font-size:12.5px;color:var(--gold-soft);letter-spacing:.04em}.mp-quiz .q-prog-pct{font-family:var(--serif);font-size:13px;color:var(--gold);font-variant-numeric:tabular-nums}.mp-quiz .q-prog-track{position:relative;height:6px;border-radius:999px;background:#ffffff12;overflow:hidden;border:1px solid var(--hair)}.mp-quiz .q-prog-fill{position:absolute;inset:0 auto 0 0;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold-2));box-shadow:0 0 12px #f5d76e66;transition:width .5s cubic-bezier(.22,.61,.36,1)}.mp-quiz .q-prog-chips{display:flex;gap:6px;margin-top:9px}.mp-quiz .q-prog-chips i{flex:1;height:3px;border-radius:999px;background:#ffffff1a;transition:background .4s}.mp-quiz .q-prog-chips i.on{background:var(--gold)}.mp-quiz .q-prog-chips i.cur{background:var(--gold-2);box-shadow:0 0 8px #f5d76e80}.mp-quiz .q-screen{animation:qFade .45s ease both}@keyframes qFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mp-quiz .q-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--sans);font-size:14.5px;font-weight:600;cursor:pointer;border-radius:12px;padding:13px 22px;border:1px solid var(--hair-2);background:var(--surf);color:var(--tx);transition:.16s;text-decoration:none}.mp-quiz .q-btn:hover{background:var(--surf-2);transform:translateY(-1px);border-color:var(--gold);color:#fff}.mp-quiz .q-btn-primary{border:none;color:var(--bg-0);font-weight:700;background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:0 8px 24px #d4af6e47}.mp-quiz .q-btn-primary:hover{filter:brightness(1.07);color:var(--bg-0);transform:translateY(-1px)}.mp-quiz .q-btn-block{display:flex;width:100%}.mp-quiz .q-btn-lg{padding:16px 26px;font-size:16px}.mp-quiz .q-btn-ghost{background:none;border-color:var(--hair);color:var(--tx-2)}.mp-quiz .q-btn-ghost:hover{color:var(--gold);background:var(--surf)}.mp-quiz .q-intro{text-align:center;padding:18px 6px 6px}.mp-quiz .q-intro .q-deck{position:relative;width:116px;height:158px;margin:8px auto 22px}.mp-quiz .q-intro .q-deck i{position:absolute;inset:0;border-radius:14px;background:linear-gradient(160deg,#241a47,#1a1138);border:1px solid var(--hair-2);box-shadow:0 10px 30px #0006}.mp-quiz .q-intro .q-deck i:nth-child(1){transform:rotate(-9deg) translateY(4px);opacity:.55}.mp-quiz .q-intro .q-deck i:nth-child(2){transform:rotate(5deg) translateY(2px);opacity:.78}.mp-quiz .q-intro .q-deck i:nth-child(3){display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#f5e7b32e,#1a1138f5 62%)}.mp-quiz .q-intro .q-deck i:nth-child(3):after{content:"☾";font-size:46px;color:var(--gold);text-shadow:0 0 22px rgba(245,215,110,.5);animation:qBreathe 7s ease-in-out infinite}.mp-quiz .q-intro h2{font-family:var(--serif);font-size:23px;font-weight:600;color:#f6efdc;letter-spacing:.08em;margin:0 0 8px;border:0;padding:0}.mp-quiz .q-intro p{color:var(--tx-2);font-size:14px;margin:0 auto 8px;max-width:28em}.mp-quiz .q-intro .q-meta{color:var(--tx-3);font-size:12px;margin-bottom:22px}.mp-quiz .q-intro .q-btn{margin-top:6px}@keyframes qBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.mp-quiz .q-card{background:var(--surf);background-image:radial-gradient(closest-side at 100% 0,rgba(245,215,110,.08),transparent 60%);border:1px solid var(--hair);border-radius:var(--q-radius);padding:22px 22px 24px;box-shadow:0 10px 36px #0000004d}.mp-quiz .q-card .q-eyebrow{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-soft);opacity:.85;margin-bottom:12px}.mp-quiz .q-card .q-cardname{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:19px;font-weight:600;color:var(--gold);letter-spacing:.04em;margin-bottom:12px}.mp-quiz .q-card .q-cardname:before{content:"";flex:0 0 auto;width:16px;height:16px;border-radius:50%;background:var(--gold);box-shadow:inset 6px -3px #211741}.mp-quiz .q-card .q-prompt{font-size:15.5px;line-height:1.85;color:var(--tx);margin:0 0 18px}.mp-quiz .q-opts{display:flex;flex-direction:column;gap:10px}.mp-quiz .q-opt{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;cursor:pointer;font-family:var(--sans);font-size:14.5px;line-height:1.6;color:var(--tx);background:#ffffff09;border:1px solid var(--hair);border-radius:12px;padding:13px 15px;transition:.15s}.mp-quiz .q-opt:hover,.mp-quiz .q-opt:focus-visible{border-color:var(--gold);background:var(--surf-2);transform:translateY(-1px);outline:none;color:#fff}.mp-quiz .q-opt .q-bullet{flex:0 0 auto;width:22px;height:22px;border-radius:50%;margin-top:1px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--gold-soft);background:#d4af6e24;border:1px solid var(--hair-2)}.mp-quiz .q-opt:hover .q-bullet,.mp-quiz .q-opt:focus-visible .q-bullet{background:var(--gold);color:var(--bg-0);border-color:var(--gold)}.mp-quiz .q-flip{animation:qFlipIn .5s cubic-bezier(.2,.7,.3,1) both;transform-origin:50% 60%}@keyframes qFlipIn{0%{opacity:0;transform:perspective(800px) rotateY(28deg) translateY(14px) scale(.97)}to{opacity:1;transform:perspective(800px) rotateY(0) translateY(0) scale(1)}}.mp-quiz .q-teaser{text-align:center;padding:6px 4px}.mp-quiz .q-teaser .q-stage{font-size:13px;color:var(--gold-soft);letter-spacing:.06em;margin-bottom:6px}.mp-quiz .q-teaser .q-tname{font-family:var(--serif);font-size:27px;font-weight:600;color:#f6efdc;letter-spacing:.06em;margin:0 0 4px}.mp-quiz .q-teaser .q-poles{font-size:12.5px;color:var(--tx-2);letter-spacing:.04em;margin-bottom:14px}.mp-quiz .q-teaser .q-cta-line{font-family:var(--serif);font-style:italic;color:var(--gold-soft);font-size:15px;line-height:1.7;max-width:26em;margin:16px auto 20px;padding:12px 16px;border:1px solid var(--hair-2);border-radius:12px;background:linear-gradient(180deg,#d4af6e14,#ffffff05)}.mp-quiz .q-teaser .q-resume{color:var(--tx-3);font-size:12px;margin-top:12px}.mp-quiz .q-result{padding:2px}.mp-quiz .q-result .q-rhero{text-align:center;position:relative;overflow:hidden;background:linear-gradient(165deg,#d4af6e21,#ffffff08 58%,#c0392b12);border:1px solid var(--hair-2);border-radius:18px;padding:26px 22px 22px;margin-bottom:16px;box-shadow:0 12px 40px #00000057}.mp-quiz .q-result .q-rhero:after{content:"";position:absolute;top:-56px;right:-42px;width:190px;height:190px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 38% 38%,rgba(245,231,179,.4),rgba(212,175,110,.1) 46%,transparent 70%)}.mp-quiz .q-result .q-stage{position:relative;z-index:1;font-size:13px;color:var(--gold-soft);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.mp-quiz .q-result .q-tname{position:relative;z-index:1;font-family:var(--serif);font-size:32px;font-weight:600;color:#f6efdc;letter-spacing:.08em;margin:0 0 6px}.mp-quiz .q-result .q-nn{position:relative;z-index:1;display:inline-block;font-size:11px;letter-spacing:.2em;color:var(--gold);border:1px solid var(--hair-2);border-radius:999px;padding:2px 12px;margin-bottom:10px}.mp-quiz .q-result .q-poles{position:relative;z-index:1;font-size:13px;color:var(--tx-2);letter-spacing:.03em;margin-bottom:12px}.mp-quiz .q-result .q-tagline{position:relative;z-index:1;font-family:var(--serif);font-size:15px;line-height:1.85;color:var(--gold-soft);max-width:30em;margin:0 auto}.mp-quiz .q-radar-wrap{display:flex;flex-direction:column;align-items:center;margin:6px 0 4px}.mp-quiz .q-radar{display:block;width:100%;max-width:300px;height:auto}.mp-quiz .q-radar .ring{fill:none;stroke:var(--hair);stroke-width:1}.mp-quiz .q-radar .spoke{stroke:var(--hair);stroke-width:1}.mp-quiz .q-radar .shape{fill:#d4af6e2e;stroke:var(--gold);stroke-width:1.6}.mp-quiz .q-radar .dot{fill:var(--gold-2)}.mp-quiz .q-radar .ax{font-family:var(--serif);font-size:11.5px;fill:var(--gold-soft)}.mp-quiz .q-radar .axpct{font-size:9.5px;fill:var(--tx-3)}.mp-quiz .q-dims{margin:14px 0 4px}.mp-quiz .q-dim{margin:12px 0}.mp-quiz .q-dim .q-dim-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px}.mp-quiz .q-dim .q-dim-name{font-size:12px;color:var(--tx-2)}.mp-quiz .q-dim .q-dim-pole{font-family:var(--serif);font-size:14px;color:var(--gold)}.mp-quiz .q-dim .q-dim-pct{font-size:11.5px;color:var(--tx-3);font-variant-numeric:tabular-nums;margin-left:auto}.mp-quiz .q-dim .q-dim-track{height:5px;border-radius:999px;background:#ffffff12;overflow:hidden}.mp-quiz .q-dim .q-dim-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold-2))}.mp-quiz .q-dark{margin:18px 0;border:1px solid var(--hair);border-left:3px solid var(--shu);border-radius:14px;padding:16px 17px;background:var(--surf)}.mp-quiz .q-dark .q-dark-lab{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#e8a07a;margin-bottom:6px}.mp-quiz .q-dark .q-dark-alias{font-family:var(--serif);font-size:17px;color:#f0c9a0;margin-bottom:4px}.mp-quiz .q-dark .q-dark-line{font-size:13.5px;line-height:1.7;color:var(--tx-2)}.mp-quiz .q-conf{text-align:center;font-size:12px;color:var(--tx-3);margin:6px 0 16px}.mp-quiz .q-conf b{color:var(--gold-soft);font-weight:600}.mp-quiz .q-cta{display:flex;flex-direction:column;gap:10px;margin-top:8px}.mp-quiz .q-cta .q-cta-row{display:flex;gap:10px;flex-wrap:wrap}.mp-quiz .q-cta .q-cta-row .q-btn{flex:1;min-width:130px}.mp-quiz .q-save{margin-top:18px;text-align:center;background:var(--surf);border:1px solid var(--hair);border-radius:16px;padding:18px}.mp-quiz .q-save h4{font-family:var(--serif);color:#f6efdc;font-size:15px;margin:0 0 4px;letter-spacing:.05em}.mp-quiz .q-save p{font-size:12px;color:var(--tx-2);margin:0 0 12px}.mp-quiz .q-oauth{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.mp-quiz .q-oauth button{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;cursor:pointer;border-radius:10px;padding:9px 15px;border:1px solid var(--hair-2);background:#fffffff0;color:#1a1138;transition:.15s}.mp-quiz .q-oauth button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0000004d}.mp-quiz .q-save .q-save-note{margin-top:10px;font-size:11px;color:var(--tx-3)}.mp-quiz .q-saved{color:var(--gold-soft);font-size:12px;margin-top:8px}.mp-quiz .q-ad{border:1px dashed var(--hair-2);color:#8a7f9c;background:#f7f4ef;text-align:center;font-size:12px;padding:18px;border-radius:10px;margin:18px 0}.mp-quiz-poster-mask{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#060410c7;backdrop-filter:blur(4px);padding:20px;animation:qFade .3s ease both}.mp-quiz-poster-box{width:min(92vw,380px);text-align:center}.mp-quiz-poster-box canvas,.mp-quiz-poster-box img{width:100%;height:auto;border-radius:14px;box-shadow:0 16px 50px #0000008c;border:1px solid var(--hair-2);display:block}.mp-quiz-poster-actions{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap}@media (max-width: 600px){.mp-quiz .q-card{padding:18px 16px 20px}.mp-quiz .q-result .q-tname{font-size:27px}.mp-quiz .q-result .q-rhero{padding:22px 16px 18px}}@media (prefers-reduced-motion: reduce){.mp-quiz .q-screen,.mp-quiz .q-flip,.mp-quiz-poster-mask{animation:none!important}.mp-quiz .q-intro .q-deck i:nth-child(3):after{animation:none!important}.mp-quiz .q-prog-fill{transition:none!important}}