@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Fredoka:wght@400;500;600;700&display=swap";:root{--color-primary:#b642f0;--color-primary-light:#c871f4;--color-primary-dark:#a413ec;--color-secondary:#ffc619;--color-secondary-light:#ffd24d;--color-accent-dog:#fa8938;--color-accent-cat:#2bcdee;--color-accent-kids:#f25a8c;--color-dark:#1a1a23;--color-dark-light:#292932;--color-gray:#61616b;--color-gray-light:#afafb6;--color-gray-lighter:#e4e4e7;--color-white:#fff;--gradient-primary:linear-gradient(135deg,#b642f0,#e830e8);--gradient-secondary:linear-gradient(135deg,#ffc619,#faa938);--gradient-dog:linear-gradient(135deg,#fa8938,#f45925);--gradient-cat:linear-gradient(135deg,#0bb8da,#0da6f2);--gradient-kids:linear-gradient(135deg,#f25a8c,#eb4763);--glass-bg:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.2);--glass-shadow:0 8px 32px 0 rgba(0,0,0,.1);--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.12);--shadow-lg:0 8px 32px rgba(0,0,0,.16);--shadow-xl:0 16px 48px rgba(0,0,0,.2);--font-main:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Fredoka","Inter",sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}@media(prefers-color-scheme:dark){:root{--color-dark:#111117;--color-dark-light:#1f1f28;--color-gray-lighter:#3d3d43}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-attachment:fixed;background-color:#fdfbf7;background-image:radial-gradient(circle at 10% 20%,rgba(255,198,25,.4),transparent 40%),radial-gradient(circle at 90% 10%,rgba(182,66,240,.4),transparent 40%),radial-gradient(circle at 50% 50%,rgba(242,90,140,.2),transparent 50%),radial-gradient(circle at 80% 80%,rgba(43,205,238,.4),transparent 40%),radial-gradient(circle at 20% 90%,rgba(250,137,56,.3),transparent 40%);font-family:var(--font-main);font-size:1rem;line-height:1.6;min-height:100vh;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:var(--color-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}h5{font-size:1.25rem}h6{font-size:1.125rem}p{color:var(--color-gray);margin-bottom:var(--space-md)}a{color:var(--color-primary);text-decoration:none;transition:all var(--transition-base)}a:hover{color:var(--color-primary-dark)}.container{margin:0 auto;max-width:var(--container-xl);padding:0 var(--space-md);width:100%}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-2xl{max-width:var(--container-2xl)}.btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:1rem;font-weight:600;gap:var(--space-xs);justify-content:center;overflow:hidden;padding:var(--space-sm) var(--space-lg);position:relative;text-align:center;text-decoration:none;transition:all var(--transition-base)}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow);width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:var(--color-white)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--gradient-secondary);box-shadow:var(--shadow-md);color:var(--color-dark)}.btn-dog{background:var(--gradient-dog)}.btn-cat,.btn-dog{color:var(--color-white)}.btn-cat{background:var(--gradient-cat)}.btn-kids{background:var(--gradient-kids);color:var(--color-white)}.btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.btn-lg{font-size:1.125rem;padding:var(--space-md) var(--space-xl)}.btn-sm{font-size:.875rem;padding:var(--space-xs) var(--space-md)}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border)}.card-header{border-bottom:1px solid var(--color-gray-lighter)}.card-body,.card-footer,.card-header{padding:var(--space-lg)}.card-footer{border-top:1px solid var(--color-gray-lighter)}.badge{align-items:center;background:var(--color-gray-lighter);border-radius:var(--radius-full);color:var(--color-dark);display:inline-flex;font-size:.875rem;font-weight:600;padding:var(--space-xs) var(--space-sm)}.badge-primary{background:var(--gradient-primary);color:var(--color-white)}.badge-dog{background:var(--gradient-dog)}.badge-cat,.badge-dog{color:var(--color-white)}.badge-cat{background:var(--gradient-cat)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.mt-0{margin-top:0}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.py-sm{padding-bottom:var(--space-sm);padding-top:var(--space-sm)}.py-md{padding-bottom:var(--space-md);padding-top:var(--space-md)}.py-lg{padding-bottom:var(--space-lg);padding-top:var(--space-lg)}.py-xl{padding-bottom:var(--space-xl);padding-top:var(--space-xl)}.py-2xl{padding-bottom:var(--space-2xl);padding-top:var(--space-2xl)}.py-3xl{padding-bottom:var(--space-3xl);padding-top:var(--space-3xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.mode-toggle{background:var(--color-gray-lighter);border-radius:var(--radius-full);display:inline-flex;gap:var(--space-xs);padding:var(--space-xs)}.mode-toggle button{background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-gray);cursor:pointer;font-family:var(--font-display);font-size:.875rem;font-weight:600;padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.mode-toggle button.active{background:var(--color-white);box-shadow:var(--shadow-sm);color:var(--color-primary)}.section-gradient-primary{background:var(--gradient-primary);color:var(--color-white)}.section-gradient-dog{background:var(--gradient-dog);color:var(--color-white)}.section-gradient-cat{background:var(--gradient-cat);color:var(--color-white)}.section-gradient-kids{background:var(--gradient-kids)}.btn-accent,.section-gradient-cat h1,.section-gradient-cat h2,.section-gradient-cat h3,.section-gradient-cat p,.section-gradient-dog h1,.section-gradient-dog h2,.section-gradient-dog h3,.section-gradient-dog p,.section-gradient-kids,.section-gradient-kids h1,.section-gradient-kids h2,.section-gradient-kids h3,.section-gradient-kids p,.section-gradient-primary h1,.section-gradient-primary h2,.section-gradient-primary h3,.section-gradient-primary p{color:var(--color-white)}.btn-accent{background:linear-gradient(135deg,#0bdab8,#0dccf2);box-shadow:var(--shadow-md)}.btn-accent:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.text-white{color:var(--color-white)}.display-2{font-size:clamp(2.5rem,5vw,4rem)}.display-2,.display-3{font-family:var(--font-display);font-weight:700;line-height:1.1;margin-bottom:var(--space-md)}.display-3{font-size:clamp(2rem,4vw,3rem)}.search-bar[data-v-5b4b7aff]{max-width:360px;position:relative;width:100%}.search-input-wrap[data-v-5b4b7aff]{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-lighter);border-radius:var(--radius-full);display:flex;gap:.5rem;padding:.4rem .85rem;transition:all var(--transition-fast)}.search-input-wrap[data-v-5b4b7aff]:focus-within{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #a05adc26}.search-icon[data-v-5b4b7aff]{color:var(--color-gray);flex-shrink:0;height:16px;width:16px}.search-input-wrap input[data-v-5b4b7aff]{background:transparent;border:0;color:var(--color-dark);flex:1;font:inherit;min-width:0;outline:0}.search-results[data-v-5b4b7aff]{background:var(--color-white);border:1px solid var(--color-gray-lighter);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;max-height:60vh;overflow-y:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.search-result[data-v-5b4b7aff]{align-items:baseline;border-bottom:1px solid var(--color-gray-lighter);color:var(--color-dark);display:grid;gap:.25rem .75rem;grid-template-columns:56px 1fr;padding:.6rem .85rem;text-decoration:none}.search-result[data-v-5b4b7aff]:last-child{border-bottom:0}.result-kind[data-v-5b4b7aff],.search-result.active[data-v-5b4b7aff],.search-result[data-v-5b4b7aff]:hover{background:var(--color-gray-lighter)}.result-kind[data-v-5b4b7aff]{align-self:start;border-radius:var(--radius-full);color:var(--color-gray);font-size:.65rem;font-weight:700;letter-spacing:.06em;padding:.15rem .45rem;text-align:center;text-transform:uppercase}.result-kind[data-kind=dog][data-v-5b4b7aff]{background:#ff823c26;color:var(--color-accent-dog)}.result-kind[data-kind=cat][data-v-5b4b7aff]{background:#3caadc26;color:var(--color-accent-cat)}.result-kind[data-kind=article][data-v-5b4b7aff]{background:#a05adc26;color:var(--color-primary)}.result-title[data-v-5b4b7aff]{font-weight:600;grid-column:2}.result-sub[data-v-5b4b7aff]{font-size:.8rem;grid-column:2}.empty[data-v-5b4b7aff],.result-sub[data-v-5b4b7aff]{color:var(--color-gray)}.empty[data-v-5b4b7aff]{font-size:.9rem;padding:.85rem}.site-header[data-v-b48172dd]{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffd9;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.navbar[data-v-b48172dd]{display:grid;gap:var(--space-md);grid-template-columns:auto 1fr auto;padding:.75rem 0}.logo[data-v-b48172dd],.navbar[data-v-b48172dd]{align-items:center}.logo[data-v-b48172dd]{color:var(--color-primary);display:flex;font-family:var(--font-display);font-size:1.5rem;font-weight:700;gap:var(--space-xs);text-decoration:none;transition:all var(--transition-base)}.logo[data-v-b48172dd]:hover{transform:scale(1.04)}.logo-image[data-v-b48172dd]{height:2.2rem;-o-object-fit:contain;object-fit:contain;width:2.2rem}.logo-text[data-v-b48172dd]{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-slot[data-v-b48172dd]{display:flex;justify-content:center}.mobile-menu-toggle[data-v-b48172dd]{background:none;border:none;color:var(--color-dark);cursor:pointer;display:none;justify-self:end;padding:var(--space-xs)}.nav-links[data-v-b48172dd]{align-items:center;border-top:1px solid var(--color-gray-lighter);display:flex;flex-wrap:wrap;gap:.85rem;grid-column:1/-1;margin-top:.4rem;padding-top:.6rem}.nav-link[data-v-b48172dd]{align-items:center;border-radius:var(--radius-full);color:var(--color-dark);display:inline-flex;font-family:var(--font-display);font-size:.95rem;font-weight:600;gap:.4rem;padding:.35rem .7rem;position:relative;text-decoration:none;transition:all var(--transition-base)}.nav-icon[data-v-b48172dd]{height:1.05rem;width:1.05rem}.nav-link[data-v-b48172dd]:after{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);transition:width var(--transition-base);width:0}.nav-link.router-link-active[data-v-b48172dd]:after,.nav-link[data-v-b48172dd]:hover:after{width:70%}.nav-link-dog[data-v-b48172dd]:hover{color:var(--color-accent-dog)}.nav-link-dog.router-link-active[data-v-b48172dd]:after{background:var(--gradient-dog)}.nav-link-cat[data-v-b48172dd]:hover{color:var(--color-accent-cat)}.nav-link-cat.router-link-active[data-v-b48172dd]:after{background:var(--gradient-cat)}.nav-link-kids[data-v-b48172dd]:hover{color:var(--color-accent-kids)}.nav-link-kids.router-link-active[data-v-b48172dd]:after{background:var(--gradient-kids)}@media(max-width:880px){.navbar[data-v-b48172dd]{grid-template-columns:auto 1fr auto}.mobile-menu-toggle[data-v-b48172dd]{display:block}.nav-links[data-v-b48172dd]{background:var(--color-white);border-top:0;box-shadow:var(--shadow-lg);flex-direction:column;gap:.4rem;left:0;margin-top:0;opacity:0;padding:var(--space-lg);padding-top:var(--space-lg);position:fixed;right:0;top:64px;transform:translateY(-110%);transition:all var(--transition-base);visibility:hidden}.nav-links.mobile-open[data-v-b48172dd]{opacity:1;transform:translateY(0);visibility:visible}.nav-link[data-v-b48172dd]{font-size:1.05rem;justify-content:center;padding:var(--space-md);text-align:center;width:100%}.search-slot[data-v-b48172dd]{max-width:none}}.site-footer[data-v-0e67c087]{background:var(--gradient-primary);color:var(--color-white);margin-top:var(--space-3xl);overflow:hidden;position:relative}.footer-waves[data-v-0e67c087]{left:0;position:absolute;top:0;transform:translateY(-99%);width:100%}.footer-waves svg[data-v-0e67c087]{fill:var(--color-primary);height:100px;width:100%}.footer-content[data-v-0e67c087]{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:var(--space-3xl) 0 var(--space-xl)}.footer-section h3[data-v-0e67c087]{align-items:center;color:var(--color-white);display:flex;font-size:1.5rem;gap:.5rem;margin-bottom:var(--space-md)}.footer-section h4[data-v-0e67c087]{color:var(--color-white);font-size:1.125rem;margin-bottom:var(--space-sm)}.footer-section p[data-v-0e67c087]{color:#ffffffe6;font-size:.95rem;line-height:1.6}.footer-disclaimer[data-v-0e67c087]{background:#ffffff1a;border-left:3px solid var(--color-secondary);border-radius:var(--radius-md);font-size:.875rem;margin-top:var(--space-md);padding:var(--space-sm)}.footer-links[data-v-0e67c087]{list-style:none;margin:0;padding:0}.footer-links li[data-v-0e67c087]{margin-bottom:var(--space-xs)}.footer-links a[data-v-0e67c087]{color:#ffffffe6;display:inline-block;text-decoration:none;transition:all var(--transition-base)}.footer-links a[data-v-0e67c087]:hover{color:var(--color-secondary);transform:translate(5px)}.safety-badge[data-v-0e67c087]{align-items:center;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:var(--space-xs)}.brand-image[data-v-0e67c087]{height:2rem;-o-object-fit:contain;object-fit:contain;width:2rem}.badge-icon[data-v-0e67c087]{color:#ffffffe6;height:18px;width:18px}.heart-icon[data-v-0e67c087]{color:#ff8fa3;display:inline-block;fill:#ff8fa3;height:16px;margin:0 2px;vertical-align:middle;width:16px}.footer-bottom[data-v-0e67c087]{border-top:1px solid hsla(0,0%,100%,.2);padding:var(--space-lg) 0;text-align:center}.footer-bottom p[data-v-0e67c087]{color:#fffc;font-size:.95rem}@media(max-width:768px){.footer-content[data-v-0e67c087]{grid-template-columns:1fr;text-align:center}.footer-section h3[data-v-0e67c087],.safety-badge[data-v-0e67c087]{justify-content:center}.footer-links a[data-v-0e67c087]:hover{transform:none}}.error-page[data-v-332e40e2]{display:flex;flex-direction:column;min-height:100vh}.error-main[data-v-332e40e2]{align-items:center;display:flex;flex:1;padding:var(--space-3xl) 0}.error-illustration[data-v-332e40e2]{font-size:5rem;margin-bottom:var(--space-md)}.error-message[data-v-332e40e2]{color:var(--color-gray);font-size:1.125rem;margin:0 auto var(--space-lg);max-width:600px}.error-actions[data-v-332e40e2]{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.popular[data-v-332e40e2]{margin:0 auto;max-width:700px}.popular-grid[data-v-332e40e2]{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;padding:0}.popular-grid li[data-v-332e40e2]{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-md)}.popular-grid a[data-v-332e40e2]{color:var(--color-dark);font-weight:600}.popular-grid a[data-v-332e40e2]:hover{color:var(--color-primary)}