:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-container{background:radial-gradient(circle at 0 0,#ffecd2,#fcb69f,#ff7eb3,#c64fbd);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.overlay{text-align:center;width:100%;max-width:900px}.title{color:#fff;text-shadow:2px 2px 8px #0006;margin-bottom:25px;font-size:3rem;font-weight:700}.search-bar{justify-content:center;margin-bottom:20px;display:flex}.search-bar input{border:none;border-radius:10px 0 0 10px;outline:none;flex:1;padding:12px 20px;font-size:1rem;box-shadow:0 4px 12px #0003}.search-bar button{cursor:pointer;background-color:#ffcb05;border:none;border-radius:0 10px 10px 0;padding:12px 25px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #0003}.search-bar button:hover{background-color:#ffd64d;transform:scale(1.05)}.loading,.error{margin:10px 0;font-size:1.2rem}.error{color:#ff4d4f}.card{background:linear-gradient(135deg,#fffa,#f0f0f0aa);border-radius:25px;padding:25px;transition:transform .3s,box-shadow .3s;box-shadow:0 12px 25px #00000059}.card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 18px 35px #0006}.name{text-transform:capitalize;margin-bottom:15px;font-size:2rem;font-weight:700}.sprites{justify-content:center;gap:15px;margin-bottom:15px;display:flex;overflow-x:auto}.sprite{object-fit:contain;background:#fff;border-radius:12px;width:100px;height:100px;padding:5px;transition:transform .3s;box-shadow:0 4px 12px #0003}.sprite:hover{transform:scale(1.1)}.type{justify-content:center;gap:10px;margin-bottom:15px;display:flex}.type-card{color:#000;text-transform:capitalize;border-radius:20px;padding:6px 15px;font-weight:700;transition:transform .3s;box-shadow:0 3px 8px #00000040}.type-card:hover{transform:scale(1.1)}.abilities,.stats,.moves{text-align:left;margin-bottom:20px}.ability-tag{background:#cfe2ff;border-radius:12px;margin:5px 5px 5px 0;padding:5px 10px;transition:transform .3s;display:inline-block}.ability-tag.hidden{background:#ffb3b3}.ability-tag:hover{transform:scale(1.05)}.bar-chart{align-items:center;gap:10px;margin:5px 0;display:flex}.stat-name{width:80px;font-size:.85rem}.bar-bg{background:#eee;border-radius:6px;flex:1;height:12px;overflow:hidden}.bar-fill{background:#4caf50;border-radius:6px;height:12px;transition:width .5s}.stat-value{text-align:right;width:40px;font-size:.85rem}.moves-card{flex-wrap:nowrap;gap:8px;padding:5px 0;display:flex;overflow-x:auto}.move-tag{background:#ffe5b4aa;border-radius:12px;flex:none;padding:5px 10px;transition:transform .3s}.move-tag:hover{transform:scale(1.05)}.flavor-text{background:#fff4;border-radius:15px;padding:10px 15px;font-size:.95rem;font-style:italic;box-shadow:0 4px 12px #00000026}