*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px;color:#333}.pokedex-container{display:grid;grid-template-columns:350px 1fr;max-width:1200px;height:calc(100vh - 40px);margin:0 auto;background:#ffffff1a;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.sidebar{background:#fffffff2;padding:25px;border-right:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;min-height:0}.sidebar h2{font-size:1.8em;margin-bottom:20px;color:#2c3e50;text-align:center;font-weight:700}.search-container{margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.search-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:25px;font-size:1em;outline:none;transition:all .3s ease;background:#ffffffe6;color:#333}.search-input:focus{border-color:#3498db;box-shadow:0 0 10px #3498db33;background-color:#fff}.search-input::placeholder{color:#999;font-style:italic}.generation-filter{padding-right:40px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"%3E%3Cpath fill="%23333" d="M1.41 0L6 4.59L10.59 0L12 1.42L6 7.42L0 1.42L1.41 0Z"/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 16px center;background-size:14px}.generation-filter:hover{border-color:#3498db}.favourites-checkbox{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#333;font-size:1em}.favourites-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3498db}.favourites-checkbox span{flex:1}.favourites-checkbox:hover{color:#3498db}.pokemon-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:scroll;min-height:0;padding-right:8px}.pokemon-list-item{display:flex;align-items:center;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff9;border:2px solid transparent}.pokemon-list-item .pokemon-number{font-weight:700;color:#7f8c8d;margin-right:12px;font-size:.9em}.pokemon-list-item .pokemon-name{font-weight:500;font-size:1.1em}.pokemon-list-item:hover{background:#3498db1a;border-color:#3498db;transform:translateY(-2px)}.pokemon-list-item.active{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border-color:#2980b9;box-shadow:0 4px 15px #3498db66}.pokemon-list-item.active .pokemon-number{color:#fffc}.main-content{background:#fffffff2;padding:30px;display:flex;flex-direction:column;gap:25px}.pokemon-header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #3498db;padding-bottom:15px}.pokemon-header h1{font-size:2.5em;color:#2c3e50;font-weight:700}.pokemon-header .pokemon-number{font-size:1.5em;color:#7f8c8d;font-weight:700}.pokemon-image-container{text-align:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;padding:30px;box-shadow:inset 0 4px 8px #0000001a;position:relative;height:380px;display:flex;align-items:center;justify-content:center}.pokemon-image{max-width:320px;max-height:320px;width:auto;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.pokemon-image.visible{opacity:1}.pokemon-image:not(.visible){opacity:0}.star-checkbox{cursor:pointer;display:block}.star-checkbox input[type=checkbox]{display:none}.star-checkbox input[type=checkbox]:checked+img{filter:grayscale(0%);animation:sparkle 2s ease-in-out infinite}.star-checkbox img{width:48px;height:48px;display:block;transition:all .3s ease;filter:grayscale(100%)}.star-checkbox:hover img{transform:scale(1.1)}.star-checkbox-positioned{position:absolute;top:15px;right:15px}.list-item-star{margin-right:12px;flex-shrink:0}.list-item-star img{width:24px;height:24px}.tooltip{position:absolute;bottom:-35px;right:0;background:#000c;color:#fff;padding:6px 12px;border-radius:8px;font-size:.85em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tooltip:before{content:"";position:absolute;top:-5px;right:20px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(0,0,0,.8)}.star-checkbox:hover .tooltip{opacity:1}.pokemon-types-container{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.type-badge{display:flex;align-items:center;gap:8px;padding-right:16px;border-radius:24px;font-weight:700;text-transform:uppercase;font-size:.9em;color:#fff;box-shadow:0 4px 10px #0003;transition:transform .2s ease;animation:pulse-glow 3s ease-in-out infinite}.type-badge:hover{transform:translateY(-2px);animation-play-state:paused}.type-badge img{width:48px;height:48px}.type-badge.grass{background:linear-gradient(135deg,#78c850,#4e8b3a)}.type-badge.poison{background:linear-gradient(135deg,#a040a0,#7a2d7a)}.type-badge.fire{background:linear-gradient(135deg,#f08030,#c5681b)}.type-badge.water{background:linear-gradient(135deg,#6890f0,#4a70c4)}.type-badge.electric{background:linear-gradient(135deg,#f8d030,#c4a426)}.type-badge.psychic{background:linear-gradient(135deg,#f85888,#c4456b)}.type-badge.ice{background:linear-gradient(135deg,#98d8d8,#6bb6b6)}.type-badge.dragon{background:linear-gradient(135deg,#7038f8,#5829c4)}.type-badge.dark{background:linear-gradient(135deg,#705848,#4a3c2e)}.type-badge.fighting{background:linear-gradient(135deg,#c03028,#9a261f)}.type-badge.flying{background:linear-gradient(135deg,#a890f0,#8670c4)}.type-badge.ghost{background:linear-gradient(135deg,#705898,#564578)}.type-badge.ground{background:linear-gradient(135deg,#e0c068,#b4994f)}.type-badge.rock{background:linear-gradient(135deg,#b8a038,#94802c)}.type-badge.steel{background:linear-gradient(135deg,#b8b8d0,#9595a8)}.type-badge.normal{background:linear-gradient(135deg,#a8a878,#87875f)}.type-badge.bug{background:linear-gradient(135deg,#a8b820,#87941a)}.type-badge.fairy{background:linear-gradient(135deg,#ee99ac,#d1748a)}@keyframes pulse-glow{0%,to{box-shadow:0 4px 10px #0003,0 0 #ffffff4d;transform:scale(1)}50%{box-shadow:0 6px 20px #0000004d,0 0 20px #fff6;transform:scale(1.05)}}@keyframes sparkle{0%,to{filter:brightness(1) drop-shadow(0 0 2px rgba(255,215,0,.3))}25%{filter:brightness(1.1) drop-shadow(0 0 4px rgba(255,215,0,.6))}50%{filter:brightness(1.15) drop-shadow(0 0 6px rgba(255,215,0,.8))}75%{filter:brightness(1.1) drop-shadow(0 0 4px rgba(255,215,0,.6))}}.pokemon-description{background:#f0f8ffcc;padding:20px;border-radius:15px;border-left:4px solid #3498db}.pokemon-description h3{color:#2c3e50;margin-bottom:12px;font-size:1.3em}.pokemon-description p{line-height:1.6;color:#34495e;font-size:1.05em}@media(max-width:768px){.pokedex-container{display:grid;grid-template-columns:1fr;grid-template-rows:40% 60%;flex-direction:column;margin:10px;height:calc(100vh - 20px)}.pokemon-header h1{font-size:2em}.pokemon-image-container{height:240px}.pokemon-image{max-width:200px;max-height:200px}}.pokemon-list::-webkit-scrollbar{width:8px}.pokemon-list::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.pokemon-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:10px}.pokemon-list-item::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2980b9,#21618c)}