.img-wrapper{position:relative;width:100%;height:250px;overflow:hidden;border-radius:12px}img{width:100%;height:100%;object-fit:contain}.hidden{opacity:0}.visible{opacity:1;transition:opacity .3s ease}.shimmer{position:absolute;inset:0;background:#eee;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{to{transform:translate(100%)}}.breed-card-container{display:flex;flex-direction:row;align-items:center;gap:.5rem;width:250px;margin:1rem}.breed-card-container .card-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#1a73e8}.breed-card-container .card-checkbox:hover{transform:scale(1.1)}.breed-card-container .breed-card{width:250px;height:300px;background-color:var(--card-bg);border-radius:1rem;overflow:hidden;box-shadow:0 6px 16px var(--card-shadow);padding:1rem;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;transition:transform .2s ease,box-shadow .2s ease}.breed-card-container .breed-card img{object-fit:contain;border-radius:.5rem;margin-bottom:1rem}.breed-card-container .breed-card h2{font-size:1.2rem;color:var(--text);margin:0}.breed-card-container .breed-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px var(--hover-shadow)}.breed-details{max-width:650px;margin:2rem auto;padding:2rem;background:var(--details-bg);border-radius:12px;box-shadow:0 8px 24px var(--shadow);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--details-text);transition:box-shadow .3s ease}.breed-details:hover{box-shadow:0 12px 36px var(--hover-shadow)}.breed-details .breed-image{width:100%;max-width:450px;height:auto;border-radius:16px;margin:0 auto 1.5rem;display:block;box-shadow:0 4px 16px var(--img-shadow);object-fit:cover}.breed-details h2{font-size:2.5rem;font-weight:700;color:var(--accent);text-align:center;margin-bottom:1rem;letter-spacing:1.2px;text-transform:uppercase;text-shadow:1px 1px 2px var(--title-shadow)}.breed-details .info-section{background:var(--info-bg);padding:1.25rem 1.5rem;margin-top:2rem;border-radius:10px;box-shadow:inset 0 0 10px var(--img-shadow)}.breed-details .info-section h3{font-size:1.4rem;font-weight:600;color:var(--info-title);border-bottom:2px solid var(--info-border);padding-bottom:.4rem;margin-bottom:1rem;letter-spacing:.5px}.breed-details .info-section p{font-size:1.05rem;margin:.5rem 0;line-height:1.5;color:var(--info-text)}.breed-details .info-section p strong{color:var(--info-strong);font-weight:600}@media (max-width: 768px){.breed-details{max-width:100%;padding:1rem}.breed-details h2{font-size:2rem;margin-bottom:.8rem}.breed-details .breed-image{max-width:100%;margin-bottom:1rem}.breed-details .info-section{padding:1rem;margin-top:1.5rem}.breed-details .info-section h3{font-size:1.2rem}.breed-details .info-section p{font-size:1rem}}@media (max-width: 480px){.breed-details{padding:.75rem}.breed-details h2{font-size:1.6rem}.breed-details .info-section{padding:.8rem}.breed-details .info-section h3{font-size:1.1rem}.breed-details .info-section p{font-size:.95rem}}.breed-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.error-fallback{text-align:center;margin-top:50px}.error-fallback h1{font-size:2rem;color:#d9534f}.error-fallback p{margin:10px 0;font-size:1.2rem}.error-fallback button{background-color:#f0ad4e;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem}.error-fallback button:hover{background-color:#ec971f}.flyout{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background-color:var(--card-bg);box-shadow:0 4px 16px var(--hover-shadow);border-radius:1rem;padding:1rem 2rem;display:flex;gap:1.5rem;align-items:center;z-index:1000}.flyout span{font-size:1.1rem;color:var(--text)}.flyout button{min-width:95px;padding:.5rem 1rem;background-color:#1a73e8;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background .2s ease}.flyout button:hover{background-color:#1558b0}.theme-bttn{background:none;border:none;cursor:pointer;font-size:1.5rem}.site-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--header-bg);padding:1rem 2rem;box-shadow:var(--header-shadow);position:sticky;top:0;z-index:1000}.logo a{font-size:1.6rem;font-weight:700;color:var(--logo-color);text-decoration:none}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{font-size:1rem;color:var(--nav-link);text-decoration:none;position:relative}.nav-links a:hover{color:var(--nav-hover)}.nav-links a:after{content:"";display:block;height:2px;background:var(--nav-hover);width:0;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}@media (max-width: 420px){.logo a{font-size:1.2rem}}.loader-wrapper{display:flex;justify-content:center;align-items:center}.dog-walk{background-image:url(/assets/running-dog-BkFVIbT3.gif);width:150px;height:150px;background-size:contain;background-repeat:no-repeat;background-position:center}.no-results-placeholder{text-align:center;padding:2rem;color:#555;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.no-results-placeholder .icon{font-size:4rem;margin-bottom:1rem;animation:pulse 2s infinite}.no-results-placeholder h2{font-weight:600;margin-bottom:.5rem;color:#333}.no-results-placeholder p{font-size:1.1rem;max-width:320px;margin:0 auto;line-height:1.4}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pagination-container{margin-top:4rem;margin-bottom:7rem;display:flex;justify-content:center}.pagination-list{display:flex;list-style:none;padding:0;gap:.5rem;flex-wrap:wrap}.page-link{padding:.5rem .75rem;border:1px solid var(--page-border);border-radius:6px;background-color:var(--page-bg);color:var(--page-color);text-decoration:none;font-weight:500;transition:background-color .2s ease,color .2s ease}.page-link:hover{background-color:var(--page-hover-bg);color:var(--page-hover-color)}.page-link.active{background-color:var(--page-active-bg);color:var(--page-active-color);font-weight:700;pointer-events:none;border-color:var(--page-active-bg)}.page-link.disabled{pointer-events:none;color:var(--page-disabled-color);border-color:var(--page-disabled-border);background-color:var(--page-disabled-bg)}.pop-up-message{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#ff4d4d;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 8px #0003;font-size:16px;z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(20px)}}.search-bar{display:flex;align-items:center;justify-self:center;width:100%;max-width:746px;padding:.5rem 1rem;border-radius:50px;background:var(--search-bg);margin:30px 0;box-shadow:0 8px 24px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .3s ease,background .3s ease;box-sizing:border-box}.search-bar:focus-within{box-shadow:0 8px 32px #00000026;background:var(--search-focus-bg)}.search-bar input{flex:1;border:none;outline:none;font-size:1rem;padding:.6rem 1rem;background:transparent;color:var(--input-color);min-width:0}.search-bar .clear-btn{background:none;border:none;color:var(--clear-btn-color);cursor:pointer;font-size:2rem;transition:color .2s ease}.search-bar .clear-btn:hover{color:var(--clear-btn-hover)}.search-bar .submit-btn{background:var(--submit-gradient);color:#fff;border:none;padding:.5rem 1.4rem;border-radius:9999px;cursor:pointer;font-weight:600;font-size:1rem;margin-left:.5rem;transition:background .3s ease}.search-bar .submit-btn:hover{background:var(--submit-gradient-hover)}.error-message{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:var(--bg);border-radius:12px;max-width:400px;margin:2rem auto;text-align:center}.error-message__icon{font-size:2.5rem}.error-message__text{margin:1rem 0}.error-message__text h2{font-size:1.4rem;margin-bottom:.5rem}.error-message__text p{font-size:.95rem;color:var(--text)}.error-message__retry{background-color:#ff6b6b;color:#fff;padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background .2s ease}.error-message__retry:hover{background-color:#ff4c4c}.home-page-container{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:50px;padding:0 1rem}.home-page-container .search-hint{text-align:center;font-size:1.1rem;margin-bottom:1rem;color:var(--text-muted)}.home-page-container .search-hint em{color:var(--highlight);font-style:normal;font-weight:600}.home-page-container .refresh-btn{display:flex;align-items:center;justify-self:center;gap:.5rem;padding:.6rem 1rem;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;margin-bottom:10px;transition:background .3s ease}.home-page-container .refresh-btn:disabled{opacity:.7;cursor:not-allowed}.home-page-container .spinner{width:16px;height:16px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home-page-container.split-view{flex-direction:row;align-items:flex-start;justify-content:flex-start;height:100vh;overflow:hidden}.home-page-container.split-view .master{width:50%;height:100%;overflow-y:auto;padding-right:1rem;display:flex;flex-direction:column;align-items:center}.home-page-container.split-view .detail-panel{width:50%;height:100%;background-color:var(--panel-bg);box-shadow:-2px 0 8px var(--panel-shadow);overflow-y:auto;animation:slideIn .3s ease-out forwards;position:relative}.home-page-container.split-view .detail-panel .close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text);font-size:2rem;cursor:pointer}.home-page-container.split-view .detail-panel .close-btn:hover{color:var(--highlight);transform:scale(1.1)}.home-page-container.split-view .detail-panel .close-btn:focus{outline:none;color:var(--highlight)}@media (max-width: 768px){.home-page-container.split-view .detail-panel{position:fixed;top:60px;right:0;width:100%;z-index:999;padding-bottom:2rem}.home-page-container.split-view .detail-panel .close-btn{top:.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center}}.home-page-container .master{width:100%}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.about-container{margin-top:100px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg);color:var(--text)}.about-container .autors-photo{width:250px;height:250px;border-radius:50%;object-fit:cover;box-shadow:0 8px 20px #00000026;transition:transform .3s ease}.about-container .autors-photo:hover{transform:scale(1.05)}.about-container h1{font-size:2.5rem;color:var(--text);margin-top:1.5rem;margin-bottom:.5rem}.about-container p{font-size:1.2rem;color:var(--text-muted);max-width:600px;line-height:1.6}.about-container .about-highlight{color:var(--highlight);font-weight:700}.about-container .about-rss{text-align:center;margin-top:60px;color:var(--about-rss-text)}.about-container .about-rss .about-rss-logo{width:140px;transition:transform .3s ease;filter:var(--logo-filter)}.about-container .about-rss .about-rss-logo:hover{transform:scale(1.05)}.about-container .about-rss .about-rss-text{margin-top:8px;font-size:1.25rem;color:#888}.not-found-container{display:flex;flex-direction:column;justify-self:center;align-items:center;text-align:center;max-width:600px;padding:2rem}.not-found-container h1{font-size:6rem;color:var(--accent);margin:0}.not-found-container h2{font-size:2rem;color:var(--text);margin-bottom:1rem}.not-found-container p{font-size:1.2rem;color:var(--text-muted);margin-bottom:2rem}.not-found-container .not-found-link{display:inline-block;padding:.75rem 1.5rem;background-color:var(--accent);color:#fff;border-radius:.5rem;text-decoration:none;font-weight:700;transition:background-color .3s}.not-found-container .not-found-link:hover{background-color:#e4574f}.not-found-container .not-found-img{background-image:url(/assets/detective-dog-DSahDdZ5.gif);width:150px;height:150px;background-size:contain;background-repeat:no-repeat;background-position:center}*{margin:0;padding:0;box-sizing:border-box}:root[data-theme=light]{--bg: #ffffff;--text: #000000;--card-bg: #ffffff;--card-shadow: rgba(0, 0, 0, .1);--details-bg: #ffffff;--details-text: #2c3e50;--accent: #d17b0f;--shadow: rgba(0, 0, 0, .12);--hover-shadow: rgba(0, 0, 0, .18);--info-bg: #faf3e0;--info-text: #4a4a4a;--info-strong: #7f5a00;--info-title: #b46000;--info-border: #d17b0f;--img-shadow: rgba(209, 123, 15, .4);--title-shadow: #f5deb3;--text-muted: #444;--highlight: #d17b0f;--panel-bg: #ffffff;--panel-shadow: rgba(0, 0, 0, .15);--scroll-thumb: #ccc;--scroll-track: #f0f0f0;--search-bg: rgba(255, 255, 255, .85);--search-focus-bg: rgba(255, 255, 255, .95);--input-color: #333;--clear-btn-color: #bbb;--clear-btn-hover: #555;--submit-gradient: linear-gradient(135deg, #6c63ff, #42a5f5);--submit-gradient-hover: linear-gradient(135deg, #5a54d1, #1e88e5);--page-bg: #fff;--page-color: #333;--page-border: #ccc;--page-hover-bg: #f0f0f0;--page-hover-color: #000;--page-active-bg: #007bff;--page-active-color: #fff;--page-disabled-color: #aaa;--page-disabled-bg: #f9f9f9;--page-disabled-border: #ddd;--about-rss-text: #888888;--logo-filter: none;--header-bg: #ffffff;--header-shadow: 0 2px 6px rgba(0, 0, 0, .1);--logo-color: #1a73e8;--nav-link: #444;--nav-hover: #1a73e8}:root[data-theme=dark]{--bg: #111111;--text: #ffffff;--card-bg: #1e1e1e;--card-shadow: rgba(0, 0, 0, .4);--details-bg: #1a1a1a;--details-text: #dddddd;--accent: #f5a623;--shadow: rgba(255, 255, 255, .08);--hover-shadow: rgba(255, 255, 255, .12);--info-bg: #2a2a2a;--info-text: #bbbbbb;--info-strong: #ffcc80;--info-title: #f5a623;--info-border: #f5a623;--img-shadow: rgba(255, 204, 102, .3);--title-shadow: #333333;--text-muted: #bbb;--highlight: #f5a623;--panel-bg: #1e1e1e;--panel-shadow: rgba(255, 255, 255, .08);--scroll-thumb: #666;--scroll-track: #222;--search-bg: rgba(30, 30, 30, .8);--search-focus-bg: rgba(40, 40, 40, .9);--input-color: #eee;--clear-btn-color: #888;--clear-btn-hover: #ccc;--submit-gradient: linear-gradient(135deg, #8a7eff, #3f91f2);--submit-gradient-hover: linear-gradient(135deg, #7266f0, #1e7ee2);--page-bg: #2a2a2a;--page-color: #eee;--page-border: #555;--page-hover-bg: #3a3a3a;--page-hover-color: #fff;--page-active-bg: #1e88e5;--page-active-color: #fff;--page-disabled-color: #777;--page-disabled-bg: #1a1a1a;--page-disabled-border: #333;--about-rss-text: #aaaaaa;--logo-filter: invert(1);--header-bg: #1c1c1c;--header-shadow: 0 2px 6px rgba(255, 255, 255, .05);--logo-color: #8ab4f8;--nav-link: #ccc;--nav-hover: #8ab4f8}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background:var(--scroll-track)}*::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb);border-radius:6px;border:2px solid var(--scroll-track)}body{background-color:var(--bg);color:var(--text);transition:background .3s ease,color .3s ease}