.quiz-main{padding-top:var(--space-xl);padding-bottom:var(--space-2xl)}.quiz-area{max-width:680px;margin:0 auto var(--space-2xl)}.quiz-header{text-align:center;margin-bottom:var(--space-xl)}.quiz-header h1{font-size:28px;margin-bottom:var(--space-sm)}.quiz-subtitle{font-size:16px;color:var(--color-secondary);margin-bottom:var(--space-sm)}.quiz-count{font-size:14px;color:var(--color-placeholder)}.quiz-count strong{color:var(--color-primary);font-family:var(--font-data)}.quiz-progress{position:relative;height:8px;background:var(--color-border);border-radius:4px;margin-bottom:var(--space-xl);overflow:hidden}.quiz-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),#FFB347);border-radius:4px;transition:width .4s ease}.quiz-progress-text{position:absolute;right:0;top:-22px;font-size:13px;color:var(--color-secondary);font-family:var(--font-data)}.quiz-step{display:none}.quiz-step.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-question{font-size:20px;text-align:center;margin-bottom:var(--space-xl);color:var(--color-title)}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.quiz-options-3col{grid-template-columns:repeat(3,1fr)}.quiz-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:15px;font-family:var(--font-body);color:var(--color-text);text-align:left}.quiz-option:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.quiz-option.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 3px rgba(255,140,66,.15)}.quiz-option-icon{font-size:28px;flex-shrink:0}.quiz-nav{display:flex;justify-content:space-between;margin-top:var(--space-xl)}.quiz-nav .btn:disabled{opacity:.4;cursor:not-allowed}.quiz-result{max-width:680px;margin:0 auto var(--space-2xl);text-align:center}.result-header{margin-bottom:var(--space-xl)}.result-confetti{font-size:48px;margin-bottom:var(--space-sm)}.result-header h2{font-size:24px;margin-bottom:var(--space-lg)}.result-breed-name{color:var(--color-primary)}.result-match{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.match-circle{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),#FFB347);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-family:var(--font-data)}.match-number{font-size:32px;font-weight:700}.match-percent{font-size:16px}.match-label{font-size:14px;color:var(--color-secondary)}.result-reason{padding:var(--space-xl);text-align:left;margin-bottom:var(--space-lg)}.result-reason h3{margin-bottom:var(--space-sm)}.result-reason p{font-size:15px;line-height:1.8;color:var(--color-text)}.result-actions{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-2xl)}.result-section{margin-bottom:var(--space-xl)}.result-section h2{font-size:20px;margin-bottom:var(--space-md)}.result-others{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.result-other-card{position:relative;padding:var(--space-md);text-decoration:none;color:inherit;text-align:center}.result-other-card:hover{color:inherit;text-decoration:none}.result-rank{position:absolute;top:8px;left:8px;font-size:12px;font-weight:600;color:var(--color-primary);background:var(--color-primary-light);padding:2px 8px;border-radius:var(--radius-xl)}.result-other-img{font-size:48px;margin-bottom:var(--space-sm)}.result-other-info h4{font-size:16px;margin-bottom:var(--space-xs)}.result-other-match{font-size:14px;font-weight:600;color:var(--color-primary);font-family:var(--font-data);margin-bottom:var(--space-xs)}.result-other-info p{font-size:13px;color:var(--color-secondary)}.result-share{padding:var(--space-lg);background:var(--bg-sakura-pink);border-radius:var(--radius-md)}.result-share p{font-size:15px;margin-bottom:var(--space-md)}.share-buttons{display:flex;justify-content:center;gap:var(--space-md)}.quiz-seo-section{margin-bottom:var(--space-2xl)}.quiz-seo-section h2{font-size:22px;margin-bottom:var(--space-lg);padding-left:var(--space-md);position:relative}.quiz-seo-section h2::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:4px;background:var(--color-primary);border-radius:2px}.seo-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.seo-content-card{padding:var(--space-lg)}.seo-content-card h3{font-size:16px;margin-bottom:var(--space-sm)}.seo-content-card p{font-size:14px;color:var(--color-text);line-height:1.8}.seo-content-card a{color:var(--color-primary)}@media(max-width:767px){.quiz-header h1{font-size:22px}.quiz-subtitle{font-size:14px}.quiz-question{font-size:17px}.quiz-options{grid-template-columns:1fr;gap:var(--space-sm)}.quiz-options-3col{grid-template-columns:repeat(2,1fr)}.quiz-option{padding:var(--space-md);font-size:14px}.quiz-option-icon{font-size:22px}.result-header h2{font-size:20px}.match-circle{width:64px;height:64px}.match-number{font-size:26px}.result-reason{padding:var(--space-md)}.result-reason p{font-size:14px}.result-actions{flex-direction:column;align-items:center}.result-actions .btn{width:100%;max-width:300px}.result-others{grid-template-columns:1fr;gap:var(--space-sm)}.result-other-card{display:flex;align-items:center;gap:var(--space-md);text-align:left}.result-other-img{font-size:36px;margin-bottom:0;flex-shrink:0}.share-buttons{flex-direction:column}.share-buttons .btn{width:100%}.seo-content-grid{grid-template-columns:1fr;gap:var(--space-sm)}.seo-content-card{padding:var(--space-md)}.seo-content-card h3{font-size:15px}.quiz-seo-section{margin-bottom:var(--space-lg)}.quiz-seo-section h2{font-size:18px}}