.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;z-index:1}.quiz-app .bg-layer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden}.quiz-app .bg-blob{position:absolute;border-radius:50%;filter:blur(45px);opacity:0;transition:opacity 1.2s ease,background 1.5s ease;will-change:transform,opacity}.quiz-app .bg-blob.b1{width:380px;height:380px;top:-80px;left:-120px;animation:bgDrift1 28s ease-in-out infinite}.quiz-app .bg-blob.b2{width:300px;height:300px;top:30%;right:-100px;animation:bgDrift2 34s ease-in-out infinite}.quiz-app .bg-blob.b3{width:340px;height:340px;bottom:-120px;left:20%;animation:bgDrift3 38s ease-in-out infinite}.quiz-app .bg-blob.b4{width:220px;height:220px;top:60%;left:-60px;animation:bgDrift4 26s ease-in-out infinite}.quiz-app .bg-blob.b5{width:260px;height:260px;top:10%;right:30%;animation:bgDrift5 32s ease-in-out infinite}@keyframes bgDrift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,60px) scale(1.08)}}@keyframes bgDrift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,40px) scale(1.1)}}@keyframes bgDrift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-30px) scale(.94)}}@keyframes bgDrift4{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-50px) scale(1.12)}}@keyframes bgDrift5{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,50px) scale(1.05)}}.quiz-app[data-bg=themes] .bg-blob,.quiz-app[data-bg=welcome] .bg-blob{opacity:.55;background:radial-gradient(circle,rgba(184,148,79,.55),transparent 70%)}.quiz-app[data-bg=personal] .bg-blob,.quiz-app[data-bg=symptoms] .bg-blob{opacity:.45;background:radial-gradient(circle,rgba(80,160,130,.45),transparent 70%)}.quiz-app[data-bg=building] .bg-blob,.quiz-app[data-bg=insight] .bg-blob{opacity:.45;background:radial-gradient(circle,rgba(99,102,241,.4),transparent 70%)}.quiz-app[data-bg=results] .bg-blob,.quiz-app[data-bg=thankyou] .bg-blob{opacity:.55;background:radial-gradient(circle,rgba(184,148,79,.6),transparent 70%)}.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:20px 14px;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden;box-sizing:border-box}.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-bottom:4px solid var(--gold)}.quiz-app .theme-card>svg{width:28px;height:28px;color:var(--navy);flex-shrink:0}.quiz-app .theme-card.selected>svg{color:var(--gold-dark)}.quiz-app .theme-card .theme-name{font-size:13px;font-weight:600;color:var(--navy);line-height:1.35}.quiz-app .theme-card.selected .theme-name{color:var(--gold-dark)}.quiz-app .theme-counter{text-align:center;margin-top:14px;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 .form-input.error{border-color:#c0392b}.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 .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}@keyframes radarReveal{0%{transform:scale(.1);opacity:0}60%{opacity:1}to{transform:scale(1);opacity:1}}.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{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid var(--beige-dark);gap:14px}.quiz-app .ingredient-row:last-child{border-bottom:none}.quiz-app .ingredient-info{flex:1;min-width:0;padding-right:8px}.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 .ingredient-icon{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(184,148,79,.18),rgba(184,148,79,.05));border:1px solid rgba(184,148,79,.25);color:var(--gold-dark);display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.quiz-app .ingredient-row:hover .ingredient-icon{transform:scale(1.08) rotate(-3deg)}.quiz-app .ingredient-icon svg{width:28px;height:28px}.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 .testimonial-card{background:#1a2744;color:#fff;border-radius:14px;padding:28px 26px;margin:24px 0 16px;text-align:center;position:relative;overflow:hidden}.quiz-app .testimonial-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gold)}.quiz-app .testimonial-card .t-quote-mark{font-family:Playfair Display,serif;font-size:54px;color:var(--gold);line-height:.4;opacity:.5;margin-bottom:8px}.quiz-app .testimonial-card blockquote{font-family:Playfair Display,serif;font-size:19px;font-style:italic;line-height:1.55;margin:0 0 14px;color:#e0ddd8}.quiz-app .testimonial-card cite{display:block;font-family:Inter,sans-serif;font-style:normal;font-size:13px;color:var(--gold);font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.quiz-app .testimonial-card cite small{display:block;color:#ddd6ca;font-size:11px;font-weight:400;letter-spacing:.5px;text-transform:none;margin-top:4px}.quiz-app .aoy-cta-membership{display:block;text-decoration:none;background:linear-gradient(135deg,var(--gold) 0,var(--gold-dark) 100%);color:#fff;border-radius:14px;padding:28px 26px;margin:20px 0 16px;text-align:center;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 20px rgba(184,148,79,.25)}.quiz-app .aoy-cta-membership:hover{transform:translateY(-2px);box-shadow:0 6px 26px rgba(184,148,79,.35)}.quiz-app .aoy-cta-membership .cta-m-overline{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:8px}.quiz-app .aoy-cta-membership .cta-m-title{font-family:Playfair Display,serif;font-size:22px;font-weight:600;line-height:1.3;color:#fff;margin-bottom:10px}.quiz-app .aoy-cta-membership .cta-m-sub{font-size:14px;color:rgba(255,255,255,.9);line-height:1.55;margin-bottom:18px;max-width:400px;margin-left:auto;margin-right:auto}.quiz-app .aoy-cta-membership .cta-m-button{display:inline-block;background:rgba(255,255,255,.15);color:#fff;padding:12px 24px;border-radius:30px;font-weight:600;font-size:15px;border:1.5px solid rgba(255,255,255,.3);transition:background .2s ease}.quiz-app .aoy-cta-membership:hover .cta-m-button{background:rgba(255,255,255,.25)}.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)}@keyframes titleShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.quiz-app .insight-title-shimmer{background:linear-gradient(100deg,var(--navy) 40%,var(--gold) 50%,var(--navy) 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleShimmer 2.2s ease-out 1}.quiz-app .consent-row{display:flex;align-items:flex-start;gap:10px;max-width:380px;width:100%;text-align:left;margin-bottom:16px;cursor:pointer;padding:10px 12px;background:rgba(184,148,79,.05);border-radius:8px}.quiz-app .consent-row.error{border:1.5px solid #c0392b}.quiz-app .consent-row input{margin-top:3px;width:18px;height:18px;flex-shrink:0;accent-color:var(--gold)}.quiz-app .consent-row span{font-size:12px;color:var(--warm-dark);line-height:1.5}.quiz-app .consent-row a{color:var(--gold-dark);text-decoration:underline}.quiz-app .disclaimer{text-align:center;font-size:12px;color:var(--warm);padding:16px 0 40px;line-height:1.5}@keyframes selectedPulse{0%{box-shadow:0 0 0 0 rgba(184,148,79,.5)}70%{box-shadow:0 0 0 14px rgba(184,148,79,0)}to{box-shadow:0 0 0 0 rgba(184,148,79,0)}}.quiz-app .theme-card.selected.stagger{opacity:1;transform:none;animation:selectedPulse .6s ease-out 1}@keyframes capsuleGlowPulse{0%,to{box-shadow:0 0 0 rgba(184,148,79,0)}50%{box-shadow:0 0 35px rgba(184,148,79,.45)}}.quiz-app .result-capsules .beadlet-capsule{animation:capsuleGlowPulse 3s ease-in-out infinite}.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:16px 10px}.quiz-app .theme-card>svg{width:24px;height:24px}.quiz-app .theme-card .theme-name{font-size:12px}.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}}