.quiz-container{min-height:calc(100vh - 56px);display:flex;flex-direction:column;background-color:var(--color-primary-medium)}.quiz-content{flex:1;width:100%;max-width:600px;margin:0 auto;padding:32px 20px 40px}@media(max-width:936px){.quiz-content{padding:24px 16px 32px}}.animated-step{animation:fadeSlideIn .35s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.progress-header{width:100%;background-color:var(--color-white);position:sticky;top:0;z-index:10}.progress-content{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;max-width:936px;margin:0 auto;height:56px}.back-button{display:flex;align-items:center;gap:4px;color:var(--color-primary-light);font-size:var(--fs-sm);font-weight:var(--fw-bold);min-width:70px}.back-button:hover{opacity:.8}.logo-container{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.logo-container svg{max-width:100%;max-height:32px;height:auto}.step-counter{font-size:var(--fs-base);color:var(--color-primary);min-width:70px;text-align:right}.step-counter .current{font-weight:var(--fw-medium)}.progress-track{width:100%;height:4px;background-color:var(--color-primary-light)}.progress-fill{height:100%;background-color:var(--color-primary);transition:width .3s ease;border-radius:0 2px 2px 0}.question-text{color:var(--color-white);font-size:var(--fs-3xl);font-weight:var(--fw-bold);text-align:center;line-height:1.3}@media(max-width:936px){.question-text{font-size:var(--fs-2xl)}}.subtitle{color:var(--color-white);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-align:center;text-transform:uppercase;letter-spacing:1.5px;opacity:.85;margin-top:8px}.options-container{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:16px}.option-card{width:100%;min-height:64px;padding:16px 20px;border-radius:var(--radius-lg);background-color:var(--color-white);color:var(--color-text);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s,transform .1s;box-shadow:var(--shadow-card)}.option-card.selected{background-color:var(--color-primary);color:var(--color-white)}.option-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-card-hover)}.option-card:active{transform:translateY(0)}.option-left{display:flex;align-items:center;gap:10px}.option-label{font-size:var(--fs-base);font-weight:var(--fw-medium)}.radio-question{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.radio-circle.selected{border-color:var(--color-white)}.radio-dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-white)}.checkbox-question{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:80px}.checkbox-question .option-left{gap:12px}.icon-wrapper{width:48px;height:48px;border-radius:50%;background-color:var(--color-primary-pale);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-wrapper.selected{background-color:#ffffff26}.check-circle{width:25px;height:25px;border-radius:50%;border:2px solid var(--color-divider);display:flex;align-items:center;justify-content:center;flex-shrink:0}.check-circle.selected{border-color:var(--color-white)}.image-radio-question{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.image-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:936px){.image-grid{gap:10px}}.image-card{display:flex;flex-direction:column;align-items:center;padding:16px 12px;border-radius:var(--radius-lg);background-color:var(--color-white);color:var(--color-text);cursor:pointer;transition:background-color .2s,transform .1s;box-shadow:var(--shadow-card)}.image-card.selected{background-color:var(--color-primary);color:var(--color-white)}.image-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-card-hover)}.image-card:active{transform:translateY(0)}.image-wrapper{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-md);overflow:hidden;margin-bottom:10px}.image-wrapper img{width:100%;height:100%;object-fit:cover}.label-row{display:flex;align-items:center;gap:6px;text-align:center}.body-map-question{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:80px}.body-map-wrapper{width:100%;max-width:400px;position:relative;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px 16px;min-height:480px}.body-silhouette{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;min-height:440px}.body-map-area{position:relative;width:50%;max-width:160px}.body-svg{width:100%;height:auto;display:block}.hotspot-button{position:absolute;display:flex;align-items:center;gap:8px;cursor:pointer;z-index:2;border:none;background:none;padding:0}.hotspot-button.left{transform:translate(-100%,-50%);flex-direction:row-reverse}.hotspot-button.right{transform:translateY(-50%)}.hotspot-button.center{transform:translate(-50%,-50%)}.hotspot-dot{width:34px;height:34px;border-radius:50%;background-color:var(--color-white);border:2px solid var(--color-divider);display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s;box-shadow:var(--shadow-card)}.hotspot-dot.selected{background-color:var(--color-primary);border-color:var(--color-primary-light)}.inner-dot{width:9px;height:9px;border-radius:50%;background-color:var(--color-primary-light)}.inner-dot.selected{background-color:var(--color-white)}.hotspot-label{padding:8px 16px;border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-text);font-size:var(--fs-sm);font-weight:var(--fw-medium);white-space:nowrap;box-shadow:var(--shadow-card);transition:background-color .2s,color .2s}.hotspot-label.selected{background-color:var(--color-primary);color:var(--color-white)}.numeric-input-question{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}.unit-switch{width:100%;max-width:320px;height:48px;display:flex;background-color:#ffffff1a;border-radius:var(--radius-md);padding:4px}.unit-option{flex:1;height:40px;border-radius:6px;background-color:transparent;color:var(--color-primary-light);font-weight:var(--fw-bold);font-size:var(--fs-base);transition:background-color .2s,color .2s}.unit-option.active{background-color:#fff3;color:var(--color-white)}.fields-row{width:100%;display:flex;gap:16px}.field-wrapper{flex:1}.input-group{position:relative;width:100%;background-color:var(--color-white);border-radius:var(--radius-lg);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.input-container{position:relative;padding-top:10px;flex:1}.field-label{position:absolute;top:8px;left:0;font-size:var(--fs-xs);color:var(--color-text-light);pointer-events:none}.input-field{width:100%;border:none;outline:none;font-size:var(--fs-2xl);font-weight:var(--fw-light);color:var(--color-text);background:transparent;-moz-appearance:textfield}.input-field::placeholder{color:var(--color-text-light)}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit-label{font-size:var(--fs-base);color:var(--color-primary);font-weight:var(--fw-medium);margin-left:8px;flex-shrink:0}.bridge-question{width:100%;display:flex;gap:40px;align-items:flex-start;padding-bottom:100px}@media(max-width:936px){.bridge-question{flex-direction:column;gap:24px}}.text-content{flex:1;display:flex;flex-direction:column;gap:16px}.heading{color:var(--color-white);font-size:var(--fs-4xl);font-weight:var(--fw-bold)}@media(max-width:936px){.heading{font-size:var(--fs-3xl);text-align:center}}.subtitle-text{color:var(--color-white);font-size:var(--fs-xl);font-weight:var(--fw-regular)}@media(max-width:936px){.subtitle-text{font-size:var(--fs-lg);text-align:center}}.body-text{color:var(--color-white);font-size:var(--fs-base)}@media(max-width:936px){.body-text{text-align:center}}.feature-list{display:flex;flex-direction:column;gap:8px}.feature-item{display:flex;align-items:center;gap:8px;color:var(--color-white);font-size:var(--fs-base);font-weight:var(--fw-light)}@media(max-width:936px){.feature-item{justify-content:center}}.footer-text{color:var(--color-white);font-size:var(--fs-base);font-weight:var(--fw-medium)}@media(max-width:936px){.footer-text{text-align:center}}.bridge-question .image-wrapper{flex:0 0 300px;height:300px;border-radius:var(--radius-lg);overflow:hidden}@media(max-width:936px){.bridge-question .image-wrapper{flex:none;width:200px;height:200px}}.image-placeholder{flex:0 0 300px;height:300px;display:flex;align-items:center;justify-content:center;opacity:.5}@media(max-width:936px){.image-placeholder{flex:none;width:200px;height:200px}}.button-wrapper{position:fixed;bottom:0;left:0;right:0;background:var(--color-background);padding:16px 20px;box-shadow:0 -2px 8px #00000014;z-index:10}.button-wrapper>*{max-width:560px;margin:0 auto}.next-button{width:100%;height:56px;border-radius:var(--radius-md);background-color:var(--color-black);color:var(--color-white);font-family:var(--font-heading);font-size:var(--fs-base);font-weight:var(--fw-semibold);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;opacity:1;transition:opacity .2s,background-color .2s,transform .1s}.next-button.disabled{background-color:var(--color-primary-light);cursor:not-allowed;opacity:.5}.next-button:hover:not(.disabled){opacity:.9}.next-button:active:not(.disabled){transform:scale(.98)}.next-button svg{pointer-events:none}.color-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.emoji-indicator{font-size:1.125rem;line-height:1;flex-shrink:0}