*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#eef4ff;color:#1e293b}.container{max-width:1400px;margin:0 auto;padding:3rem 1rem}.container header h1{margin:0 0 2.5rem;text-align:center;font-size:clamp(1.8rem,2.6vw + 1rem,3rem);font-weight:800;background:linear-gradient(90deg,#3b82f6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.4px}.pokemon-search{display:flex;justify-content:center;margin:0 0 2.5rem}.pokemon-search input{width:min(480px,90%);padding:.75rem 1.05rem;font-size:1rem;font-family:inherit;color:#1e293b;background:#ffffffc9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #c7d2fe;border-radius:999px;outline:none;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.pokemon-search input::placeholder{color:#94a3b8;letter-spacing:.3px}.pokemon-search input:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000014}.pokemon-search input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f140}.container ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.75rem;margin:0;padding:0}.pokemon-card{list-style:none;display:flex;flex-direction:column;border-radius:1.25rem;background:#ffffffc9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 26px #00000014;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.pokemon-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px #0000001f}.pokemon-card figure{margin:0;height:170px;display:flex;align-items:center;justify-content:center}.pokemon-image{max-width:130px;max-height:100%;object-fit:contain;transition:transform .35s ease}.pokemon-card:hover .pokemon-image{transform:translateY(-4px) rotate(-2deg)}.pokemon-name{margin:0;padding:.5rem 0;text-align:center;font-size:1.05rem;font-weight:700;text-transform:capitalize}.pokemon-info[pokemon-highlight],.type-list{display:flex;justify-content:center;flex-wrap:wrap;gap:.35rem;margin:0 0 1rem}.pokemon-info[pokemon-highlight] p,.type-list span{margin:0;font-size:.75rem;font-weight:600;text-transform:capitalize;color:#4338ca;background:#e0e7ff;padding:.2rem .6rem;border-radius:999px}.grid-three-cols,.greed-three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;padding:0 1rem 1rem}.pokemon-info{background:#f8fafc;border-radius:.65rem;padding:.45rem .5rem;text-align:center;font-size:.78rem;line-height:1.25;font-weight:600;color:#334155}.pokemon-info span{display:block;margin-bottom:.18rem;font-weight:700;font-size:.72rem;color:#64748b}@media (max-width: 480px){.container ul{gap:1.25rem}.pokemon-card figure{height:150px}}body.dark-bg{background:#0f172a!important;color:#f8fafc!important}.dark-bg-card{background:#1e293b!important;color:#f8fafc!important}body.dark-bg .pokemon-search input{background:#1e293b;color:#f8fafc;border-color:#475569}.dark-bg-card .pokemon-info{background:#334155;color:#f8fafc}.dark-bg-card .type-list p{background:#475569;color:#e2e8f0}.toggle-btn{background:#3b82f6;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.toggle-btn:hover{background:#2563eb}