#dog-breed-selector{max-width:1300px;margin:0 auto;padding:10px;font-family:"Be Vietnam Pro",sans-serif;line-height:1.6;color:#333}#dbs-progress-bar{width:100%;height:8px;background-color:#ddd;border-radius:4px;overflow:hidden;margin-bottom:20px}#dbs-progress{height:8px;background-color:#3c8281;width:0%;transition:width 0.3s ease}#dbs-question-container .questionnaire{background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;padding:20px;text-align:center;margin-bottom:20px}#dbs-question-container .questionnaire h2{font-size:20px;font-weight:700;color:#3c8281;margin:0 0 10px 0}#dbs-question-container .questionnaire h3{font-size:18px;margin:10px 0 20px 0;color:#333}.dbs-question-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.dbs-question-icon{width:40px;height:40px;object-fit:contain}.options{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.option-button{background-color:#3c8281;color:#fff;font-size:14px;font-weight:700;padding:12px 20px;border:none;border-radius:24px;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:.5px}.option-button:hover{background-color:#2f6867;color:#fff}.option-button.selected{background-color:#2f6867;box-shadow:0 0 10px rgb(0 0 0 / .2)}.dbs-skip-btn{background-color:#888;color:#fff;font-size:14px;font-weight:700;padding:10px 20px;border:none;border-radius:24px;cursor:pointer;transition:all 0.3s ease;margin:0 5px;text-transform:uppercase}.dbs-skip-btn:hover{background-color:#2f6867;color:#fff}.navigation{margin-top:20px;display:flex;justify-content:space-between}.navigation button{background-color:#3c8281;color:#fff;font-size:14px;font-weight:700;padding:10px 20px;border:none;border-radius:24px;cursor:pointer;transition:all 0.3s ease}.navigation button:hover{background-color:#2f6867;color:#fff}.navigation button:disabled{background-color:#ddd;cursor:not-allowed}#dbs-summary-box{background-color:#eef8f8;border:1px solid #ddd;border-radius:6px;padding:15px;margin-bottom:20px}#dbs-summary-box h4{margin-top:0;margin-bottom:10px;font-size:18px;color:#3c8281}#dbs-summary-answers{list-style:none;margin:0;padding:0}#dbs-summary-answers li{margin-bottom:6px;font-size:14px;color:#555}#dbs-results-container{text-align:center;animation:fadeIn 0.5s ease forwards;opacity:0}#dbs-start-over{background-color:#f39c12;color:#fff;font-size:14px;font-weight:700;padding:12px 20px;border:none;border-radius:24px;cursor:pointer;margin-top:20px;transition:all 0.3s ease;text-transform:uppercase}#dbs-start-over:hover{background-color:#d98008}.dbs-final-summary{max-width:700px;margin:0 auto 20px;padding:15px;background-color:#eef8f8;border-radius:6px;border:1px solid #ddd;font-size:14px;color:#555;line-height:1.6;text-align:left}.dbs-hero-match{position:relative;margin-bottom:30px;text-align:center;background:linear-gradient(180deg,#f7fbfc 0%,#ffffff 90%);border-radius:10px;overflow:hidden;box-shadow:0 4px 10px rgb(0 0 0 / .1);border:none;animation:fadeUp 0.7s ease forwards;transform:translateY(20px);opacity:0}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.dbs-best-match-sticker{position:absolute;top:15px;left:50%;transform:translateX(-50%);background-color:#f2a93b;color:#fff;font-size:14px;font-weight:700;width:100px;height:100px;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1px;z-index:2}.dbs-hero-image{width:100%;height:auto;display:block}.dbs-hero-content{padding:20px}.dbs-match-circle{margin:0 auto 15px auto;width:100px;height:100px;transition:transform 0.3s}.dbs-match-circle:hover{transform:scale(1.05)}.dbs-circle-svg{transform:rotate(-90deg);width:100%;height:100%;display:block;animation:drawArc 1s ease-out forwards}@keyframes drawArc{0%{stroke-dasharray:0,100}}.dbs-circle-bg{fill:none;stroke:#eee;stroke-width:2.8}.dbs-circle-fg{fill:none;stroke:#3c8281;stroke-width:2.8;stroke-linecap:round}.dbs-circle-text{fill:#3c8281;font-size:9px;font-weight:700;dominant-baseline:middle;text-anchor:middle}.dbs-hero-name{font-size:22px;font-weight:700;color:#3c8281;margin-bottom:12px}.dbs-hero-excerpt{font-size:15px;color:#555;margin-bottom:15px}.dbs-details-button{display:inline-block;background-color:#3c8281;color:#fff;font-size:14px;font-weight:700;padding:10px 20px;border-radius:24px;text-decoration:none;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:.5px;margin-top:10px}.dbs-details-button:hover{background-color:#2f6867;color:#fff}.dbs-close-matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin-bottom:30px;justify-items:center;animation:fadeUp 0.8s ease forwards;transform:translateY(20px);opacity:0}.dbs-close-match-card{width:100%;max-width:320px;background-color:#fff;border:1px solid #ddd;border-radius:10px;padding:10px;text-align:center;box-shadow:0 2px 5px rgb(0 0 0 / .1);transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center}.dbs-close-match-card:hover{box-shadow:0 4px 10px rgb(0 0 0 / .2);transform:translateY(-3px)}.dbs-close-match-card img{width:100%;height:190px;object-fit:cover;border-radius:6px;margin-bottom:10px}.dbs-close-match-card h4{font-size:15px;color:#333;margin-bottom:6px;font-weight:700}.dbs-match-circle-small{background-color:#3c8281;color:#fff;width:40px;height:40px;border-radius:50%;font-weight:700;margin-bottom:6px;font-size:13px;box-shadow:0 2px 5px rgb(0 0 0 / .1);display:flex;align-items:center;justify-content:center}.dbs-close-match-card p{font-size:14px;color:#555;margin-bottom:10px}.dbs-close-match-card .dbs-details-button{margin-top:auto;margin-bottom:15px}@media (max-width:768px){.dbs-close-matches-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.dbs-close-match-card{max-width:100%}.dbs-close-match-card img{height:auto}}@keyframes fadeIn{to{opacity:1}}