.quiz-page{padding:clamp(1rem,3vw,2.5rem) 1rem 3rem}.quiz-page .stage{position:relative;max-width:980px;margin:0 auto;border-radius:clamp(1rem,3vw,2rem);overflow:hidden;border:1px solid var(--color-border);background:radial-gradient(120% 90% at 100% 0%,rgba(255,62,106,.1),transparent 55%),radial-gradient(110% 80% at 0% 100%,rgba(255,138,62,.07),transparent 55%),linear-gradient(180deg,#100a0f,#0a0709);box-shadow:0 40px 120px -40px #ff3e6a40,inset 0 1px #ffffff0a}.quiz-page .stage-glow{position:absolute;inset:-30% -10% auto auto;width:60%;height:60%;background:radial-gradient(circle,rgba(255,62,106,.35),transparent 65%);filter:blur(60px);opacity:.7;pointer-events:none;animation:quiz-drift 14s ease-in-out infinite alternate}@keyframes quiz-drift{0%{transform:translate(0) scale(1)}to{transform:translate(-12%,16%) scale(1.15)}}.quiz-page .stage-grain{position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.quiz-page .stage-inner{position:relative;padding:clamp(1.4rem,4vw,3rem) clamp(1.2rem,4vw,3.25rem) clamp(1.6rem,4vw,3rem)}.quiz-page .stage-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:clamp(1.4rem,4vw,2.5rem)}.quiz-page .stage-tag{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-fg-subtle);padding:.35rem .7rem;border:1px solid var(--color-border);border-radius:9999px}.quiz-page .stage-tag:hover{color:var(--color-fg-muted);border-color:var(--color-border-strong)}.quiz-page .stage-dot{width:6px;height:6px;border-radius:50%;background:#ff3e6a;box-shadow:0 0 10px #ff3e6a}.quiz-page .seg{display:flex;gap:6px;flex:1;min-width:120px;max-width:360px}.quiz-page .seg-i{flex:1;height:4px;border-radius:9999px;background:#ffffff14;transition:background .35s ease}.quiz-page .seg-i.is-done{background:linear-gradient(90deg,#ff3e6a,#ff8a3e)}.quiz-page .seg-i.is-now{background:#ff3e6a8c;box-shadow:0 0 12px #ff3e6a80}.quiz-page .stage-count{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--color-fg-subtle);font-variant-numeric:tabular-nums}.quiz-page .stage-h1{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1.02;font-size:clamp(2rem,6vw,3.4rem);color:var(--color-fg);margin:0;transition:font-size .4s ease,opacity .4s ease}.quiz-page .stage-h1.is-min{font-size:clamp(.9rem,2.5vw,1.05rem);opacity:.55;font-weight:600}.quiz-page .grad{background:linear-gradient(90deg,#ff3e6a,#ff8a3e);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.quiz-page .stage-lede{margin:.9rem 0 0;max-width:46ch;font-size:clamp(.95rem,1.6vw,1.12rem);line-height:1.5;color:var(--color-fg-muted);transition:opacity .35s ease,max-height .4s ease,margin .35s ease;overflow:hidden}.quiz-page .stage-lede.is-min{opacity:0;max-height:0;margin:0}.quiz-page .quiz-mount{margin-top:clamp(1.4rem,4vw,2.4rem);min-height:21rem}.quiz-page .q-kick{font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.18em;color:#ff6a8a;margin:0 0 .7rem}.quiz-page .q-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.025em;line-height:1.06;font-size:clamp(1.7rem,4.5vw,2.7rem);color:var(--color-fg);margin:0}.quiz-page .q-help{margin:.7rem 0 0;font-size:.92rem;color:var(--color-fg-subtle)}.quiz-page .opts{margin-top:clamp(1.3rem,3vw,1.9rem);display:grid;gap:.7rem}@media(min-width:680px){.quiz-page .opts{grid-template-columns:1fr 1fr}}.quiz-page .opt{--d: 0ms;position:relative;display:flex;align-items:center;gap:.9rem;text-align:left;padding:1.05rem 2.6rem 1.05rem 1rem;border-radius:1rem;cursor:pointer;width:100%;border:1px solid var(--color-border);background:#ffffff05;color:var(--color-fg);transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,background .2s ease,box-shadow .2s ease,opacity .2s ease}.quiz-page .anim-in .opt{animation:quiz-optin .46s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d)}@keyframes quiz-optin{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.quiz-page .opt:hover{transform:translateY(-3px);border-color:#ff3e6a8c;background:#ff3e6a0f;box-shadow:0 14px 34px -16px #ff3e6a99}.quiz-page .opt:focus-visible{outline:2px solid #ff3e6a;outline-offset:3px}.quiz-page .opt.is-selected,.quiz-page .opt.is-lock{border-color:#ff3e6a;background:#ff3e6a1f;box-shadow:0 0 0 1px #ff3e6a inset,0 18px 40px -18px #ff3e6ab3}.quiz-page .opt.is-lock{transform:scale(1.015)}.quiz-page .opt.is-dim{opacity:.28;transform:scale(.99)}.quiz-page .opt-key{flex-shrink:0;width:2rem;height:2rem;display:grid;place-items:center;border-radius:.6rem;font-family:var(--font-mono);font-size:.82rem;font-weight:700;color:var(--color-fg-muted);background:#ffffff0d;border:1px solid var(--color-border);transition:all .2s ease}.quiz-page .opt:hover .opt-key,.quiz-page .opt.is-selected .opt-key,.quiz-page .opt.is-lock .opt-key{color:#fff;background:linear-gradient(135deg,#ff3e6a,#ff8a3e);border-color:transparent}.quiz-page .opt-body{display:flex;flex-direction:column;gap:.12rem;min-width:0}.quiz-page .opt-main{font-family:var(--font-display);font-weight:700;font-size:1.04rem;letter-spacing:-.01em}.quiz-page .opt-sub{font-size:.8rem;color:var(--color-fg-subtle);line-height:1.35}.quiz-page .opt-go{position:absolute;right:1.05rem;top:50%;transform:translateY(-50%);color:var(--color-fg-subtle);font-size:1.05rem;transition:transform .2s ease,color .2s ease}.quiz-page .opt:hover .opt-go,.quiz-page .opt.is-lock .opt-go{color:#ff6a8a;transform:translate(4px,-50%)}.quiz-page .qnav{margin-top:1.2rem;min-height:1.4rem}.quiz-page .qback{background:none;border:0;padding:.2rem 0;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.04em;color:var(--color-fg-subtle);cursor:pointer;transition:color .16s ease}.quiz-page .qback:hover{color:#ff6a8a}.quiz-page .quiz-results{margin-top:clamp(.5rem,2vw,1rem)}.quiz-page .r-head{margin-bottom:1.6rem}.quiz-page .r-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1.05;font-size:clamp(1.8rem,5vw,2.8rem);margin:.2rem 0 0;color:var(--color-fg)}.quiz-page .r-sub{margin:.5rem 0 0;color:var(--color-fg-muted);font-size:.95rem}.quiz-page .hero-card{--d: 0ms;position:relative;border-radius:1.4rem;padding:clamp(1.3rem,3vw,2rem);margin-bottom:.9rem;background:radial-gradient(120% 100% at 0% 0%,rgba(255,62,106,.14),transparent 60%),#ffffff05;border:1px solid transparent}.quiz-page .hero-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ff3e6a,#ff8a3e 60%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.quiz-page .hero-badge{position:absolute;top:-.7rem;left:1.5rem;padding:.3rem .85rem;border-radius:9999px;background:linear-gradient(90deg,#ff3e6a,#ff8a3e);color:#fff;font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 8px 22px -6px #ff3e6ab3}.quiz-page .hero-grid{display:flex;flex-direction:column;gap:1.3rem;align-items:flex-start}@media(min-width:620px){.quiz-page .hero-grid{flex-direction:row;align-items:center;gap:1.8rem}}.quiz-page .hero-ring{--pct: 90;flex-shrink:0;width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from -90deg,#ff3e6a,#ff8a3e calc(var(--pct) * 1%),#ffffff12 calc(var(--pct) * 1%));box-shadow:0 0 28px -6px #ff3e6a80}.quiz-page .hero-ring-in{width:90px;height:90px;border-radius:50%;background:#100a0f;display:grid;place-items:center;text-align:center;line-height:1}.quiz-page .hero-ring-in b{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.quiz-page .hero-ring-in small{display:block;margin-top:2px;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-fg-subtle)}.quiz-page .hero-main{min-width:0}.quiz-page .hero-name{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.025em;line-height:1.08;color:var(--color-fg);margin:0}.quiz-page .hero-cats{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;color:var(--color-fg-subtle);margin:.3rem 0 0}.quiz-page .hero-why{margin:.7rem 0 0;font-size:.98rem;line-height:1.5;color:var(--color-fg-muted)}.quiz-page .hero-foot{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0 0}.quiz-page .chip{display:inline-flex;align-items:baseline;gap:.3rem;padding:.3rem .65rem;border-radius:.5rem;border:1px solid;font-family:var(--font-mono);font-weight:700;font-size:.92rem;font-variant-numeric:tabular-nums}.quiz-page .chip i{font-style:normal;font-weight:500;font-size:.64rem;opacity:.7}.quiz-page .chip-ghost{color:var(--color-fg-muted);background:#ffffff0a;border-color:var(--color-border);font-weight:600}.quiz-page .hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:1.2rem}.quiz-page .cta-primary{display:inline-flex;align-items:center;gap:.45rem;padding:.72rem 1.4rem;border-radius:9999px;font-weight:700;font-size:.95rem;text-decoration:none;color:#fff;background:linear-gradient(90deg,#ff3e6a,#ff8a3e);box-shadow:0 10px 28px -8px #ff3e6a99;transition:transform .2s ease,box-shadow .2s ease}.quiz-page .cta-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px #ff3e6abf;color:#fff}.quiz-page .cta-primary.sm{padding:.55rem 1rem;font-size:.85rem}.quiz-page .cta-sec{font-size:.86rem;font-weight:600;color:var(--color-fg-muted);text-decoration:none}.quiz-page .cta-sec:hover{color:#ff6a8a}.quiz-page .alt-grid{display:grid;gap:.9rem}@media(min-width:620px){.quiz-page .alt-grid{grid-template-columns:1fr 1fr}}.quiz-page .alt-card{--d: 0ms;border:1px solid var(--color-border);border-radius:1.1rem;padding:1.2rem;background:#ffffff05;transition:border-color .2s ease,transform .2s ease}.quiz-page .alt-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.quiz-page .alt-top{display:flex;align-items:center;justify-content:space-between}.quiz-page .alt-rank{font-family:var(--font-mono);font-weight:700;color:var(--color-fg-subtle);font-size:.85rem}.quiz-page .alt-pct{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;color:#ff6a8a}.quiz-page .alt-name{font-family:var(--font-display);font-weight:700;font-size:1.2rem;letter-spacing:-.02em;margin:.5rem 0 0;color:var(--color-fg)}.quiz-page .alt-why{font-size:.86rem;line-height:1.45;color:var(--color-fg-muted);margin:.4rem 0 0}.quiz-page .alt-foot{display:flex;align-items:center;gap:.6rem;margin:.8rem 0}.quiz-page .chip-sm{font-family:var(--font-mono);font-weight:700;font-size:.82rem}.quiz-page .alt-price{font-family:var(--font-mono);font-size:.72rem;color:var(--color-fg-subtle)}.quiz-page .alt-cta{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.quiz-page .r-foot{margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.quiz-page .restart{display:inline-flex;align-items:center;gap:.4rem;background:none;border:1px solid var(--color-border);border-radius:9999px;padding:.55rem 1.1rem;font-family:var(--font-mono);font-size:.78rem;color:var(--color-fg-muted);cursor:pointer;transition:border-color .16s ease,color .16s ease}.quiz-page .restart:hover{border-color:#ff3e6a;color:#ff6a8a}.quiz-page .r-browse{font-size:.85rem;font-weight:600;color:#ff6a8a;text-decoration:none}.quiz-page .r-browse:hover{text-decoration:underline}.quiz-page .noscript{border:1px solid var(--color-border);border-radius:1rem;padding:1.25rem;color:var(--color-fg-muted)}.quiz-page .noscript a{color:#ff6a8a}.quiz-page .disclosure{max-width:980px;margin:1.4rem auto 0;padding:0 1rem;text-align:center;font-size:.74rem;color:var(--color-fg-subtle);line-height:1.5}.quiz-page .disclosure a{color:#ff6a8a}.quiz-page .anim-in{animation:quiz-cardin .48s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d, 0ms)}@keyframes quiz-cardin{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.quiz-page .anim-pop{animation:quiz-cardpop .62s cubic-bezier(.22,1.4,.36,1) both;animation-delay:var(--d, 0ms)}@keyframes quiz-cardpop{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.quiz-page .stage-glow,.quiz-page .anim-in,.quiz-page .anim-pop,.quiz-page .anim-in .opt{animation:none}.quiz-page .opt:hover,.quiz-page .alt-card:hover,.quiz-page .cta-primary:hover{transform:none}}