@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--primary-color: #ff5350;--secondary-color: #2a75bb;--background-dark: #0c0c0e;--text-light: #f5f5f7;--text-dark: #1d1d1f;--card-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--type-normal: #A8A77A;--type-fire: #EE8130;--type-water: #6390F0;--type-electric: #F7D02C;--type-grass: #7AC74C;--type-ice: #96D9D6;--type-fighting: #C22E28;--type-poison: #A33EA1;--type-ground: #E2BF65;--type-flying: #A98FF3;--type-psychic: #F95587;--type-bug: #A6B91A;--type-rock: #B6A136;--type-ghost: #735797;--type-dragon: #6F35FC;--type-dark: #705746;--type-steel: #B7B7CE;--type-fairy: #D685AD}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;background-color:var(--background-dark);color:var(--text-light);line-height:1.6;min-height:100vh}a{text-decoration:none;color:inherit}.glass{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px}.search-input-field{width:100%;padding:1rem 3rem 1rem 3.5rem;font-size:1.1rem;color:var(--text-light);outline:none;border-radius:50px;background:var(--card-bg);border:1px solid var(--glass-border);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit}.search-input-field:focus{border-color:var(--primary-color);box-shadow:0 0 20px color-mix(in srgb,var(--primary-color) 25%,transparent),inset 0 0 10px #ffffff05;background:#ffffff14}.search-input-field::placeholder{color:#fff6}.container{max-width:1200px;margin:0 auto;padding:2rem;transition:padding .3s ease}.pokemon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem;padding:2rem 0}@media(max-width:768px){.container{padding:1.2rem}.pokemon-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.2rem;padding:1.2rem 0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.details-card{padding:3rem;max-width:900px;margin:0 auto}.details-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.details-title-container{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem}.details-title{font-size:3rem;text-transform:capitalize;margin:0}.details-id{opacity:.5;font-size:2rem;font-weight:700}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.stat-row{margin-bottom:.5rem}.stat-label{display:flex;justify-content:space-between;margin-bottom:.2rem}.stat-bar-bg{width:100%;background:#ffffff1a;height:8px;border-radius:4px}.attributes-grid{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.details-card{padding:1.5rem}.details-title{font-size:2rem}.details-id{font-size:1.5rem}.details-grid{grid-template-columns:1fr;gap:2rem}}@media(max-width:768px){.details-card{padding:1.5rem}.details-title{font-size:2.5rem}.details-grid{grid-template-columns:1fr}.evo-node{flex-direction:column!important}.evo-children{margin-left:0!important;margin-top:2rem;align-items:center}.evo-child-row{flex-direction:column!important}.evo-transition{margin:1rem 0!important;margin-right:0!important}.evo-arrow{transform:rotate(90deg)}}.evo-container{display:flex;justify-content:center;align-items:center}.evo-node{display:flex;align-items:center}.evo-card{padding:1.5rem;display:flex;flex-direction:column;align-items:center;min-width:140px;position:relative;overflow:hidden;margin:.5rem}.evo-bg-number{position:absolute;top:-10px;right:-10px;font-size:60px;opacity:.1;font-weight:700;color:var(--text-light);z-index:0}.evo-image{width:100px;height:100px;z-index:1;filter:drop-shadow(0 5px 5px rgba(0,0,0,.3))}.evo-name{text-transform:capitalize;font-weight:700;font-size:1.1rem;z-index:1;margin-top:.5rem}.evo-types{display:flex;gap:.3rem;margin-top:.5rem;z-index:1}.evo-children{display:flex;flex-direction:column;gap:1rem;margin-left:1rem}.evo-child-row{display:flex;align-items:center}.evo-transition{display:flex;flex-direction:column;align-items:center;margin-right:1rem}.evo-level{font-size:.9rem;margin-bottom:.2rem;font-weight:700}.evo-item-container{display:flex;flex-direction:column;align-items:center;margin-bottom:.2rem}.evo-item-image{width:30px;height:30px}.evo-arrow{font-size:2rem;opacity:.5;line-height:1;transition:transform .3s}.filters-wrapper{margin-bottom:2.5rem}.filters-toggle-btn{display:flex;align-items:center;gap:.6rem;padding:.8rem 1.8rem;border-radius:50px;border:1px solid var(--glass-border);color:var(--text-light);cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);margin:0 auto;font-size:.95rem}.filters-toggle-btn:hover{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 4px 20px #0000004d;transform:translateY(-1px)}.filter-panel-content{margin-top:1.5rem;padding:2.2rem;border-radius:24px;border:1px solid var(--glass-border)}.filter-section{margin-bottom:1.8rem;background:#ffffff03;padding:1.25rem;border-radius:16px;border:1px solid rgba(255,255,255,.03)}.filter-section:last-child{margin-bottom:0}.filter-title{font-size:.85rem;font-weight:700;margin-bottom:1rem;opacity:.5;text-transform:uppercase;letter-spacing:1.5px}.filter-options-flex{display:flex;flex-wrap:wrap;gap:.6rem}.filter-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem}.filter-pill{padding:.55rem 1.1rem;border-radius:20px;border:1px solid var(--glass-border);background:#ffffff08;color:#fffc;font-size:.88rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;font-weight:500}.filter-pill:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d;transform:translateY(-2px)}.filter-pill.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 15px #ff535059;font-weight:700}.type-pill{padding:.65rem .8rem;border-radius:20px;border:1px solid color-mix(in srgb,var(--type-color, var(--glass-border)) 20%,transparent);background:color-mix(in srgb,var(--type-color, transparent) 4%,rgba(255,255,255,.02));color:#fffc;font-size:.85rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;text-transform:capitalize;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.4rem}.type-pill:hover{transform:translateY(-2px);border-color:var(--type-color);background:color-mix(in srgb,var(--type-color) 12%,transparent);color:#fff}.type-pill.active{color:#fff!important;background:var(--type-color)!important;border-color:var(--type-color)!important;box-shadow:0 4px 15px color-mix(in srgb,var(--type-color) 40%,transparent);font-weight:700}.btn-reset{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:50px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-light);font-weight:600;cursor:pointer;transition:all .25s ease;font-size:.9rem}.btn-reset:hover{background:#ff535026;color:#ff8582;border-color:#ff535066;box-shadow:0 4px 12px #ff53501a}.filter-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1.2rem}.filter-header-title{font-size:1.4rem;font-weight:700;color:var(--text-light)}@keyframes poke-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-spin:hover .pokeball-logo{animation:poke-spin .8s cubic-bezier(.4,0,.2,1) infinite}.pokemon-card-type-bg{position:absolute;bottom:-20%;right:-10%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,var(--type-color-glow) 0%,transparent 70%);opacity:.15;z-index:0;pointer-events:none;transition:opacity .3s ease}.pokemon-card-type-border:hover .pokemon-card-type-bg{opacity:.35}.pokemon-card-type-border{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.pokemon-card-type-border:hover{border-color:var(--type-color-glow)!important;box-shadow:0 12px 35px color-mix(in srgb,var(--type-color-glow) 25%,rgba(0,0,0,.3))!important}.pokemon-card-type-border:hover img{transform:scale(1.08) translateY(-6px)}.header-container{padding:.6rem 1.8rem;margin-bottom:2.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:1rem;z-index:100;box-shadow:0 8px 32px #00000059;border:1px solid rgba(255,255,255,.08);gap:1.5rem;border-radius:50px;transition:all .3s ease}.header-top-row{display:flex;align-items:center;gap:1rem}.header-search-wrap{flex:1;max-width:400px;position:relative;transition:all .3s ease}.mobile-filter-btn-wrap{display:none}.desktop-filter-btn-wrap{display:block}@media(max-width:768px){.header-container{flex-direction:column;align-items:stretch;border-radius:24px;padding:1rem 1.2rem;gap:.8rem}.header-top-row{justify-content:space-between;width:100%}.mobile-filter-btn-wrap{display:block}.desktop-filter-btn-wrap{display:none}.header-search-wrap{max-width:100%;width:100%}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}