:root{--primary: #f4c025;--background: #fcfbf8;--text-dark: #1c180d;--text-muted: #9c8749;--secondary: #e8e2ce}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--background);color:var(--text-dark);min-height:100vh;display:flex;justify-content:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;max-width:430px;min-height:100vh;background-color:var(--background);box-shadow:0 25px 50px -12px #0000001a;position:relative;overflow-x:hidden}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.app-container{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;padding:1rem;justify-content:space-between;position:sticky;top:0;background:#fcfbf8e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.header-logo{display:flex;align-items:center;gap:.75rem}.header-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#f4c0251a;border-radius:50%;color:var(--primary)}.header-title{font-size:1.125rem;font-weight:800}.header-profile{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#e8e2ce4d;border-radius:50%;border:none;cursor:pointer;transition:all .2s}.header-profile:active{transform:scale(.95)}.back-header{display:flex;align-items:center;padding:1rem 1rem .5rem;position:sticky;top:0;background:var(--background);z-index:50}.back-button{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:50%;transition:background .2s}.back-button:hover{background:#0000000d}.back-header-title{flex:1;text-align:center;font-size:1.125rem;font-weight:700;padding-right:2.5rem}.progress-section{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.progress-info{display:flex;justify-content:space-between;align-items:center}.progress-step{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.progress-percent{font-size:.875rem;color:var(--text-muted)}.progress-bar{height:.5rem;background:#f4c02533;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:9999px;transition:width .5s ease-out}.hero-section{padding:1rem}.hero-card{position:relative;border-radius:1rem;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;text-align:center;background:linear-gradient(#0000000d,#000000b3),url(https://lh3.googleusercontent.com/aida-public/AB6AXuBjXh-Jg2lt0Oqgug7RVTY8l_PGOh_HaCPRSPKxERfeqpX11KOYy0EFHPl31uamLANCt__R8R4ONnvsiyLdq_nTuINQ4qnzTjIKOH-d36M-HvaWFch8DK6uzQFVUNc-dCYAvW4T2tJLBBwblPqk0bFK7iiTl1GDj4ll4Isx_wmhma7M0p_UfEAc5fz2Uuew937B7zfexiIHHM0l69NUHOynzE-o3RRBsfMYJ5biQHRoZLObvbs1HkbmwrULJYxCKfW42G9fHTrKjX0);background-size:cover;background-position:center;overflow:hidden}.hero-content{display:flex;flex-direction:column;gap:.75rem}.hero-title{color:#fff;font-size:1.875rem;font-weight:900;line-height:1.2}.hero-subtitle{color:#ffffffe6;font-size:.875rem;font-weight:500}.hero-button{width:100%;height:3.5rem;margin-top:.5rem;background:var(--primary);color:var(--text-dark);border:none;border-radius:9999px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 10px 25px -5px #f4c0254d}.hero-button:hover{background:#e6b520}.hero-button:active{transform:scale(.98)}.section-header{padding:1.5rem 1rem .5rem}.section-title{font-size:1.375rem;font-weight:700}.section-subtitle{color:var(--text-muted);font-size:.875rem;font-weight:500;margin-top:.25rem}.steps-section{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.step-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1px solid var(--secondary);border-radius:1rem;transition:border-color .2s}.step-card:hover{border-color:#f4c02580}.step-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:#f4c0251a;border-radius:50%;color:var(--primary);flex-shrink:0}.step-content h3{font-size:1rem;font-weight:700}.step-content p{color:var(--text-muted);font-size:.875rem;margin-top:.125rem}.trending-header{padding:1.5rem 1rem 1rem;display:flex;justify-content:space-between;align-items:center}.trending-title{font-size:1.125rem;font-weight:700}.view-all-button{background:none;border:none;color:var(--primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.trending-scroll{display:flex;gap:1rem;padding:0 1rem 2rem;overflow-x:auto}.dog-card{flex:none;width:8rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.dog-image-wrapper{width:7rem;height:7rem;padding:.25rem;border-radius:50%;background:#fff;box-shadow:0 4px 6px -1px #0000001a}.dog-image-wrapper.featured{border:4px solid var(--primary)}.dog-image-wrapper:not(.featured){border:4px solid var(--secondary)}.dog-image{width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center}.dog-name{font-size:.875rem;font-weight:700;text-align:center}.footer{padding:1.5rem;background:#e8e2ce33;text-align:center;margin-top:auto}.footer p{font-size:.75rem;color:var(--text-muted);font-weight:500}.footer-disclaimer{margin-top:.5rem;font-size:.625rem!important;opacity:.8}.footer-links{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem}.footer-link{font-size:.625rem;color:var(--primary);text-decoration:none;font-weight:600;background:none;border:none;cursor:pointer;padding:0}.footer-link:hover{text-decoration:underline}.footer-divider{color:var(--text-muted);font-size:.625rem}.content-section{flex:1;overflow-y:auto;padding:0 1rem 8rem}.upload-section{margin-top:1rem}.upload-title{font-size:1.5rem;font-weight:700;padding:1.25rem 0 .5rem}.upload-description{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.upload-area{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3.5rem 1.5rem;border:2px dashed rgba(244,192,37,.4);border-radius:1rem;background:#fff;cursor:pointer;transition:border-color .2s}.upload-area:hover,.upload-area.dragging{border-color:var(--primary)}.upload-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:#f4c0251a;border-radius:50%;color:var(--primary)}.upload-icon .material-symbols-outlined{font-size:2rem}.upload-text{text-align:center}.upload-text h4{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.upload-text p{font-size:.875rem;color:#6b7280}.upload-button{padding:.625rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:9999px;font-size:.875rem;font-weight:700;cursor:pointer}.photo-preview-container{width:100%;aspect-ratio:1;border-radius:1rem;overflow:hidden}.photo-preview{width:100%;height:100%;object-fit:cover}.mbti-section{margin-top:2rem}.mbti-title{font-size:1.5rem;font-weight:700;padding:1.25rem 0 .5rem}.mbti-description{font-size:.875rem;color:#6b7280;margin-bottom:1.5rem}.mbti-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.mbti-button{height:3rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--secondary);border-radius:9999px;background:#fff;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s}.mbti-button:hover{background:#f4c0251a;border-color:var(--primary)}.mbti-button.selected{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 6px -1px #f4c0254d}.nationality-section{margin-top:2.5rem;margin-bottom:2rem}.nationality-label{font-size:.875rem;font-weight:700;margin-bottom:.75rem}.nationality-select{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;border:1px solid var(--secondary);border-radius:1rem;cursor:pointer;transition:border-color .2s}.nationality-select:hover{border-color:var(--primary)}.nationality-select span{font-size:.875rem;color:#6b7280}.nationality-header-desc{padding:0 1.5rem 1rem}.nationality-header-desc p{font-size:.875rem;color:#1c180db3;line-height:1.6}.search-bar{padding:0 1rem .5rem}.search-input-wrapper{display:flex;align-items:center;height:3.5rem;padding:0 1rem;background:#f4f0e7;border-radius:1rem;border:2px solid transparent;transition:border-color .2s}.search-input-wrapper:focus-within{border-color:var(--primary)}.search-input-wrapper .material-symbols-outlined{color:var(--text-muted);font-size:1.5rem}.search-input{flex:1;border:none;background:transparent;padding:0 .75rem;font-size:1rem;font-family:inherit;color:var(--text-dark)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none}.country-list{flex:1;overflow-y:auto;padding:.5rem}.country-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:1rem;cursor:pointer;transition:background .2s}.country-item:hover{background:#f4f0e780}.country-flag{width:3rem;height:3rem;border-radius:50%;background-size:cover;background-position:center;border:2px solid white;box-shadow:0 2px 4px #0000001a}.country-name{flex:1;font-size:1.125rem;font-weight:600}.country-toggle{position:relative;width:51px;height:31px;background:#e8e2ce;border-radius:9999px;padding:2px;cursor:pointer;transition:background .3s}.country-toggle.active{background:var(--primary)}.country-toggle-knob{width:27px;height:27px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s}.country-toggle.active .country-toggle-knob{transform:translate(20px)}.sticky-footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;padding:2.5rem 1.5rem 1.5rem;background:linear-gradient(to top,var(--background) 60%,transparent)}.submit-button{width:100%;height:4rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--primary);color:var(--text-dark);border:none;border-radius:1rem;font-size:1.125rem;font-weight:700;cursor:pointer;box-shadow:0 10px 25px -5px #f4c0254d;transition:all .2s}.submit-button:hover{background:#e6b520}.submit-button:active{transform:scale(.98)}.submit-button:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none}.footer-terms{text-align:center;font-size:.625rem;color:#9ca3af;margin-top:1rem;padding:0 2rem}.confetti-bg{background-image:radial-gradient(circle at 10% 20%,rgba(244,192,37,.1) 0%,transparent 20%),radial-gradient(circle at 80% 10%,rgba(244,192,37,.1) 0%,transparent 20%),radial-gradient(circle at 50% 50%,rgba(244,192,37,.05) 0%,transparent 40%)}.result-header{display:flex;align-items:center;padding:1rem;position:sticky;top:0;background:#fcfbf8e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.back-button-circle{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer}.result-header-title{flex:1;text-align:center;font-size:1.125rem;font-weight:700;margin-right:2.5rem}.result-scroll{padding-bottom:10rem}.match-card-section{padding:1rem}.match-card{background:#fff;border:1px solid rgba(244,192,37,.2);border-radius:1rem;padding:1.5rem;box-shadow:0 10px 25px -5px #0000001a}.match-card.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.match-card.clickable:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #00000026}.match-card.clickable:active{transform:scale(.98)}.tap-hint{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--secondary);color:var(--text-muted);font-size:.75rem;font-weight:500}.tap-hint .material-symbols-outlined{font-size:1rem}.match-photos{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.match-photo{width:5rem;height:5rem;border-radius:50%;border:4px solid var(--primary);overflow:hidden;box-shadow:0 4px 12px #00000026}.match-photo img{width:100%;height:100%;object-fit:cover}.match-photo .placeholder-dog{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f4c0251a;color:var(--primary)}.match-badge{display:flex;flex-direction:column;align-items:center}.match-label{background:var(--primary);color:#fff;font-size:.625rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.match-percent{font-size:1.875rem;font-weight:800;color:var(--primary)}.match-text{text-align:center}.match-title{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.match-subtitle{font-size:.875rem;color:var(--text-muted)}.main-dog-image{padding:0 1rem;margin-bottom:1.5rem;position:relative}.main-dog-image img{width:100%;height:18rem;object-fit:cover;border-radius:1rem;box-shadow:0 4px 12px #0000001a}.main-dog-image.clickable{cursor:pointer}.main-dog-image.clickable:active img{transform:scale(.98)}.main-dog-image .image-overlay{position:absolute;bottom:0;left:1rem;right:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);border-radius:0 0 1rem 1rem;color:#fff;font-size:.875rem;font-weight:600;opacity:0;transition:opacity .2s}.main-dog-image.clickable:hover .image-overlay{opacity:1}.main-dog-image .image-overlay .material-symbols-outlined{font-size:1.25rem}.why-section{padding:0 1rem 1.5rem}.why-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.insight-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f4c0251a;border-radius:1rem;margin-bottom:.75rem}.insight-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:.75rem;flex-shrink:0}.insight-content h4{font-size:.875rem;font-weight:700;margin-bottom:.25rem}.insight-content p{font-size:.875rem;color:#6b7280;line-height:1.5}.profile-section{padding:0 1rem 2rem}.profile-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.radar-chart{width:100%;max-width:300px;aspect-ratio:1;margin:0 auto}.radar-chart svg{overflow:visible}.radar-label{fill:#9ca3af;font-size:4px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.ai-result-section{padding:0 1rem 2rem}.ai-result-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.ai-result-content{background:#fff;border:1px solid var(--secondary);border-radius:1rem;padding:1.5rem;line-height:1.8}.ai-result-content h2{color:var(--primary);font-size:1.125rem;margin-top:1.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid rgba(244,192,37,.3)}.ai-result-content h2:first-child{margin-top:0}.ai-result-content h3{color:var(--text-dark);font-size:1rem;margin-top:1rem;margin-bottom:.5rem}.ai-result-content p{margin-bottom:.5rem;font-size:.875rem}.ai-result-content li{margin-left:1.25rem;margin-bottom:.25rem;font-size:.875rem}.ai-result-content strong{color:var(--text-dark)}.generated-image{width:100%;max-width:100%;height:auto;border-radius:1rem;margin:1rem 0;box-shadow:0 4px 6px -1px #0000001a}.result-footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;padding:1rem 1rem 2rem;background:linear-gradient(to top,var(--background) 70%,transparent);display:flex;flex-direction:column;gap:.75rem}.primary-button{width:100%;height:3.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--primary);color:var(--text-dark);border:none;border-radius:9999px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 10px 25px -5px #f4c0254d}.secondary-button{width:100%;height:3.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;color:var(--text-dark);border:2px solid rgba(244,192,37,.5);border-radius:9999px;font-size:1rem;font-weight:700;cursor:pointer}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-container p{color:var(--text-muted);font-weight:500}.loading-spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(28,24,13,.2);border-top-color:var(--text-dark);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.large{width:3rem;height:3rem;border-width:3px}.disclaimer-banner{display:flex;align-items:center;gap:.5rem;margin:.5rem 1rem;padding:.75rem 1rem;background:#f4c0251a;border:1px solid rgba(244,192,37,.3);border-radius:.75rem;font-size:.75rem;color:var(--text-muted)}.disclaimer-banner .material-symbols-outlined{font-size:1rem;color:var(--primary);flex-shrink:0}.error-message{margin:1rem;padding:1rem;background:#ef44441a;border:1px solid #ef4444;border-radius:1rem;color:#ef4444;text-align:center;font-size:.875rem}.breed-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;position:sticky;top:0;background:#fcfbf8e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.breed-header-title{font-size:1.125rem;font-weight:700}.favorite-button{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;color:#d1d5db;transition:color .2s}.favorite-button.active{color:var(--primary)}.favorite-button .material-symbols-outlined{font-variation-settings:"FILL" 1}.breed-scroll{padding-bottom:7rem}.breed-hero{padding:0 1rem .5rem}.breed-hero img{width:100%;height:340px;object-fit:cover;border-radius:1rem;box-shadow:0 10px 25px -5px #00000026}.breed-hero{position:relative}.breed-hero-overlay{position:absolute;bottom:.5rem;left:1rem;right:1rem;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);border-radius:0 0 1rem 1rem}.breed-badge{display:inline-block;background:var(--primary);color:var(--text-dark);font-size:.625rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.breed-name{font-size:2rem;font-weight:700;color:#fff;line-height:1.2}.breed-stats{display:flex;gap:.5rem;padding:1rem;overflow-x:auto}.stat-chip{display:flex;align-items:center;gap:.5rem;padding:0 1rem;height:2.5rem;background:#fff;border:1px solid var(--secondary);border-radius:9999px;box-shadow:0 2px 4px #0000000d;flex-shrink:0}.stat-chip .material-symbols-outlined{font-size:1rem;color:var(--primary)}.stat-chip span:last-child{font-size:.875rem;font-weight:600}.breed-about{padding:.5rem 1rem 1rem}.breed-section-title{font-size:1.375rem;font-weight:700;margin-bottom:.75rem}.breed-about-text{font-size:1rem;line-height:1.6;opacity:.9;margin-bottom:.75rem}.breed-characteristics{padding:1rem}.trait-bar{margin-bottom:1.5rem}.trait-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.trait-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700}.trait-label .material-symbols-outlined{font-size:1.25rem;color:var(--primary)}.trait-value{font-size:.875rem;font-weight:700}.trait-track{width:100%;height:.75rem;background:#e5e7eb;border-radius:9999px;overflow:hidden}.trait-fill{height:100%;background:var(--primary);border-radius:9999px;transition:width .5s ease-out}.compatibility-section{padding:1rem}.compatibility-card{position:relative;padding:1.5rem;background:#f4c0251a;border:1px solid rgba(244,192,37,.2);border-radius:1rem;overflow:hidden}.compatibility-bg{position:absolute;top:-1rem;right:-1rem;opacity:.1}.compatibility-bg .material-symbols-outlined{font-size:6rem}.compatibility-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.compatibility-header .material-symbols-outlined{color:var(--primary);font-variation-settings:"FILL" 1}.compatibility-header h3{font-size:1.125rem;font-weight:700}.compatibility-text{font-size:.875rem;line-height:1.6;font-weight:500}.breed-footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;padding:1.5rem;background:linear-gradient(to top,var(--background) 70%,transparent)}.breeds-section{padding:0 1rem 1.5rem}.breeds-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.breeds-grid{display:flex;flex-direction:column;gap:.75rem}.breed-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid var(--secondary);border-radius:1rem;transition:all .2s}.breed-card.clickable{cursor:pointer}.breed-card.clickable:hover{border-color:var(--primary);box-shadow:0 4px 12px #f4c02533}.breed-card.clickable:active{transform:scale(.98)}.breed-card-image{position:relative;width:4.5rem;height:4.5rem;flex-shrink:0}.breed-card-image img{width:100%;height:100%;object-fit:cover;border-radius:.75rem}.breed-card-image .placeholder-dog{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f4c0251a;border-radius:.75rem;color:var(--primary)}.breed-rank{position:absolute;top:-.5rem;left:-.5rem;font-size:1.25rem;background:#fff;border-radius:50%;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001a}.breed-card-content{flex:1;min-width:0}.breed-card-name{font-size:1rem;font-weight:700;margin-bottom:.25rem}.breed-card-reason{font-size:.75rem;color:var(--text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.breed-card-action{flex-shrink:0;color:var(--text-muted)}.breed-card-action .material-symbols-outlined{font-size:1.25rem}.analysis-section{padding:0 1rem 1.5rem}.analysis-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.analysis-content{background:#fff;border:1px solid var(--secondary);border-radius:1rem;padding:1.25rem}.analysis-content p{font-size:.875rem;line-height:1.7;color:var(--text-dark)}.expert-section{padding:0 1rem 2rem}.expert-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.expert-content{background:linear-gradient(135deg,#f4c0251a,#f4c0250d);border:1px solid rgba(244,192,37,.3);border-radius:1rem;padding:1.25rem}.expert-content p{font-size:.875rem;line-height:1.7;color:var(--text-dark);font-style:italic}.breed-detail-section{padding:.5rem 1rem 1rem}.breed-detail-text{font-size:1rem;line-height:1.7;color:var(--text-dark);opacity:.9}.breed-hero-placeholder{width:100%;height:340px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4c02533,#f4c0251a);border-radius:1rem}.breed-hero-placeholder .material-symbols-outlined{font-size:5rem;color:var(--primary);opacity:.5}.language-selector{position:relative}.language-button{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:#e8e2ce4d;border:none;border-radius:9999px;cursor:pointer;transition:all .2s}.language-button:hover{background:#e8e2ce80}.language-button:active{transform:scale(.95)}.language-button .language-flag{font-size:1.25rem}.language-button .material-symbols-outlined{font-size:1.25rem;color:var(--text-muted);transition:transform .2s}.language-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:160px;background:#fff;border:1px solid var(--secondary);border-radius:1rem;box-shadow:0 10px 25px -5px #00000026;overflow:hidden;z-index:100;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;transition:background .2s;text-align:left}.language-option:hover{background:#f4c0251a}.language-option.active{background:#f4c02533}.language-option .language-flag{font-size:1.25rem}.language-option .language-name{font-size:.875rem;font-weight:600;color:var(--text-dark)}.legal-content{flex:1;overflow-y:auto;padding:0 1.5rem 6rem}.legal-section{margin-bottom:1.5rem}.legal-title{font-size:1.75rem;font-weight:800;color:var(--text-dark);margin-bottom:.25rem}.legal-updated{font-size:.75rem;color:var(--text-muted);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--secondary)}.legal-section h2{font-size:1.125rem;font-weight:700;color:var(--text-dark);margin-bottom:.75rem;margin-top:1rem}.legal-section h3{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem;margin-top:.75rem}.legal-section p{font-size:.875rem;line-height:1.7;color:var(--text-dark);opacity:.9;margin-bottom:.75rem}.legal-section ul{margin:.5rem 0 1rem 1.25rem;padding:0}.legal-section li{font-size:.875rem;line-height:1.7;color:var(--text-dark);opacity:.9;margin-bottom:.5rem}.legal-section strong{font-weight:600;color:var(--text-dark)}.legal-section.gdpr-notice,.legal-section.ccpa-notice{background:#f4c0251a;border:1px solid rgba(244,192,37,.3);border-radius:1rem;padding:1rem 1.25rem;margin-top:1.5rem}.legal-section.gdpr-notice h2,.legal-section.ccpa-notice h2{color:var(--primary);margin-top:0}.legal-footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;padding:1rem 1.5rem 2rem;background:linear-gradient(to top,var(--background) 70%,transparent)}.pricing-content{flex:1;padding:1rem 1.5rem 2rem;display:flex;flex-direction:column;align-items:center}.pricing-hero{text-align:center;margin-bottom:2rem}.pricing-icon{width:5rem;height:5rem;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),#e6b520);border-radius:50%;box-shadow:0 10px 25px -5px #f4c02566}.pricing-icon .material-symbols-outlined{font-size:2.5rem;color:#fff}.pricing-title{font-size:1.75rem;font-weight:800;color:var(--text-dark);margin-bottom:.5rem}.pricing-subtitle{font-size:.875rem;color:var(--text-muted);line-height:1.5;max-width:280px;margin:0 auto}.pricing-card{width:100%;background:#fff;border:2px solid var(--primary);border-radius:1.5rem;padding:1.5rem;box-shadow:0 10px 40px -10px #f4c0254d}.pricing-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.pricing-feature{display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;color:var(--text-dark)}.pricing-feature .material-symbols-outlined{font-size:1.25rem;color:var(--primary);font-variation-settings:"FILL" 1}.pricing-price{text-align:center;margin-bottom:1.5rem;padding:1rem;background:#f4c0251a;border-radius:1rem}.price-amount{display:block;font-size:2.5rem;font-weight:800;color:var(--text-dark)}.price-period{font-size:.875rem;color:var(--text-muted);font-weight:500}.purchase-button{width:100%;height:3.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--primary),#e6b520);color:var(--text-dark);border:none;border-radius:1rem;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px -3px #f4c02566}.purchase-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px -3px #f4c02580}.purchase-button:active{transform:scale(.98)}.purchase-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.purchase-button .material-symbols-outlined{font-size:1.25rem}.secure-notice{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--text-muted)}.secure-notice .material-symbols-outlined{font-size:1rem}.refund-badge{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:.75rem;font-size:.75rem;color:#166534;text-align:left}.refund-badge .material-symbols-outlined{font-size:1rem;color:#22c55e;flex-shrink:0}.success-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center}.success-icon{width:6rem;height:6rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;margin-bottom:1.5rem;animation:successPop .5s ease-out}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-icon .material-symbols-outlined{font-size:3rem;color:#fff;font-variation-settings:"FILL" 1}.success-title{font-size:1.75rem;font-weight:800;color:var(--text-dark);margin-bottom:.5rem}.success-subtitle{font-size:1.125rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.success-description{font-size:.875rem;color:var(--text-muted);line-height:1.6;max-width:300px;margin-bottom:2rem}.success-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:280px;height:3.5rem;background:linear-gradient(135deg,var(--primary),#e6b520);color:var(--text-dark);border:none;border-radius:1rem;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px -3px #f4c02566}.success-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px -3px #f4c02580}.success-button .material-symbols-outlined{font-size:1.5rem}.success-support{margin-top:2rem;text-align:center}.success-support p{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.support-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--primary);text-decoration:none;font-weight:600}.support-link:hover{text-decoration:underline}.support-link .material-symbols-outlined{font-size:1rem}.refund-notice{display:flex;align-items:flex-start;gap:.75rem;margin-top:2rem;padding:1rem;background:#f4c0251a;border:1px solid rgba(244,192,37,.3);border-radius:1rem;max-width:320px;text-align:left}.refund-notice .material-symbols-outlined{font-size:1.25rem;color:var(--primary);flex-shrink:0;margin-top:.125rem}.refund-notice strong{display:block;font-size:.875rem;font-weight:700;color:var(--text-dark);margin-bottom:.25rem}.refund-notice p{font-size:.75rem;color:var(--text-muted);line-height:1.5;margin:0}