.main-quiz{max-width:700px;margin:0 auto}.intro-section{margin-bottom:var(--spacing-xl)}.intro-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;border:1px solid var(--color-border)}.intro-card h2{margin-bottom:var(--spacing-lg);color:var(--color-text)}.intro-card>p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.dimensions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.dimension{background:var(--bg-body);padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center}.dim-icon{display:block;font-size:1.5rem;margin-bottom:var(--spacing-xs)}.dimension strong{display:block;color:var(--color-text);margin-bottom:var(--spacing-xs)}.dimension span:last-child{font-size:.8rem;color:var(--color-text-muted)}.time-info{color:var(--color-text-muted);font-size:.9rem;margin-bottom:var(--spacing-lg)}.quiz-section{margin-bottom:var(--spacing-xl)}.progress-bar{height:8px;background:var(--bg-body);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-sm);transition:width .3s ease;width:0%}.progress-info{text-align:center;font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.question-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border)}.question-text{font-size:1.2rem;color:var(--color-text);text-align:center;margin-bottom:var(--spacing-xl);line-height:1.5}.options-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.option-btn{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-body);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;cursor:pointer;transition:all .2s;text-align:left}.option-btn:hover{border-color:var(--color-primary);background:var(--color-primary-muted)}.option-btn.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.nav-buttons{display:flex;justify-content:space-between;gap:var(--spacing-md)}.nav-buttons button{flex:1}.result-section{animation:fadeIn .5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;color:#fff;margin-bottom:var(--spacing-xl)}.result-type{font-size:3rem;font-weight:800;letter-spacing:4px;margin-bottom:var(--spacing-sm)}.result-name{font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-sm)}.result-emoji{font-size:2.5rem}.result-description{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);border:1px solid var(--color-border)}.result-description h3{color:var(--color-text);margin-bottom:var(--spacing-md)}.result-description p{color:var(--color-text-secondary);line-height:1.7}.dimensions-result{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);border:1px solid var(--color-border)}.dimensions-result h3{margin-bottom:var(--spacing-lg);color:var(--color-text)}.dimension-bars{display:flex;flex-direction:column;gap:var(--spacing-md)}.dim-bar{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dim-bar-labels{display:flex;justify-content:space-between;font-size:.85rem}.dim-bar-labels span:first-child{color:var(--color-primary)}.dim-bar-labels span:last-child{color:var(--color-warning)}.dim-bar-track{height:12px;background:var(--bg-body);border-radius:var(--radius-sm);overflow:hidden;position:relative}.dim-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-warning));border-radius:var(--radius-sm);transition:width .5s ease}.result-traits{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);border:1px solid var(--color-border)}.result-traits h3{margin-bottom:var(--spacing-md);color:var(--color-text)}.traits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.trait-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-body);border-radius:var(--radius-sm);font-size:.9rem;color:var(--color-text-secondary)}.trait-item strong{color:var(--color-primary)}.result-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.result-actions button{flex:1;min-width:200px}@media (max-width:500px){.dimensions-grid{grid-template-columns:1fr}.traits-grid{grid-template-columns:1fr}.result-type{font-size:2.5rem}}