.quiz-app{--beige:#f4efe7;--beige-light:#f8f6f3;--beige-dark:#e8e2d9;--navy:#1a2744;--navy-light:#2a3a5c;--gold:#b8944f;--gold-light:#c9b896;--gold-dark:#a07d3a;--warm:#6b5f4f;--warm-light:#8a7d6b;--warm-dark:#3d352b;--q-text:#111;--text-secondary:#3d352b;--q-white:#fff;--q-black:#1a1a1a;--radius:12px;--radius-lg:16px;--radius-sm:8px;--shadow:0 2px 8px rgba(26,39,68,0.06);--font-heading:"Playfair Display",Georgia,serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);background:var(--beige-light);color:var(--q-text);min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;font-size:17px}.quiz-app .app{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative}.quiz-app .header{position:sticky;top:0;z-index:50;background:var(--beige-light);padding:16px 24px 0;text-align:center}.quiz-app .logo{font-family:var(--font-heading);font-size:15px;letter-spacing:3px;text-transform:uppercase;color:var(--warm);font-weight:500}.quiz-app .logo-sub{font-size:11px;color:var(--warm-light);letter-spacing:1.5px;margin-top:2px}.quiz-app .progress-wrap{padding:10px 24px 8px;background:var(--beige-light);position:sticky;top:52px;z-index:49;display:none}.quiz-app .progress-wrap.visible{display:block}.quiz-app .capsule-progress{display:flex;align-items:center;gap:12px}.quiz-app .capsule-progress-visual{position:relative;width:32px;height:56px;flex-shrink:0}.quiz-app .capsule-progress-visual svg{width:32px;height:56px}.quiz-app .capsule-fill-mask{transition:height .6s cubic-bezier(.4,0,.2,1)}.quiz-app .progress-info{flex:1;min-width:0}.quiz-app .progress-label{font-size:13px;color:var(--warm);letter-spacing:.3px;line-height:1.3}.quiz-app .progress-label b{color:var(--navy);font-weight:600}.quiz-app .progress-pct{font-size:20px;font-weight:700;color:var(--gold-dark);font-variant-numeric:tabular-nums;line-height:1;margin-bottom:2px}.quiz-app .progress-track-mini{width:100%;height:3px;background:var(--beige-dark);border-radius:2px;overflow:hidden;margin-top:4px}.quiz-app .progress-fill-mini{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1)}.quiz-app .section-pills{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.quiz-app .section-pill{font-size:11px;padding:4px 10px;border-radius:12px;background:var(--beige-dark);color:var(--warm);letter-spacing:.3px;transition:all .3s ease}.quiz-app .section-pill.active{background:var(--gold);color:var(--q-white)}.quiz-app .section-pill.done{background:var(--navy);color:var(--q-white);opacity:.7}.quiz-app .screen{display:none;flex:1;flex-direction:column;padding:24px 24px 32px;opacity:0}.quiz-app .screen.active{display:flex;animation:quizScreenIn .4s ease forwards}@keyframes quizScreenIn{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}.quiz-app .screen-title{font-family:var(--font-heading);font-size:28px;font-weight:600;line-height:1.3;color:var(--navy);margin-bottom:10px}.quiz-app .screen-sub{font-size:16px;color:var(--warm);line-height:1.6;margin-bottom:24px}.quiz-app .step-label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--warm-light);margin-bottom:12px;font-weight:500}.quiz-app .welcome-capsules{display:flex;justify-content:center;gap:24px;margin:32px 0 24px}.quiz-app .capsule-svg{width:52px;height:110px}.quiz-app .beadlet-capsule{position:relative;width:52px;height:110px;display:inline-block}.quiz-app .beadlet-capsule canvas,.quiz-app .beadlet-capsule svg{position:absolute;top:0;left:0;width:100%;height:100%}@media(prefers-reduced-motion:no-preference){.quiz-app .capsule-float{animation:quizCapsuleFloat 4s ease-in-out infinite}.quiz-app .capsule-float:nth-child(2){animation-delay:-2s}}@keyframes quizCapsuleFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(2deg)}75%{transform:translateY(3px) rotate(-1.5deg)}}.quiz-app .theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-app .theme-card{background:var(--q-white);border:2px solid var(--beige-dark);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all .2s ease;text-align:center;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.quiz-app .theme-card:hover{border-color:var(--warm);background:var(--beige)}.quiz-app .theme-card.selected{border-color:var(--gold);background:rgba(184,148,79,.08);border-left:4px solid var(--gold)}.quiz-app .theme-card svg{width:28px;height:28px;stroke:var(--navy);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.quiz-app .theme-card.selected svg{stroke:var(--gold)}.quiz-app .theme-card .theme-name{font-size:14px;font-weight:600;color:var(--navy);line-height:1.3}.quiz-app .theme-card.selected .theme-name{color:var(--gold-dark)}.quiz-app .theme-counter{text-align:center;margin-top:12px;font-size:14px;color:var(--warm)}.quiz-app .theme-counter b{color:var(--gold)}.quiz-app .form-group{margin-bottom:20px}.quiz-app .form-label{display:block;font-size:15px;font-weight:600;color:var(--navy);margin-bottom:8px;letter-spacing:.3px}.quiz-app .form-input{width:100%;padding:14px 16px;border:2px solid var(--beige-dark);border-radius:var(--radius-sm);font-size:16px;font-family:var(--font-body);background:var(--q-white);outline:none;transition:border-color .2s ease}.quiz-app .form-input:focus{border-color:var(--gold)}.quiz-app .form-input::-moz-placeholder{color:var(--warm-light)}.quiz-app .form-input::placeholder{color:var(--warm-light)}.quiz-app .radio-group{display:flex;gap:8px;flex-wrap:wrap}.quiz-app .radio-option{flex:1;min-width:80px;padding:14px 12px;border:2px solid var(--beige-dark);border-radius:var(--radius-sm);text-align:center;cursor:pointer;font-size:14px;font-weight:500;color:var(--q-text);transition:all .2s ease;background:var(--q-white)}.quiz-app .radio-option:hover{border-color:var(--warm)}.quiz-app .radio-option.selected{border-color:var(--gold);background:rgba(184,148,79,.08);color:var(--gold-dark);font-weight:600}.quiz-app .unit-toggle{display:flex;gap:4px;margin-top:8px}.quiz-app .unit-btn{padding:6px 14px;border:1px solid var(--beige-dark);border-radius:20px;font-size:12px;cursor:pointer;background:var(--q-white);color:var(--warm);transition:all .2s ease}.quiz-app .unit-btn.active{background:var(--navy);color:var(--q-white);border-color:var(--navy)}.quiz-app .toggle-list{display:flex;flex-direction:column;gap:8px}.quiz-app .toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--q-white);border:1px solid var(--beige-dark);border-radius:var(--radius-sm);padding:14px 16px;transition:all .2s ease}.quiz-app .toggle-row.active{border-color:var(--gold);background:rgba(184,148,79,.04)}.quiz-app .toggle-text{font-size:15px;color:var(--q-text);line-height:1.4;flex:1}.quiz-app .toggle-switch{width:48px;height:28px;border-radius:14px;background:var(--beige-dark);position:relative;cursor:pointer;transition:background .2s ease;flex-shrink:0}.quiz-app .toggle-switch.on{background:var(--gold)}.quiz-app .toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--q-white);box-shadow:0 1px 3px rgba(0,0,0,.15);transition:transform .2s ease}.quiz-app .toggle-switch.on:after{transform:translateX(20px)}@media(prefers-reduced-motion:no-preference){.quiz-app .stagger{opacity:0;transform:translateY(8px);animation:quizStaggerIn .3s ease forwards}.quiz-app .stagger:first-child{animation-delay:0s}.quiz-app .stagger:nth-child(2){animation-delay:40ms}.quiz-app .stagger:nth-child(3){animation-delay:80ms}.quiz-app .stagger:nth-child(4){animation-delay:.12s}.quiz-app .stagger:nth-child(5){animation-delay:.16s}.quiz-app .stagger:nth-child(6){animation-delay:.2s}.quiz-app .stagger:nth-child(7){animation-delay:.24s}.quiz-app .stagger:nth-child(8){animation-delay:.28s}.quiz-app .stagger:nth-child(9){animation-delay:.32s}.quiz-app .stagger:nth-child(10){animation-delay:.36s}}@keyframes quizStaggerIn{to{opacity:1;transform:translateY(0)}}.quiz-app .likert-section{margin-bottom:24px}.quiz-app .likert-section-header{background:var(--navy);color:var(--q-white);border-radius:var(--radius) var(--radius) 0 0;padding:20px}.quiz-app .likert-section-header h3{font-family:var(--font-heading);font-size:20px;font-weight:600;margin-bottom:4px}.quiz-app .likert-section-header p{font-size:13px;color:var(--gold-light);line-height:1.5}.quiz-app .dyk-card{background:linear-gradient(135deg,rgba(184,148,79,.08),rgba(184,148,79,.02));border:1px solid var(--beige-dark);border-top:none;padding:16px 20px;font-size:13px;color:var(--warm-dark);line-height:1.6}.quiz-app .dyk-card strong{color:var(--navy)}.quiz-app .likert-card{background:var(--q-white);border:1px solid var(--beige-dark);border-radius:0 0 var(--radius) var(--radius);overflow:hidden}.quiz-app .likert-q{padding:16px 20px;border-bottom:1px solid var(--beige-dark)}.quiz-app .likert-q:last-child{border-bottom:none}.quiz-app .likert-q-text{font-size:15px;color:var(--q-text);line-height:1.5;margin-bottom:10px}.quiz-app .likert-options{display:flex;gap:4px}.quiz-app .likert-opt{flex:1;padding:10px 4px;border:1.5px solid var(--beige-dark);border-radius:6px;text-align:center;cursor:pointer;font-size:11px;line-height:1.3;color:var(--text-secondary);transition:all .2s ease;background:var(--q-white);min-height:48px;display:flex;align-items:center;justify-content:center}.quiz-app .likert-opt:hover{border-color:var(--warm);background:var(--beige)}.quiz-app .likert-opt.selected{border-color:var(--gold);background:rgba(184,148,79,.12);color:var(--gold-dark);font-weight:600}.quiz-app .btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;transition:all .2s ease;letter-spacing:.5px;min-height:52px;width:100%}.quiz-app .btn-primary{background:var(--navy);color:var(--q-white)}.quiz-app .btn-primary:hover{background:var(--navy-light)}.quiz-app .btn-primary:disabled{opacity:.4;cursor:not-allowed}.quiz-app .btn-gold{background:var(--gold);color:var(--q-white)}.quiz-app .btn-gold:hover{background:var(--gold-dark)}.quiz-app .btn-secondary{background:var(--q-white);color:var(--navy);border:2px solid var(--beige-dark)}.quiz-app .btn-secondary:hover{border-color:var(--navy)}.quiz-app .btn-row{display:flex;gap:8px;margin-top:auto;padding-top:24px}.quiz-app .btn-row .btn{flex:1}.quiz-app .build-screen{align-items:center;justify-content:center;text-align:center;min-height:60vh}.quiz-app .build-phase{display:none;text-align:center}.quiz-app .build-phase.active{display:block;animation:quizFadeIn .5s ease}@keyframes quizFadeIn{0%{opacity:0}to{opacity:1}}.quiz-app .build-text{font-size:15px;color:var(--warm);margin-top:16px;letter-spacing:.5px}.quiz-app .build-title{font-family:var(--font-heading);font-size:22px;color:var(--navy);margin-bottom:8px}.quiz-app .body-svg{width:160px;height:260px;margin:0 auto}.quiz-app .body-dot{r:6;fill:var(--beige-dark);opacity:0;transition:all .6s ease}.quiz-app .body-dot.scored,.quiz-app .body-dot.top{fill:var(--gold);opacity:1}.quiz-app .body-dot.top{r:8}@media(prefers-reduced-motion:no-preference){.quiz-app .body-dot.scored{animation:quizDotPulse .8s ease}}@keyframes quizDotPulse{0%{r:0;opacity:0}50%{r:10;opacity:1}to{r:6;opacity:1}}.quiz-app .build-capsules{display:flex;justify-content:center;gap:32px;margin-top:24px}.quiz-app .build-capsule{width:56px;height:120px;position:relative}@media(prefers-reduced-motion:no-preference){.quiz-app .capsule-glow{animation:quizGoldenGlow 1.5s ease-in-out infinite alternate}}@keyframes quizGoldenGlow{0%{filter:drop-shadow(0 0 4px rgba(184,148,79,0))}to{filter:drop-shadow(0 0 12px rgba(184,148,79,.5))}}.quiz-app .results{padding:24px}.quiz-app .result-badge{display:inline-block;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-dark);border:1.5px solid var(--gold);border-radius:20px;padding:6px 16px;margin-bottom:16px;font-weight:600}.quiz-app .result-title{font-family:var(--font-heading);font-size:30px;font-weight:700;color:var(--navy);line-height:1.3;margin-bottom:10px}.quiz-app .result-sub{font-size:16px;color:var(--warm);line-height:1.6;margin-bottom:28px}.quiz-app .result-card{background:var(--q-white);border:1px solid var(--beige-dark);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px;box-shadow:var(--shadow)}.quiz-app .result-card h3{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--warm);margin-bottom:14px;font-weight:600}.quiz-app .radar-wrap{display:flex;justify-content:center;margin:8px 0 16px}.quiz-app .radar-svg{width:280px;height:280px}.quiz-app .radar-polygon{fill:rgba(184,148,79,.15);stroke:var(--gold);stroke-width:1.5}.quiz-app .radar-grid{fill:none;stroke:var(--beige-dark);stroke-width:.5}.quiz-app .radar-label{font-size:10px;fill:var(--text-secondary);font-family:var(--font-body);text-anchor:middle}.quiz-app .radar-dot{fill:var(--gold);r:3}.quiz-app .result-capsules{display:flex;justify-content:center;gap:40px;margin:16px 0}.quiz-app .result-capsule{text-align:center}.quiz-app .result-capsule svg{width:60px;height:130px}.quiz-app .capsule-label{font-size:11px;color:var(--warm-light);margin-top:2px}.quiz-app .ingredient-table{width:100%}.quiz-app .ingredient-row{padding:12px 0;border-bottom:1px solid var(--beige-dark)}.quiz-app .ingredient-row:last-child{border-bottom:none}.quiz-app .ingredient-info{min-width:0}.quiz-app .ingredient-name{font-size:15px;font-weight:500;color:var(--q-text)}.quiz-app .ingredient-why{font-size:13px;color:var(--warm);margin-top:2px;line-height:1.4}.quiz-app .ingredient-group{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-dark);font-weight:600;padding:12px 0 4px;margin-top:4px}.quiz-app .concept-card{background:var(--q-white);border:1px solid var(--beige-dark);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.quiz-app .concept-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer}.quiz-app .concept-name{font-size:16px;font-weight:600;color:var(--navy)}.quiz-app .concept-score{font-size:13px;font-weight:600;color:var(--gold-dark);background:rgba(184,148,79,.1);padding:4px 10px;border-radius:12px}.quiz-app .concept-body{display:none;padding:0 20px 16px;font-size:15px;color:var(--text-secondary);line-height:1.7}.quiz-app .concept-card.open .concept-body{display:block;animation:quizFadeIn .3s ease}.quiz-app .concept-chevron{transition:transform .2s ease;color:var(--warm)}.quiz-app .concept-card.open .concept-chevron{transform:rotate(180deg)}.quiz-app .cta-card{background:var(--navy);border-radius:var(--radius-lg);padding:28px 24px;text-align:center;margin-top:8px;margin-bottom:16px}.quiz-app .cta-card h3{color:var(--q-white);font-family:var(--font-heading);font-size:20px;font-weight:600;margin-bottom:8px}.quiz-app .cta-card p{color:rgba(255,255,255,.7);font-size:14px;line-height:1.6;margin-bottom:20px}.quiz-app .cta-email{width:100%;padding:14px 16px;border:2px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);font-size:16px;font-family:var(--font-body);background:rgba(255,255,255,.08);color:var(--q-white);outline:none;margin-bottom:12px}.quiz-app .cta-email:focus{border-color:var(--gold)}.quiz-app .cta-email::-moz-placeholder{color:rgba(255,255,255,.35)}.quiz-app .cta-email::placeholder{color:rgba(255,255,255,.35)}.quiz-app .cta-consent{display:flex;align-items:flex-start;gap:10px;text-align:left;margin-bottom:16px;cursor:pointer}.quiz-app .cta-consent input{margin-top:3px;width:18px;height:18px;flex-shrink:0;accent-color:var(--gold)}.quiz-app .cta-consent span{font-size:12px;color:var(--warm-light);line-height:1.5}.quiz-app .btn-cta{background:var(--gold);color:var(--q-white);width:100%;padding:16px;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font-body)}.quiz-app .btn-cta:hover{background:var(--gold-dark)}.quiz-app .email-gate-capsules{display:flex;justify-content:center;gap:26px;margin:10px 0 22px}.quiz-app .disclaimer{text-align:center;font-size:12px;color:var(--warm);padding:16px 0 40px;line-height:1.5}.quiz-app .thankyou{align-items:center;justify-content:center;text-align:center;min-height:60vh}@media(max-width:480px){.quiz-app .screen-title{font-size:24px}.quiz-app .theme-grid{gap:8px}.quiz-app .theme-card{padding:12px;min-height:88px}.quiz-app .likert-opt{font-size:10px;padding:8px 3px}.quiz-app .radar-svg{width:260px;height:260px}.quiz-app .result-title{font-size:26px}}@media(min-width:768px){.quiz-app .theme-grid{grid-template-columns:1fr 1fr 1fr}}@media(prefers-reduced-motion:reduce){.quiz-app *,.quiz-app :after,.quiz-app :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}