body{background:var(--grad-hero)}.screen{display:none;min-height:100svh;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--header-h) + var(--sp-8)) var(--sp-4) calc(var(--sticky-h) + var(--sp-8));position:relative}.screen.active{display:flex}.screen:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(245,200,66,.06) 1px,transparent 1px);background-size:28px 28px}#screen-landing{background:var(--grad-hero);text-align:center}.landing-inner{position:relative;z-index:1;max-width:520px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--sp-5)}.landing-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px 16px;border-radius:var(--r-pill);background:#f5c8421a;border:1px solid rgba(245,200,66,.3);font-size:.8rem;font-weight:700;color:var(--gold-antique);letter-spacing:.08em}@keyframes floatCard{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-14px)}}.landing-card{animation:floatCard 3.8s ease-in-out infinite}.landing-card-wrap{position:relative}.landing-card-wrap:before{content:"";position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(155,93,229,.18) 0%,transparent 70%);pointer-events:none}.landing-title{font-size:clamp(1.8rem,6vw,3rem);font-weight:800;line-height:1.15}.landing-sub{font-size:1rem;color:var(--text-muted);line-height:1.65}.social-proof{display:flex;align-items:center;gap:var(--sp-3);padding:10px 18px;border-radius:var(--r-pill);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:.85rem;color:var(--text-muted)}.social-proof strong{color:var(--text-primary);font-weight:700}.archetype-chips-landing{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}.arch-chip{padding:6px 14px;border-radius:var(--r-pill);font-size:.8rem;font-weight:600;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:var(--text-muted)}#screen-questions{background:linear-gradient(135deg,#2d0a2e,#16082b 60%,#4a0e1a)}.questions-inner{position:relative;z-index:1;max-width:560px;width:100%;display:flex;flex-direction:column;gap:var(--sp-5)}.progress-bar-wrap{display:flex;flex-direction:column;gap:var(--sp-2)}.progress-meta{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-muted)}.progress-track{height:6px;border-radius:var(--r-pill);background:#ffffff1a;overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-pill);background:var(--grad-gold);transition:width .4s var(--ease-spring)}.question-card{background:#ffffff0a;border:1px solid rgba(245,200,66,.12);border-radius:var(--r-xl);padding:var(--sp-6)}.question-number{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-antique);margin-bottom:var(--sp-3)}.question-text{font-size:clamp(1rem,3.5vw,1.3rem);font-weight:700;line-height:1.35;margin-bottom:var(--sp-5)}.options-grid{display:grid;gap:var(--sp-3);grid-template-columns:1fr}.option-btn{display:flex;align-items:center;gap:var(--sp-3);padding:14px var(--sp-4);border-radius:var(--r-lg);background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);font-size:.93rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--t-sm) var(--ease-out);text-align:left;width:100%}.option-btn:hover,.option-btn:focus{background:#f5c8421a;border-color:#f5c84259;color:var(--gold)}.option-btn.selected{background:#f5c84224;border-color:var(--gold-antique);color:var(--gold)}.option-emoji{font-size:1.3rem;flex-shrink:0;line-height:1}@keyframes questionIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.question-card.animating-in{animation:questionIn .35s var(--ease-out) both}#screen-result{background:linear-gradient(135deg,#16082b,#2d0a2e,#4a0e1a);padding-top:calc(var(--header-h) + var(--sp-6))}.result-inner{position:relative;z-index:1;max-width:680px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--sp-5)}.result-headline{text-align:center}.result-headline .eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-antique);margin-bottom:var(--sp-2)}.result-headline h2{font-size:clamp(1.4rem,5vw,2.2rem);font-weight:800;line-height:1.2}.result-card-wrap{position:relative;display:flex;justify-content:center}@keyframes resultReveal{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.result-card-wrap .iridescent-card{animation:resultReveal .6s var(--ease-spring) both}.result-glow{position:absolute;inset:-40px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(155,93,229,.22) 0%,transparent 65%);animation:pulseGlowResult 2.5s ease-in-out infinite}@keyframes pulseGlowResult{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.result-info{background:#ffffff0d;border:1px solid rgba(245,200,66,.15);border-radius:var(--r-xl);padding:var(--sp-6);width:100%;text-align:center}.result-roast{font-size:clamp(1rem,3vw,1.3rem);font-weight:700;line-height:1.35;color:var(--gold);margin-bottom:var(--sp-3)}.result-blurb{font-size:.93rem;color:var(--text-muted);line-height:1.7}.stat-bars{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-5)}.stat-row{display:flex;flex-direction:column;gap:var(--sp-1)}.stat-label{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-muted)}.stat-track{height:8px;border-radius:var(--r-pill);background:#ffffff14;overflow:hidden}.stat-fill{height:100%;border-radius:var(--r-pill);background:var(--grad-gold);width:0%;transition:width 1s var(--ease-spring) .5s}.best-variant{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:#f5c84214;border:1px solid rgba(245,200,66,.2);margin-top:var(--sp-4)}.best-variant-icon{font-size:1.5rem}.best-variant-text{font-size:.88rem}.best-variant-name{font-weight:700;color:var(--gold)}.share-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center}.share-prompt{font-size:.88rem;color:var(--text-muted);line-height:1.5}.share-prompt strong{color:var(--text-primary)}.share-btns{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center}.retry-link{font-size:.82rem;color:var(--text-dim);cursor:pointer;transition:color var(--t-sm) ease;text-decoration:underline;background:none;border:none}.retry-link:hover{color:var(--text-muted)}.sparkle{position:fixed;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(245,200,66,.9) 0%,transparent 70%)}@keyframes sparkFloat{0%,to{opacity:0;transform:scale(.3) translateY(0)}45%{opacity:1;transform:scale(1) translateY(-16px)}}.sparkle:nth-child(1){width:5px;height:5px;top:10%;left:7%;animation:sparkFloat 3s ease-in-out .1s infinite}.sparkle:nth-child(2){width:4px;height:4px;top:28%;left:92%;animation:sparkFloat 2.7s ease-in-out 1.3s infinite}.sparkle:nth-child(3){width:6px;height:6px;top:65%;left:5%;animation:sparkFloat 3.4s ease-in-out .6s infinite}.sparkle:nth-child(4){width:3px;height:3px;top:80%;left:88%;animation:sparkFloat 2.4s ease-in-out 2s infinite}