.bracalc-shape-quiz{max-width:800px;padding:var(--space-4);margin:0 auto}.quiz-container{background:var(--color-bg);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);overflow:hidden}.quiz-progress{padding:var(--space-6) var(--space-6) var(--space-4)}.quiz-progress__bar{background:var(--color-bg-soft);border-radius:var(--radius-full);height:8px;overflow:hidden}.quiz-progress__fill{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));border-radius:var(--radius-full);height:100%;transition:width .4s}.quiz-progress__text{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.quiz-slides{position:relative;overflow:hidden}.quiz-slide{padding:var(--space-6);animation:.3s fadeIn;display:none}.quiz-slide.is-active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.quiz-slide__content{text-align:center}.quiz-slide__title{font-size:var(--text-2xl);margin-bottom:var(--space-3);color:var(--color-heading)}.quiz-slide__desc{font-size:var(--text-base);color:var(--color-text-light);margin-bottom:var(--space-8);max-width:500px;margin-left:auto;margin-right:auto}.quiz-options{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=600px){.quiz-options{grid-template-columns:1fr}}.quiz-options--shapes{grid-template-columns:repeat(3,1fr)}@media (width<=600px){.quiz-options--shapes{grid-template-columns:repeat(2,1fr)}}.quiz-option{cursor:pointer}.quiz-option input{opacity:0;pointer-events:none;position:absolute}.quiz-option__card{padding:var(--space-5);background:var(--color-bg-soft);border:2px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;align-items:center;height:100%;transition:all .25s;display:flex}.quiz-option__card:hover{border-color:var(--color-primary);background:var(--color-primary-ultra-light);transform:translateY(-2px)}.quiz-option input:checked+.quiz-option__card{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 4px #d4a5a533}.quiz-option__visual{width:80px;height:80px;margin-bottom:var(--space-3);color:var(--color-primary-dark);justify-content:center;align-items:center;display:flex}.quiz-option input:checked+.quiz-option__card .quiz-option__visual{color:var(--color-primary-dark)}.shape-icon{width:100%;height:100%}.quiz-option__label{color:var(--color-heading);margin-bottom:var(--space-1);font-weight:600;font-size:var(--text-sm)}.quiz-option__hint{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.quiz-nav{padding:var(--space-6);border-top:1px solid var(--color-border-light);background:var(--color-bg-soft);justify-content:space-between;display:flex}.quiz-nav__back{align-items:center;gap:var(--space-2);display:flex}.quiz-nav__next{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.quiz-nav__next:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.quiz-results{background:var(--color-bg);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);animation:.4s fadeIn;overflow:hidden}.quiz-results__header{text-align:center;padding:var(--space-10) var(--space-6);background:linear-gradient(135deg, var(--color-primary-light), var(--color-secondary-light))}.quiz-results__shape-icon{width:120px;height:120px;margin:0 auto var(--space-4);color:var(--color-primary-dark)}.quiz-results__shape-icon svg{width:100%;height:100%}.quiz-results__title{font-size:var(--text-lg);color:var(--color-text-light);margin-bottom:var(--space-2);font-weight:500}.quiz-results__shape-name{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-heading);font-weight:700}.quiz-results__body{padding:var(--space-8) var(--space-6)}.quiz-results__description{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-8);text-align:center;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7}.quiz-results__section{margin-bottom:var(--space-8)}.quiz-results__section:last-child{margin-bottom:0}.quiz-results__section h3{font-size:var(--text-lg);margin-bottom:var(--space-4);color:var(--color-heading)}.bra-styles-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.bra-style-card{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;transition:all .2s}.bra-style-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.bra-style-card--recommended{border-color:var(--color-success);background:#7fb77e1a}.bra-styles-grid--avoid .bra-style-card{border-color:var(--color-error);opacity:.8;background:#e573730d}.bra-style-card__icon{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.bra-style-card__name{font-weight:600;font-size:var(--text-sm);color:var(--color-heading);margin-bottom:var(--space-1)}.bra-style-card__reason{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.fit-tips-list{gap:var(--space-3);flex-direction:column;display:flex}.fit-tip-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-soft);border-radius:var(--radius-lg);display:flex}.fit-tip-item__icon{background:var(--color-primary-light);width:32px;height:32px;font-size:var(--text-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fit-tip-item__text{font-size:var(--text-sm);color:var(--color-text);line-height:1.6}.quiz-results__actions{gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--color-border-light);background:var(--color-bg-soft);flex-direction:column;display:flex}@media (width>=480px){.quiz-results__actions{flex-direction:row;justify-content:center}}.quiz-results__actions .btn{justify-content:center;align-items:center;gap:var(--space-2);display:flex}@media (width<=480px){.quiz-slide__title{font-size:var(--text-xl)}.quiz-option__visual{width:60px;height:60px}.quiz-option__card{padding:var(--space-4)}.quiz-results__shape-name{font-size:var(--text-3xl)}.quiz-results__shape-icon{width:100px;height:100px}}