:root{--pokedex-red: #e3350d;--pokedex-dark: #222;--pokedex-gray: #f5f5f5;--pokedex-border: #b71c1c;--pokedex-screen: #1f2833;--pokedex-accent: #0f9d58;--text-main: #222;--text-invert: #fff;--shadow-soft: 0 8px 20px rgba(0, 0, 0, .25);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#ff8a80 0,#212121,#000);color:var(--text-main)}.app{min-height:100vh;display:flex;flex-direction:column;padding:20px;gap:20px}.app-header{max-width:1040px;margin:0 auto;background:var(--pokedex-red);border-radius:var(--radius-lg);border:4px solid var(--pokedex-border);box-shadow:var(--shadow-soft);display:flex;align-items:center;flex-wrap:wrap;padding:16px 24px;gap:16px;color:var(--text-invert);text-transform:uppercase;letter-spacing:2px}.logo-dot{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#64b5f6 40%,#1565c0);border:4px solid #e3f2fd;box-shadow:0 0 0 4px #0d47a1,0 0 10px #0009}.logo-lights{display:flex;gap:8px;margin-right:12px}.logo-lights .light{width:14px;height:14px;border-radius:999px;border:2px solid rgba(0,0,0,.25);box-shadow:0 0 6px #0006}.logo-lights .red{background:#ff5252}.logo-lights .yellow{background:#ffeb3b}.logo-lights .green{background:#69f0ae}.app-header h1{font-size:1.5rem;margin:0}.app-header h4{margin:0;font-weight:600;font-size:.9rem;opacity:.95}.app-main{flex:1;display:flex;justify-content:center}.pokedex{width:100%;max-width:1040px;background:linear-gradient(145deg,#fafafa,#eee);border-radius:var(--radius-lg);border:3px solid var(--pokedex-border);padding:20px;box-shadow:var(--shadow-soft)}.search-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.search-label{font-size:.9rem;font-weight:600;text-transform:uppercase;color:#555}.search-input{padding:10px 12px;border-radius:var(--radius-md);border:2px solid #ccc;font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s;background:#fff}.search-input:focus{border-color:var(--pokedex-accent);box-shadow:0 0 0 3px #0f9d5840}.pokedex-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem;color:#555;gap:10px}.pokemon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(10px,2.2vw,16px)}.pokemon-card{background:radial-gradient(circle at top,#fff 0,#f5f5f5 50%,#e0e0e0);border-radius:var(--radius-md);border:2px solid #bdbdbd;box-shadow:0 4px 12px #0000002e;padding:10px;display:flex;flex-direction:column;gap:6px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s;cursor:pointer}.pokemon-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000004d;border-color:var(--pokedex-accent)}.pokemon-card-header{display:flex;justify-content:flex-end}.pokemon-id{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);background:#eee;color:#555}.pokemon-image-wrapper{background:radial-gradient(circle at center,#b3e5fc,#01579b);border-radius:var(--radius-md);padding:8px;display:flex;justify-content:center;align-items:center}.pokemon-image{width:clamp(64px,10vw,92px);height:clamp(64px,10vw,92px);image-rendering:pixelated}.pokemon-info{text-align:center}.pokemon-name{font-size:.95rem;margin:4px 0 0;text-transform:capitalize}.loader-container{margin:24px 0;display:flex;flex-direction:column;align-items:center;gap:10px;color:#555}.loader-spinner{width:36px;height:36px;border-radius:50%;border:4px solid #e0e0e0;border-top-color:var(--pokedex-red);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{margin:24px 0;padding:12px 16px;border-radius:var(--radius-md);background:#ffebee;color:#b71c1c;border:1px solid #ffcdd2}@media (max-width: 768px){.app{padding:12px}.app-header{padding:12px 16px}.app-header h1{font-size:1.2rem}.pokedex{padding:14px}.pokemon-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width: 420px){.app-header{gap:12px}.logo-dot{width:44px;height:44px}.pokedex-summary{flex-direction:column;align-items:flex-start}.pokemon-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}}