.quiz-page{padding-top:var(--g-space-s);padding-bottom:calc(var(--g-space-xxl) + env(safe-area-inset-bottom))}.quiz-screen{display:flex;flex-direction:column;gap:var(--g-space-xl);padding-block:var(--g-space-l)}.quiz-screen[hidden]{display:none!important}.quiz-intro{align-items:center;text-align:center;min-height:70vh;justify-content:space-between;padding-block:var(--g-space-xl)}.quiz-intro__hero{width:240px;height:240px;display:flex;align-items:center;justify-content:center;margin-top:var(--g-space-s)}.quiz-intro__hero-img{width:240px;height:240px;object-fit:contain}.quiz-intro__text{display:flex;flex-direction:column;gap:var(--g-space-m);align-items:center}.quiz-intro__title{color:var(--g-text-primary)}.quiz-intro__desc{color:var(--g-text-secondary);max-width:32ch}.quiz-intro__meta{color:var(--g-text-secondary)}.quiz-intro__cta{margin-top:var(--g-space-m)}.quiz-carousel{align-items:stretch;text-align:center;min-height:80vh;justify-content:space-between;padding-block:var(--g-space-xl);gap:var(--g-space-l)}.quiz-carousel__text{display:flex;flex-direction:column;gap:var(--g-space-s);padding-inline:var(--g-space-l)}.quiz-carousel__title{color:var(--g-text-primary)}.quiz-carousel__sub{color:var(--g-text-secondary)}.quiz-carousel__track{display:flex;gap:var(--g-space-m);padding-inline:calc((100% - 280px)/2);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.quiz-carousel__track::-webkit-scrollbar{display:none}.archetype-card{flex:0 0 280px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--g-space-m);padding:var(--g-space-l);border-radius:var(--g-radius-xl);background:#ffffff0f;border:1px solid var(--g-card-stroke);min-height:300px}.archetype-card__img{width:140px;height:140px;object-fit:contain}.archetype-card__name{color:var(--g-text-primary)}.archetype-card__desc{color:var(--g-text-secondary)}.quiz-carousel__dots{display:flex;justify-content:center;gap:var(--g-space-xs)}.quiz-carousel__dot{width:6px;height:6px;border-radius:50%;background:#ffffff3d;transition:background .2s ease,transform .2s ease}.quiz-carousel__dot.is-active{background:var(--g-text-primary);transform:scale(1.2)}.quiz-carousel__cta{margin-inline:var(--g-space-l);width:calc(100% - 2 * var(--g-space-l))}.quiz-question{gap:var(--g-space-xl)}.quiz-question__bar{position:relative;width:100%;height:8px;margin-top:var(--g-space-xs)}.quiz-question__bar-track{position:absolute;inset:0;background:#ffc34d26;border-radius:var(--g-radius-xs)}.quiz-question__bar-fill{position:absolute;left:0;top:0;bottom:0;background:var(--g-accent);border-radius:var(--g-radius-xs);transition:width .32s ease}.quiz-question__text{color:var(--g-text-primary);margin-block:var(--g-space-xs)}.quiz-question__options{display:flex;flex-direction:column;gap:var(--g-space-xs)}.quiz-option{display:flex;align-items:center;gap:var(--g-space-m);width:100%;text-align:left;padding:var(--g-space-m) var(--g-space-xl);min-height:96px;border-radius:var(--g-radius-xl);background:var(--g-card-bg-deselected);border:1px solid var(--g-card-stroke);color:var(--g-text-primary);transition:transform .12s ease,border-color .16s ease,background .16s ease;-webkit-tap-highlight-color:transparent}.quiz-option:active{transform:scale(.985)}.quiz-option:disabled{opacity:.55;cursor:default}.quiz-option.is-selected{background:var(--g-card-bg-selected);border-color:var(--g-accent);border-width:1.5px}.quiz-option__text{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--g-space-xxxs);min-width:0}.quiz-option__title{color:var(--g-text-primary)}.quiz-option__sub{color:var(--g-text-secondary)}.quiz-option__radio{flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.24);background:transparent;display:inline-flex;align-items:center;justify-content:center;transition:border-color .16s ease,background .16s ease}.quiz-option__radio.is-selected{border-color:var(--g-accent);background:var(--g-accent)}.quiz-option__radio-dot{width:8px;height:8px;border-radius:50%;background:var(--g-bg)}.quiz-processing{align-items:center;text-align:center;gap:0;padding-block:var(--g-space-xl);min-height:calc(100vh - 56px);justify-content:center}.quiz-processing__illo{width:290px;height:290px;margin-bottom:var(--g-space-xxl);display:flex;align-items:center;justify-content:center}.quiz-processing__illo-img{width:290px;height:290px;animation:quiz-pyramid-rotate 8s linear infinite;transform-origin:center}@keyframes quiz-pyramid-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-processing__text{display:flex;flex-direction:column;align-items:center;gap:var(--g-space-xl);width:100%}.quiz-processing__sub{display:inline-flex;align-items:center;gap:4px;font:600 14px/1.43 var(--g-font-body);letter-spacing:-.15px;color:var(--g-text-primary)}.quiz-processing__sparkle{width:16px;height:16px}.quiz-processing__headline{color:var(--g-text-primary)}.quiz-processing__steps{list-style:none;display:flex;flex-direction:column;gap:var(--g-space-m);margin-top:var(--g-space-xs);align-items:flex-start;text-align:left}.quiz-step{display:flex;align-items:center;gap:var(--g-space-m)}.quiz-step__icon{position:relative;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.quiz-step__icon-img{position:absolute;width:24px;height:24px;inset:0;opacity:0;transition:opacity .2s ease}.quiz-step[data-step-state=pending] .quiz-step__icon-img--pending{opacity:1}.quiz-step[data-step-state=active] .quiz-step__icon-img--active{opacity:1;animation:quiz-step-spin 1.5s linear infinite}.quiz-step[data-step-state=done] .quiz-step__icon-img--done{opacity:1}@keyframes quiz-step-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-step__label{color:var(--g-text-secondary);transition:color .3s ease}.quiz-step[data-step-state=done] .quiz-step__label{color:var(--g-text-primary)}.quiz-result{color:var(--g-text-primary);gap:var(--g-space-l);padding-block:var(--g-space-l);align-items:center}.quiz-result__hero{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center;margin-top:var(--g-space-s)}.quiz-result__hero-glow{position:absolute;width:280px;height:280px;border-radius:50%;filter:blur(30px);opacity:.5;pointer-events:none}.quiz-result__hero-img{position:relative;width:300px;height:300px;object-fit:contain}.quiz-result__head{display:flex;flex-direction:column;gap:var(--g-space-xs);text-align:center;align-items:center;width:100%}.quiz-result__name{color:var(--g-text-secondary)}.quiz-result__title{color:var(--g-text-primary)}.quiz-result__subtitle{color:var(--g-text-secondary);font-style:italic}.quiz-result__tabs{display:flex;gap:4px;padding:4px;border-radius:999px;background:#ffffff0f;overflow-x:auto;scrollbar-width:none;width:100%}.quiz-result__tabs::-webkit-scrollbar{display:none}.quiz-result__tab{flex:1 1 auto;min-height:40px;padding:10px 14px;border-radius:999px;font:600 13px/1 var(--g-font-body);color:var(--g-text-secondary);white-space:nowrap;transition:background .16s ease,color .16s ease;-webkit-tap-highlight-color:transparent}.quiz-result__tab.is-active{background:var(--g-text-primary);color:var(--g-bg)}.quiz-result__panel{background:#ffffff0a;border:1px solid var(--g-card-stroke);border-radius:var(--g-radius-xl);padding:var(--g-space-xl);display:flex;flex-direction:column;gap:var(--g-space-s);width:100%;text-align:left}.quiz-result__card-title{color:var(--g-text-primary)}.quiz-result__card-body{color:var(--g-text-secondary)}.quiz-list ul{list-style:none;display:flex;flex-direction:column;gap:var(--g-space-m)}.quiz-list__item h4{color:var(--g-text-primary);margin-bottom:var(--g-space-xxxs)}.quiz-list__item p{color:var(--g-text-secondary)}.quiz-list__footer{margin-top:var(--g-space-xs);padding-top:var(--g-space-s);border-top:1px solid var(--g-card-stroke);font-style:italic;color:var(--g-text-secondary)}.quiz-result__back{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--g-space-xs);padding:12px 18px;min-height:44px;border-radius:999px;background:#ffffff14;color:var(--g-text-primary);font:600 14px/1 var(--g-font-body);border:1px solid var(--g-card-stroke)}.quiz-result__back svg{width:16px;height:16px}