@import url(https://fonts.googleapis.com/css?family=Lato&display=swap);*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%;overflow-x:hidden;transform:none!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;line-height:1.5;overflow:auto;text-rendering:optimizeLegibility}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#root{display:flex;flex-direction:column;min-height:100vh}html{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:focus{outline:2px solid #007bff;outline:2px solid var(--focus-color,#007bff)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #007bff;outline:2px solid var(--focus-color,#007bff);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--shadow-color:#00000080;--shadow-hover:#000000b3;--border-color:#000}[data-theme=dark]{--border-color:#fff}}@media print{*,:after,:before{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.skip-link{background:var(--primary-color,#3498db);font-weight:600;padding:8px 12px;transition:top .3s}:root{--bg-primary:#fafafa;--bg-secondary:#fff;--bg-tertiary:#f8f9fa;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--border-color:#ddd;--shadow-color:#0000001a;--shadow-hover:#00000026;--nav-bg:#333;--primary-color:#3498db;--primary-dark:#2980b9;--primary-light:#5dade2;--secondary-color:#e74c3c;--secondary-dark:#c0392b;--secondary-light:#ff6b6b;--accent-primary:#3498db;--accent-secondary:#e74c3c;--accent-tertiary:#f39c12;--success-color:#27ae60;--success-dark:#1e7e34;--success-light:#2ecc71;--warning-color:#f39c12;--warning-dark:#e0a800;--warning-light:#ffd93d;--error-color:#e74c3c;--error-dark:#c0392b;--error-light:#ff6b6b;--info-color:#3498db;--danger-color:#e74c3c;--danger-dark:#c0392b;--focus-color:#007bff;--card-bg:#fff;--hover-bg:#f8f9fa;--text-color:#333;--bg-color:#fafafa;--primary-color-rgb:52,152,219}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3a3a3a;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#888;--border-color:#555;--shadow-color:#0000004d;--shadow-hover:#0006;--nav-bg:#2d2d2d;--primary-color:#4aa3df;--primary-dark:#3498db;--primary-light:#74b9ff;--secondary-color:#ff6b6b;--secondary-dark:#e74c3c;--secondary-light:#ff7979;--accent-primary:#4aa3df;--accent-secondary:#ff6b6b;--accent-tertiary:#ffd93d;--success-color:#2ecc71;--success-dark:#27ae60;--success-light:#55efc4;--warning-color:#ffd93d;--warning-dark:#f39c12;--warning-light:#fdcb6e;--error-color:#ff6b6b;--error-dark:#e74c3c;--error-light:#ff7979;--info-color:#4aa3df;--danger-color:#ff6b6b;--danger-dark:#e74c3c;--focus-color:#74b9ff;--card-bg:#2d2d2d;--hover-bg:#3a3a3a;--text-color:#fff;--bg-color:#1a1a1a;--primary-color-rgb:74,163,223}*{box-sizing:border-box}body{background-color:#333;background-color:var(--nav-bg);font-family:Lato,sans-serif;margin:0}.container,body{color:#333;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.container{background-color:#fafafa;background-color:var(--bg-primary);min-height:100vh;padding:8%;transform:none!important;width:100vw}@media (max-width:768px){.container{padding:4%}}@media (max-width:480px){.container{padding:3%}}.content img{max-width:100%}.content{margin:50px auto;max-width:1000px}.content h1{margin:1%}.content small{font-style:italic}.content p{line-height:1}.AnimalContainer{display:flex;flex-flow:row wrap;width:100%}.animal-details{border-radius:2em;margin:1%;min-width:280px;padding:1%;transition:all .3s ease;width:30%}.clickable-card{cursor:pointer}.clickable-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-5px) scale(1.02)}.clickable-card:active{transform:translateY(-2px) scale(1.01)}@media (max-width:1200px){.animal-details{width:45%}}@media (max-width:768px){.animal-details{margin:10px auto;padding:15px;width:90%}.AnimalContainer{justify-content:center}}@media (max-width:480px){.animal-details{margin:8px auto;padding:12px;width:95%}.animal-details h1{font-size:1.5em}.animal-details small{font-size:12px}}.AnimalPhoto{border-radius:2em;box-shadow:0 3px 15px #0000001a;box-shadow:0 3px 15px var(--shadow-color);margin:1%;width:100%}.box{transform:translateX(400%);transition:transform .4s ease}.box:nth-of-type(2n){transform:translateX(-400%)}.box.show{transform:translateX(0)}.search{height:50px;position:relative}.search .input{font-size:18px;padding:15px;transition:width .3s ease}.search .input,.search-btn{background-color:#fff;background-color:var(--bg-secondary);border:0;color:#333;color:var(--text-primary);height:50px;width:50px}.search-btn{cursor:pointer;font-size:24px;left:0;position:absolute;top:0;transition:transform .3s ease}.search-btn:focus{outline:none}.search.active .input{width:200px}.search.active .search-btn{transform:translateX(210px)}@media (max-width:768px){.search{margin:20px auto;max-width:300px}.search.active .input{width:180px}.search.active .search-btn{transform:translateX(180px)}}@media (max-width:480px){.search{margin:15px auto;max-width:250px}.search.active .input{width:150px}.search.active .search-btn{transform:translateX(150px)}}.villager-buttons{gap:10px;margin-top:15px}.collection-btn,.villager-buttons{display:flex;justify-content:center}.collection-btn{align-items:center;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;gap:6px;min-width:80px;padding:8px 16px;transition:all .3s ease}.collection-btn:hover{transform:translateY(-2px)}.have-btn{border-color:#e74c3c;border-color:var(--error-color);color:#e74c3c;color:var(--error-color)}.have-btn.active,.have-btn:hover{background:#e74c3c;background:var(--error-color);color:#fff}.have-btn.active{border-color:#c0392b;border-color:var(--error-dark)}.want-btn{border-color:#f39c12;border-color:var(--warning-color);color:#f39c12;color:var(--warning-color)}.want-btn.active,.want-btn:hover{background:#f39c12;background:var(--warning-color);color:#fff}.want-btn.active{border-color:#e0a800;border-color:var(--warning-dark)}.collection-btn i{font-size:12px}.collection-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:480px){.villager-buttons{gap:8px;margin-top:12px}.collection-btn{font-size:12px;min-width:70px;padding:6px 12px}.collection-btn i{font-size:10px}}.filter-container{border-radius:10px;margin:20px 0;padding:20px}.filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.filter-header h3{font-size:18px;margin:0}.clear-filters-btn{border:none;border-radius:15px;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .3s ease}.clear-filters-btn:hover{background:#c0392b;background:var(--error-dark)}.filter-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:14px;font-weight:500;margin-bottom:5px}.filter-select{border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .3s ease}.filter-select:focus{outline:none}@media (max-width:768px){.filter-grid{gap:12px;grid-template-columns:1fr}.filter-container{margin:15px 0;padding:15px}.filter-header{align-items:stretch;flex-direction:column;gap:10px}.clear-filters-btn{align-self:flex-end}}.collection-stats{background:linear-gradient(135deg,#3498db,#e74c3c);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:15px;box-shadow:0 8px 20px #00000026;box-shadow:0 8px 20px var(--shadow-hover);color:#fff;margin:20px 0;padding:25px}.stats-header{margin-bottom:25px;text-align:center}.stats-header h2{align-items:center;display:flex;font-size:1.8em;gap:10px;justify-content:center;margin:0 0 10px}.motivational-message{font-size:1.1em;margin:0;opacity:.9}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.stat-card{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-3px)}.stat-icon{font-size:2.5em;opacity:.8}.have-stat .stat-icon{color:#ff6b6b;color:var(--error-light)}.want-stat .stat-icon{color:#ffd93d;color:var(--warning-light)}.total-stat .stat-icon{color:#2ecc71;color:var(--success-light)}.stat-content{flex:1 1}.stat-content h3{font-size:1.1em;margin:0 0 5px;opacity:.9}.stat-number{font-size:2.2em;font-weight:700;margin:0 0 2px}.stat-subtitle{font-size:.9em;margin-bottom:10px;opacity:.8}.progress-bar{background:#fff3;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .8s ease}.have-progress{background:linear-gradient(90deg,#ff6b6b,#e74c3c);background:linear-gradient(90deg,var(--error-light),var(--error-color))}.want-progress{background:linear-gradient(90deg,#ffd93d,#f39c12);background:linear-gradient(90deg,var(--warning-light),var(--warning-color))}.total-progress{background:linear-gradient(90deg,#2ecc71,#27ae60);background:linear-gradient(90deg,var(--success-light),var(--success-color))}.stat-card small{font-size:.8em;opacity:.7}.favorite-stats{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:20px}.favorite-stats h3{align-items:center;display:flex;font-size:1.3em;gap:8px;margin:0 0 15px}.insight-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.insight-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:10px 0}.insight-item:last-child{border-bottom:none}.insight-label{opacity:.8}.insight-value{color:#ffd93d;color:var(--warning-light);font-weight:600}.empty-state{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:30px 20px;text-align:center}.empty-state i{font-size:3em;margin-bottom:15px;opacity:.6}.empty-state p{line-height:1.5;margin:10px 0;opacity:.9}@media (max-width:768px){.collection-stats{margin:15px 0;padding:20px}.stats-grid{gap:15px;grid-template-columns:1fr}.stat-card{flex-direction:column;gap:10px;padding:15px;text-align:center}.stat-icon{font-size:2em}.stat-number{font-size:1.8em}.stats-header h2{font-size:1.5em}.motivational-message{font-size:1em}.insight-grid{gap:10px;grid-template-columns:1fr}.insight-item{align-items:flex-start;flex-direction:column;gap:5px}}.theme-toggle{align-items:center;background:#fff;background:var(--bg-secondary);border:2px solid #ddd;border:2px solid var(--border-color);border-radius:25px;box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-color);color:#333;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:8px 12px;right:20px;top:20px;transition:all .3s ease;z-index:999}.theme-toggle:hover{border-color:#3498db;border-color:var(--accent-primary);box-shadow:0 6px 20px #00000026;box-shadow:0 6px 20px var(--shadow-hover);transform:translateY(-2px)}.theme-toggle-track{background:#f8f9fa;background:var(--bg-tertiary);border-radius:10px;height:20px;position:relative;transition:background-color .3s ease;width:40px}.theme-toggle-thumb{align-items:center;background:#3498db;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;font-size:8px;height:16px;justify-content:center;position:absolute;top:2px;transition:all .3s ease;width:16px}.theme-toggle-thumb.light{background:#f39c12;left:2px}.theme-toggle-thumb.dark{background:#6c5ce7;left:22px}.theme-toggle-label{font-weight:500;min-width:35px}.filter-container{background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-color)}.filter-container,.filter-header h3{color:#333;color:var(--text-primary)}.clear-filters-btn{color:#fff}.clear-filters-btn,.clear-filters-btn:hover{background:#e74c3c;background:var(--error-color)}.clear-filters-btn:hover{filter:brightness(.9)}.filter-group label{color:#666;color:var(--text-secondary)}.filter-select{background:#fafafa;background:var(--bg-primary);border:2px solid #ddd;border:2px solid var(--border-color);color:#333;color:var(--text-primary)}.filter-select:focus{border-color:#3498db;border-color:var(--accent-primary)}.filter-select:hover{border-color:#999;border-color:var(--text-muted)}.collection-btn{background:#fff;background:var(--bg-secondary);border:2px solid #ddd;border:2px solid var(--border-color);color:#333;color:var(--text-primary)}.collection-btn:hover{box-shadow:0 4px 8px #00000026;box-shadow:0 4px 8px var(--shadow-hover)}.animal-details{border:1px solid #ddd;border:1px solid var(--border-color);box-shadow:0 3px 15px #0000001a;box-shadow:0 3px 15px var(--shadow-color)}.clickable-card:hover{box-shadow:0 8px 25px #00000026;box-shadow:0 8px 25px var(--shadow-hover)}@media (max-width:768px){.theme-toggle{font-size:12px;padding:6px 10px;right:15px;top:15px}.theme-toggle-track{height:18px;width:35px}.theme-toggle-thumb{font-size:7px;height:14px;width:14px}.theme-toggle-thumb.dark{left:19px}.theme-toggle-label{min-width:30px}}.lazy-image-container{overflow:hidden;position:relative;width:100%}.lazy-image,.lazy-image-wrapper{height:100%;width:100%}.lazy-image{object-fit:cover;transition:opacity .3s ease,transform .3s ease}.lazy-image.loading{opacity:0;transform:scale(1.05)}.lazy-image.loaded{opacity:1;transform:scale(1)}.lazy-image-placeholder{animation:shimmer 2s linear infinite;background:linear-gradient(45deg,#f8f9fa 25%,#0000 0,#0000 75%,#f8f9fa 0),linear-gradient(45deg,#f8f9fa 25%,#0000 0,#0000 75%,#f8f9fa 0);background:linear-gradient(45deg,var(--bg-tertiary) 25%,#0000 25%,#0000 75%,var(--bg-tertiary) 75%),linear-gradient(45deg,var(--bg-tertiary) 25%,#0000 25%,#0000 75%,var(--bg-tertiary) 75%);background-position:0 0,10px 10px;background-size:20px 20px}@keyframes shimmer{0%{background-position:0 0,10px 10px}to{background-position:20px 20px,30px 30px}}.lazy-image-error{border:2px dashed #ddd;border:2px dashed var(--border-color);opacity:.7}.lazy-image-container:focus-within{outline:2px solid #3498db;outline:2px solid var(--accent-primary);outline-offset:2px}.lazy-image-container img{will-change:opacity,transform}@media (prefers-reduced-motion:reduce){.lazy-image{transition:opacity .1s ease}.lazy-image-placeholder{animation:none}}:focus{outline:2px solid #3498db;outline:2px solid var(--accent-primary);outline-offset:2px}.skip-link{background:#3498db;background:var(--accent-primary);border-radius:4px;color:#fff;font-weight:700;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:10000}.skip-link:focus{top:6px}.clickable-card:focus{box-shadow:0 0 0 6px #3498db33;box-shadow:0 0 0 6px rgba(var(--primary-color-rgb),.2);outline:3px solid #007bff;outline:3px solid var(--focus-color);outline-offset:3px;transform:translateY(-2px)}.collection-btn:focus,.theme-toggle:focus{box-shadow:0 0 0 4px #3498db33;box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),.2);outline:2px solid #007bff;outline:2px solid var(--focus-color);outline-offset:2px}.filter-select:focus{box-shadow:0 0 0 3px #3498db33;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2);outline:2px solid #007bff;outline:2px solid var(--focus-color);outline-offset:1px}.clickable-card[tabindex]:focus,.clickable-card[tabindex]:hover{cursor:pointer}.collection-btn[disabled]{cursor:not-allowed;opacity:.6}.collection-btn[disabled]:focus{box-shadow:none;outline:none}.modal-content:focus-within{box-shadow:0 0 0 4px #3498db4d}@media (prefers-contrast:high){.clickable-card{border:2px solid #333;border:2px solid var(--text-primary)}.collection-btn,.theme-toggle{border-width:3px}}.villager-details-text{letter-spacing:.02em;line-height:1.6}.villager-saying{background:#f8f9fa;background:var(--bg-tertiary);border-left:4px solid #e74c3c;border-left:4px solid var(--accent-secondary);font-style:italic;margin:1em 0;padding:.5em}.catchphrase{font-weight:700;margin-left:.5em}.villager-basic-info{color:#666;color:var(--text-secondary);font-size:.9em;margin:.5em 0}.villager-personality-hobby{font-weight:500;margin:.5em 0}.villager-birthday{margin:.5em 0}.villager-actions{border-top:1px solid #ddd;border-top:1px solid var(--border-color);margin-top:1em;padding-top:1em}.animal-details header h2{font-size:1.8em;line-height:1.2;margin:0 0 .5em}.modal-info-grid{margin-bottom:2em}.modal-quote-section,.modal-tips{margin:2em 0}@media (prefers-reduced-motion:reduce){*,.clickable-card,.collection-btn,.lazy-image,.theme-toggle{animation:none!important;transition:none!important}}.btn-base{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;outline:none;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.btn-base:focus{box-shadow:0 0 0 2px var(--accent-primary)}.btn-base:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-secondary);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary)}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background:#229954;transform:translateY(-1px)}.btn-warning{background:var(--warning-color);color:#fff}.btn-warning:hover:not(:disabled){background:#e67e22;transform:translateY(-1px)}.btn-danger{background:var(--error-color);color:#fff}.btn-danger:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.btn-sm{font-size:.8rem;padding:.5rem .75rem}.btn-lg{font-size:1.1rem;padding:1rem 1.5rem}.btn-icon{border-radius:50%;padding:.5rem}.btn-full{width:100%}.modal-base{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content-base{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.modal-header-base{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1.5rem}.modal-body-base{flex-grow:1;overflow-y:auto;padding:1.5rem}.modal-footer-base{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.modal-close-base{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:2rem}.modal-close-base:hover{background:var(--error-color);color:#fff}.card-base{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);overflow:hidden;transition:all .3s ease}.card-base:hover{box-shadow:0 4px 16px var(--shadow-hover);transform:translateY(-2px)}.card-header-base{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:1rem 1.25rem}.card-body-base{padding:1.25rem}.card-footer-base{background:var(--bg-tertiary);border-top:1px solid var(--border-color);padding:1rem 1.25rem}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:var(--accent-primary)}.card-clickable:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.form-group-base{margin-bottom:1.5rem}.form-label-base{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.form-input-base{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.form-input-base:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3498db33;outline:none}.form-input-base:disabled{cursor:not-allowed;opacity:.6}.form-select-base{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.flex{display:flex}.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-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.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}}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-info{color:var(--info-color)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transition-all{transition:all .2s ease}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.transition-transform{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}.hover-lift:hover{transform:translateY(-2px)}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.loading{overflow:hidden;position:relative}.loading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{to{left:100%}}.error-state{background-color:#e74c3c1a!important;border-color:var(--error-color)!important}.success-state{background-color:#27ae601a!important;border-color:var(--success-color)!important}@media (max-width:640px){.sm-hidden{display:none}.sm-block{display:block}.sm-flex{display:flex}.sm-grid{display:grid}.sm-text-sm{font-size:.875rem}.sm-p-2{padding:.5rem}.sm-px-2{padding-left:.5rem;padding-right:.5rem}.sm-py-2{padding-bottom:.5rem;padding-top:.5rem}}@media (max-width:768px){.md-hidden{display:none}.md-block{display:block}.md-flex{display:flex}.md-grid{display:grid}.md-text-base{font-size:1rem}.md-p-3{padding:.75rem}}@media (min-width:1024px){.lg-block{display:block}.lg-flex{display:flex}.lg-grid{display:grid}.lg-text-lg{font-size:1.125rem}.lg-p-6{padding:1.5rem}}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.border-primary{border-color:var(--border-color)}.border-accent{border-color:var(--accent-primary)}.shadow-sm{box-shadow:0 1px 3px var(--shadow-color)}.shadow-md{box-shadow:0 4px 8px var(--shadow-color)}.shadow-lg{box-shadow:0 8px 16px var(--shadow-color)}.shadow-xl{box-shadow:0 12px 24px var(--shadow-color)}.enhanced-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1001}.enhanced-modal-content{background:var(--bg-color);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 25px 50px var(--shadow-hover);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.enhanced-modal-header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0;color:#fff;padding:1.5rem;position:relative}.enhanced-villager-title{text-align:center}.enhanced-villager-name{font-size:2rem;font-weight:700;margin:0 0 .5rem;text-shadow:2px 2px 4px #0000004d}.enhanced-villager-subtitle{font-size:1.1rem;font-weight:500;margin:0;opacity:.9}.enhanced-modal-body{grid-gap:2rem;background:var(--bg-color);display:grid;flex-grow:1;gap:2rem;grid-template-columns:1fr 2fr;padding:2rem;position:relative;z-index:1}.enhanced-villager-image-section{align-items:flex-start;display:flex;justify-content:center}.enhanced-villager-image{border-radius:12px;box-shadow:0 8px 16px #0003;height:200px;object-fit:cover;transition:transform .3s ease;width:200px}.enhanced-villager-image:hover{transform:scale(1.05)}.enhanced-villager-info{display:flex;flex-direction:column;gap:1.5rem}.enhanced-basic-info{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.info-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem 0}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-muted);font-weight:600}.info-value{color:var(--text-color);font-weight:500}.enhanced-appearances-section h3,.enhanced-gift-section h3,.enhanced-music-section h3,.enhanced-personality-section h3{align-items:center;color:var(--primary-color);display:flex;font-size:1.2rem;gap:.5rem;margin:0 0 .75rem}.personality-description{color:var(--text-muted);font-style:italic;line-height:1.5;margin:0}.enhanced-gift-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem}.gift-category{margin-bottom:1rem}.gift-category:last-child{margin-bottom:0}.gift-category h4{color:var(--text-color);font-size:.9rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.gift-tags{display:flex;flex-wrap:wrap;gap:.5rem}.gift-tag{border-radius:20px;font-size:.85rem;font-weight:500;padding:.25rem .75rem;transition:all .2s ease}.style-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.color-tag{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.clothing-tag{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.gift-tag:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.enhanced-appearances-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem}.appearances-list{display:flex;flex-wrap:wrap;gap:.5rem}.appearance-badge{background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:6px;box-shadow:0 2px 4px #0000001a;color:var(--text-color);font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:transform .2s ease}.appearance-badge:hover{transform:translateY(-1px)}.enhanced-music-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem}.house-song{color:var(--text-muted);font-style:italic;margin:0}.house-song strong{color:var(--primary-color);font-weight:600}.enhanced-links-section{text-align:center}.nookipedia-link{align-items:center;background:linear-gradient(135deg,#ff9a9e,#fecfef);border-radius:8px;box-shadow:0 4px 8px #0000001a;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.nookipedia-link,.nookipedia-link:hover{color:var(--text-color);text-decoration:none}.nookipedia-link:hover{box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.enhanced-modal-footer{background:var(--card-bg);border-radius:0 0 16px 16px;border-top:1px solid var(--border-color);padding:1.5rem}.enhanced-collection-actions{display:flex;gap:1rem;justify-content:center}.collection-button{border:2px solid #0000;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.have-button{background:var(--success-color);color:#fff}.have-button.active{background:var(--success-dark);transform:scale(.95)}.want-button{background:var(--warning-color);color:#fff}.want-button.active{background:var(--warning-dark);transform:scale(.95)}.collection-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.collection-button:focus{outline:2px solid var(--focus-color);outline-offset:2px}@media (max-width:768px){.enhanced-modal-content{margin:1rem;max-width:95vw}.enhanced-modal-body{gap:1.5rem;grid-template-columns:1fr;text-align:center}.enhanced-villager-name{font-size:1.5rem}.enhanced-collection-actions{align-items:stretch;flex-direction:column}.collection-button{min-width:0;min-width:auto}}@media (max-width:480px){.enhanced-modal-body,.enhanced-modal-footer,.enhanced-modal-header{padding:1rem}.appearances-list,.gift-tags{justify-content:center}}.hamburger-menu{align-items:center;background:var(--primary-color);border:none;border-radius:50%;box-shadow:0 4px 20px var(--shadow-color);cursor:pointer;display:flex;flex-direction:column;gap:.25rem;height:4rem;justify-content:center;left:2rem;position:fixed;top:2rem;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:4rem;z-index:1100}.hamburger-menu:hover{background:var(--primary-dark);box-shadow:0 6px 25px var(--shadow-hover);transform:scale(1.1)}.hamburger-menu:active{transform:scale(.95)}.hamburger-menu:focus{outline:3px solid var(--focus-color);outline-offset:4px}.hamburger-menu--active{background:var(--danger-color);transform:rotate(180deg)}.hamburger-menu--active:hover{background:var(--danger-dark);transform:rotate(180deg) scale(1.1)}.hamburger-menu__container{display:flex;flex-direction:column;height:1.125rem;justify-content:space-between;position:relative;width:1.5rem}.hamburger-menu__line{background:#fff;border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:100%}.hamburger-menu--active .hamburger-menu__line--1{transform:translateY(7px) rotate(45deg)}.hamburger-menu--active .hamburger-menu__line--2{opacity:0;transform:scaleX(0)}.hamburger-menu--active .hamburger-menu__line--3{transform:translateY(-7px) rotate(-45deg)}.hamburger-menu__label{background:var(--bg-color);border-radius:4px;box-shadow:0 2px 8px var(--shadow-color);color:var(--text-color);font-size:.75rem;font-weight:600;left:50%;margin-top:.5rem;opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%);transition:all .2s ease;white-space:nowrap}.hamburger-menu:hover .hamburger-menu__label{opacity:1;transform:translateX(-50%) translateY(-4px)}[data-theme=dark] .hamburger-menu{background:var(--primary-color);box-shadow:0 4px 20px var(--shadow-color)}[data-theme=dark] .hamburger-menu:hover{background:var(--primary-dark)}[data-theme=dark] .hamburger-menu--active{background:var(--danger-color)}[data-theme=dark] .hamburger-menu__label{background:var(--card-bg);color:var(--text-color)}@media (max-width:768px){.hamburger-menu{height:3.5rem;left:1rem;top:1rem;width:3.5rem}.hamburger-menu__container{height:1rem;width:1.25rem}.hamburger-menu__label{font-size:.7rem}}@media (max-width:480px){.hamburger-menu{height:3rem;left:.75rem;top:.75rem;width:3rem}.hamburger-menu__container{height:.875rem;width:1rem}.hamburger-menu--active .hamburger-menu__line--1{transform:translateY(6px) rotate(45deg)}.hamburger-menu--active .hamburger-menu__line--3{transform:translateY(-6px) rotate(-45deg)}}@media (prefers-reduced-motion:reduce){.hamburger-menu,.hamburger-menu__label,.hamburger-menu__line{transition:none}.hamburger-menu--active,.hamburger-menu--active:hover,.hamburger-menu:hover{transform:none}}@media (prefers-contrast:high){.hamburger-menu{border:2px solid #000;border:2px solid var(--text-color,#000)}.hamburger-menu__line{background:#fff;background:var(--bg-color,#fff);height:3px}.hamburger-menu__label{border:1px solid #000;border:1px solid var(--text-color,#000)}}.nav-container{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);width:100%;z-index:1000}.nav-container--active{transform:translateX(0)}.nav-list{list-style:none;margin:0;padding:0;text-align:center}.nav-item{margin:2rem 0;opacity:0;transform:translateX(-100px);transition:all .3s ease}.nav-container--active .nav-item{opacity:1;transform:translateX(0)}.nav-container--active .nav-item:first-child{transition-delay:.1s}.nav-container--active .nav-item:nth-child(2){transition-delay:.2s}.nav-container--active .nav-item:nth-child(3){transition-delay:.3s}.nav-link{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;letter-spacing:2px;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.nav-link:before{background:#ffffff1a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.nav-link:hover:before{left:0}.nav-link:hover{text-shadow:0 4px 8px #0000004d;transform:scale(1.05)}.nav-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem}@media (max-width:768px){.nav-link{font-size:2rem;gap:.75rem}.nav-icon{font-size:1.5rem}}:root{--gradient-primary-light:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary-light:linear-gradient(135deg,#f093fb,#f5576c);--gradient-accent-light:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-success-light:linear-gradient(135deg,#43e97b,#38f9d7);--pattern-dots:radial-gradient(circle at 1px 1px,#ffffff26 1px,#0000 0);--pattern-grid:linear-gradient(#ffffff1a 1px,#0000 0),linear-gradient(90deg,#ffffff1a 1px,#0000 0)}[data-theme=dark]{--gradient-primary-dark:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary-dark:linear-gradient(135deg,#ff9a9e,#fecfef);--gradient-accent-dark:linear-gradient(135deg,#a8edea,#fed6e3);--gradient-success-dark:linear-gradient(135deg,#43e97b,#38f9d7);--pattern-dots:radial-gradient(circle at 1px 1px,#ffffff1a 1px,#0000 0);--pattern-grid:linear-gradient(#ffffff0d 1px,#0000 0),linear-gradient(90deg,#ffffff0d 1px,#0000 0)}body{animation:gentleGradientShift 20s ease-in-out infinite;background:var(--nav-bg);background-attachment:fixed;background-image:linear-gradient(135deg,#667eea,#764ba2),radial-gradient(circle at 1px 1px,#ffffff26 1px,#0000 0);background-image:var(--gradient-primary-light),var(--pattern-dots);background-size:100% 100%,20px 20px;overflow-x:hidden;position:relative}[data-theme=dark] body{background-image:var(--gradient-primary-dark),radial-gradient(circle at 1px 1px,#ffffff26 1px,#0000 0);background-image:var(--gradient-primary-dark),var(--pattern-dots);background-size:100% 100%,25px 25px}@keyframes gentleGradientShift{0%,to{filter:hue-rotate(0deg) brightness(1)}25%{filter:hue-rotate(5deg) brightness(1.05)}50%{filter:hue-rotate(-3deg) brightness(.98)}75%{filter:hue-rotate(8deg) brightness(1.02)}}.app-container{background:#0000;min-height:100vh;position:relative;transform:none!important;transition:transform .3s ease}.main-content{transform:none;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);width:100%;z-index:1}.main-content.main-content--nav-open{border-radius:20px;box-shadow:0 20px 40px #0000004d;overflow:hidden;transform:scale(.85) translateX(10%)}@media (max-width:768px){.main-content.main-content--nav-open{transform:scale(.9) translateX(5%)}}.app-header-section{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#fffffff2,#f8f9fae6);border-bottom:1px solid #fff3;border-radius:0 0 2rem 2rem;box-shadow:0 8px 32px #0000001a;margin-bottom:3rem;overflow:hidden;position:relative}[data-theme=dark] .app-header-section{background:linear-gradient(135deg,#2d2d2df2,#1a1a1ae6);border-bottom:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}.app-header-section:before{animation:gentleFloat 15s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c633 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c633 0,#0000 50%);content:"";height:150%;left:-25%;position:absolute;top:-25%;width:150%;z-index:-1}@keyframes gentleFloat{0%,to{opacity:.7;transform:rotate(0deg) scale(1)}50%{opacity:1;transform:rotate(180deg) scale(1.1)}}.header-spacer{min-height:2rem;padding:4rem 2rem}.theme-toggle{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:50%;box-shadow:0 8px 32px #0000001a;position:fixed;right:2rem;top:2rem;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:1100}[data-theme=dark] .theme-toggle{background:#2d2d2de6;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}.theme-toggle:hover{box-shadow:0 12px 40px #0003;transform:scale(1.1) rotate(10deg)}.main-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#f8f9facc);border:1px solid #ffffff4d;border-radius:2rem;box-shadow:0 20px 80px #0000001a;margin:2rem 0;overflow:hidden;position:relative}[data-theme=dark] .main-content{background:linear-gradient(135deg,#2d2d2de6,#1a1a1acc);border:1px solid #ffffff1a;box-shadow:0 20px 80px #0000004d}.main-content:before{animation:gentleFloatingElements 20s ease-in-out infinite;background:radial-gradient(circle at 10% 20%,#4facfe1a 0,#0000 50%),radial-gradient(circle at 90% 80%,#7877c61a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}@keyframes gentleFloatingElements{0%,to{opacity:.6;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-10px) rotate(90deg)}}.filter-container,.search-container{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;position:relative}[data-theme=dark] .filter-container,[data-theme=dark] .search-container{background:#2d2d2de6;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}.filter-container:before,.search-container:before{background-image:linear-gradient(#ffffff1a 1px,#0000 0),linear-gradient(90deg,#ffffff1a 1px,#0000 0);background-image:var(--pattern-grid);background-size:30px 30px;bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.collection-stats{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eeae6,#764ba2cc);border:1px solid #fff3;box-shadow:0 20px 60px #667eea4d;overflow:hidden;position:relative}.collection-stats:before{animation:gentleSparkle 12s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fff3,#0000),radial-gradient(2px 2px at 40px 70px,#ffffff26,#0000),radial-gradient(1px 1px at 90px 40px,#fff3,#0000),radial-gradient(1px 1px at 130px 80px,#ffffff26,#0000),radial-gradient(2px 2px at 160px 30px,#ffffff1a,#0000);background-repeat:repeat;background-size:200px 120px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes gentleSparkle{0%{opacity:.7;transform:translateX(0)}50%{opacity:1}to{opacity:.7;transform:translateX(200px)}}@media (max-width:768px){.app-header-section{border-radius:0 0 1rem 1rem;margin-bottom:2rem}.header-spacer{min-height:1.5rem;padding:2rem 1rem}.theme-toggle{right:1rem;top:1rem}.main-content{border-radius:1rem;margin:1rem 0}}@media (max-width:480px){.theme-toggle{right:.75rem;top:.75rem}.header-spacer{min-height:1rem;padding:1.5rem .75rem}}@media (prefers-reduced-motion:reduce){.app-header-section:before,.collection-stats:before,.main-content:before,body{animation:none!important}.theme-toggle:hover{transform:none!important}*{animation-duration:.1s!important;transition-duration:.1s!important}}@media (prefers-contrast:high){.app-header-section,.collection-stats,.filter-container,.main-content,.search-container{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:var(--text-primary)!important;border-width:3px!important}.app-header-section{background:var(--bg-secondary)!important}.main-content{background:var(--bg-primary)!important}.collection-stats{background:var(--primary-color)!important}:focus{outline:4px solid var(--focus-color)!important;outline-offset:4px!important}}.enhanced-search-container{margin:2rem auto;max-width:600px;position:relative;width:100%;z-index:100}.enhanced-search{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:50px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff9;display:flex;height:60px;overflow:hidden;padding:4px;position:relative;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}[data-theme=dark] .enhanced-search{background:#2d2d2df2;border:2px solid #ffffff1a;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a}.enhanced-search:before{animation:gentleGradientRotate 6s ease-in-out infinite;background:linear-gradient(45deg,#667eea66,#764ba266,#ff9a9e66,#4facfe66);background-size:400% 400%;border-radius:50px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.enhanced-search--active:before,.enhanced-search:hover:before{opacity:.8}[data-theme=dark] .enhanced-search:before{opacity:0}[data-theme=dark] .enhanced-search--active:before,[data-theme=dark] .enhanced-search:hover:before{opacity:.5}@keyframes gentleGradientRotate{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.enhanced-search--active{border-radius:30px;box-shadow:0 12px 40px #00000026,inset 0 1px 0 #fff9;transform:scale(1.02)}[data-theme=dark] .enhanced-search--active{box-shadow:0 12px 40px #0006,inset 0 1px 0 #ffffff1a}.enhanced-search__input-wrapper{align-items:center;display:flex;flex:1 1;margin:0 8px;position:relative}.enhanced-search__input{background:#0000;border:none;color:var(--text-primary);font-size:16px;font-weight:500;letter-spacing:.02em;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.enhanced-search__input::placeholder{color:var(--text-muted);font-weight:400;transition:opacity .3s ease}.enhanced-search:not(.enhanced-search--active) .enhanced-search__input{opacity:0;padding:16px 0;pointer-events:none;width:0}.enhanced-search__clear{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:28px}.enhanced-search__clear,[data-theme=dark] .enhanced-search__clear{background:var(--bg-tertiary);box-shadow:0 2px 8px var(--shadow-color);color:var(--text-secondary)}.enhanced-search__clear:hover{background:#ef4444e6;color:#fff;transform:translateY(-50%) scale(1.1)}.enhanced-search__clear i{font-size:12px}.enhanced-search__toggle{align-items:center;background:linear-gradient(135deg,#667eeae6,#764ba2cc);border:none;border-radius:50%;box-shadow:0 4px 20px #667eea66,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:18px;height:52px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:52px;z-index:2}.enhanced-search__toggle:hover{box-shadow:0 8px 30px #667eea99,inset 0 1px 0 #ffffff4d;transform:scale(1.1) rotate(10deg)}.enhanced-search__toggle:active{transform:scale(.95) rotate(5deg)}.enhanced-search--active .enhanced-search__toggle{background:linear-gradient(135deg,#ef4444e6,#dc267fcc);box-shadow:0 4px 20px #ef444466,inset 0 1px 0 #fff3}.enhanced-search--active .enhanced-search__toggle:hover{box-shadow:0 8px 30px #ef444499,inset 0 1px 0 #ffffff4d}.enhanced-search__counter{animation:slideInUp .3s ease;background:#667eeae6;border-radius:12px;box-shadow:0 4px 16px #667eea4d;color:#fff;font-size:12px;font-weight:500;left:50%;margin-top:8px;padding:6px 12px;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap}[data-theme=dark] .enhanced-search__counter{background:#764ba2e6;box-shadow:0 4px 16px #764ba24d}@keyframes slideInUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.enhanced-search__suggestions{animation:suggestionSlideIn .3s cubic-bezier(.68,-.55,.265,1.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 12px 40px #00000026,inset 0 1px 0 #fff9;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);z-index:1000}[data-theme=dark] .enhanced-search__suggestions{background:#2d2d2df2;border:1px solid #ffffff1a;box-shadow:0 12px 40px #0006,inset 0 1px 0 #ffffff1a}@keyframes suggestionSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.enhanced-search__suggestion{align-items:center;border-bottom:1px solid #0000000d;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px 20px;position:relative;transition:all .2s ease}[data-theme=dark] .enhanced-search__suggestion{border-bottom:1px solid #ffffff0d}.enhanced-search__suggestion:last-child{border-bottom:none}.enhanced-search__suggestion:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.enhanced-search__suggestion--focused:before,.enhanced-search__suggestion:hover:before{left:100%}.enhanced-search__suggestion--focused,.enhanced-search__suggestion:hover{background:#667eea14;transform:translateX(4px)}[data-theme=dark] .enhanced-search__suggestion--focused,[data-theme=dark] .enhanced-search__suggestion:hover{background:#764ba226}.enhanced-search__suggestion-icon{font-size:18px;opacity:.8;text-align:center;width:24px}.enhanced-search__suggestion-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.enhanced-search__suggestion-value{color:var(--text-primary);font-size:14px;font-weight:600}.enhanced-search__suggestion-type{color:var(--text-muted);font-size:12px;text-transform:capitalize}.enhanced-search__suggestion-arrow{color:var(--text-muted);font-size:12px;opacity:0;transition:all .2s ease}.enhanced-search__suggestion--focused .enhanced-search__suggestion-arrow,.enhanced-search__suggestion:hover .enhanced-search__suggestion-arrow{opacity:1;transform:translateX(4px)}@media (max-width:768px){.enhanced-search-container{margin:1.5rem auto;max-width:90%}.enhanced-search{height:56px}.enhanced-search__toggle{font-size:16px;height:48px;width:48px}.enhanced-search__input{font-size:15px;padding:14px 16px}.enhanced-search__suggestion{padding:14px 16px}}@media (max-width:480px){.enhanced-search{height:52px}.enhanced-search__toggle{font-size:15px;height:44px;width:44px}.enhanced-search__input{font-size:14px;padding:12px 14px}.enhanced-search__input::placeholder{font-size:13px}.enhanced-search__counter{font-size:11px;padding:5px 10px}}@media (prefers-contrast:high){.enhanced-search{border-width:3px}.enhanced-search,.enhanced-search__suggestions{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-secondary)}}@media (prefers-reduced-motion:reduce){.enhanced-search,.enhanced-search__clear,.enhanced-search__suggestion,.enhanced-search__suggestions,.enhanced-search__toggle{animation:none;transition:none}.enhanced-search:before,.enhanced-search__suggestion:before{animation:none}.enhanced-search__toggle:hover{transform:none}}
/*# sourceMappingURL=main.d7b017d1.css.map*/