:root[data-theme=light]{--background-color: #ffffff;--text-color: #181717;--header-bg: #ffffff;--header-text: #333333;--shadow-color: rgba(0, 0, 0, .2);--button-bg: #e0e0e0;--button-text: #333333;--content-bg: #ffffff;--teamcard-bg: #ffffff;--card-shadow: rgba(0, 0, 0, .1);--card-hover-shadow: rgba(0, 0, 0, .2);--content-text: #333333;--card-bg: #ffffff;--shadow-color: rgba(0, 0, 0, .1);--text-color: #333333;--heading-color: #333333;--search-bg: #f5f5f5;--addbutton-bg:#000000;--team-panel:#ffffff;--box-shadow: 0 2px 4px rgb(22 20 20 / 42%);--type-normal: #A8A878;--type-fire: #F08030;--type-water: #6890F0;--type-electric: #F8D030;--type-grass: #78C850;--type-ice: #98D8D8;--type-fighting: #C03028;--type-poison: #A040A0;--type-ground: #E0C068;--type-flying: #A890F0;--type-psychic: #F85888;--type-bug: #A8B820;--type-rock: #B8A038;--type-ghost: #705898;--type-dragon: #7038F8;--type-dark: #705848;--type-steel: #B8B8D0;--type-fairy: #EE99AC}:root[data-theme=dark]{--background-color: #1e1e1e;--text-color: #cccccc;--header-bg: #315cca;--header-text: #ffffff;--shadow-color: rgba(255, 255, 255, .2);--button-bg: #444444;--button-text: #ffffff;--content-bg: #1a1a1a;--card-bg: ##1e1e1e;--teamcard-bg: #262627;--card-shadow: rgba(0, 0, 0, .3);--card-hover-shadow: rgba(0, 0, 0, .4);--content-text: #ffffff;--heading-color: #cccccc;--addbutton-bg:#000000;--type-fontcolor:#000000;--team-panel:#1e1e1e;--box-shadow: 0 2px 4px rgb(255 255 255 / 57%);--type-normal: #A8A878;--type-fire: #F08030;--type-water: #6890F0;--type-electric: #F8D030;--type-grass: #78C850;--type-ice: #98D8D8;--type-fighting: #C03028;--type-poison: #A040A0;--type-ground: #E0C068;--type-flying: #A890F0;--type-psychic: #F85888;--type-bug: #A8B820;--type-rock: #B8A038;--type-ghost: #705898;--type-dragon: #7038F8;--type-dark: #705848;--type-steel: #B8B8D0;--type-fairy: #EE99AC}body{background-color:var(--background-color);color:var(--text-color);margin:0;font-family:Arial,sans-serif;transition:background-color .3s ease-in-out,color .3s ease-in-out;min-height:100vh}div,section,article,h1,h2,h3,p{color:var(--text-color);transition:background-color .3s ease-in-out,color .3s ease-in-out}.app-container{min-height:100vh;background-color:var(--background-color);transition:background-color .3s ease-in-out}.main-content{max-width:1200px;margin:0 auto;padding:2rem}.header{background-color:var(--header-bg);box-shadow:0 2px 4px var(--shadow-color);position:sticky;top:0;z-index:100;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.header-container{display:flex;justify-content:space-between;align-items:center;padding:32px 2rem;max-width:1435px}.list-h{color:var(--text-color);font-size:2rem;margin-bottom:2rem;text-align:center;padding-left:38px;text-align:left}.header{background-color:var(--header-bg);color:var(--header-text);box-shadow:0 2px 4px var(--shadow-color);position:sticky;top:0;z-index:100;transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out}.header-container{display:flex;justify-content:space-between;align-items:center;padding:9px;max-width:1648px;margin:0 auto}.logo-title-container{display:flex;align-items:center;gap:1rem}.logo{width:50px;height:50px;object-fit:contain}.title-container{display:flex;flex-direction:column;gap:.25rem}.title-container h1,.title-container p{margin:0}.header-container h1{font-size:1.5rem;font-weight:600;margin:0}.theme-toggle{background-color:#fff0;color:var(--button-text);border:none;padding:.5rem;cursor:pointer;border-radius:4px;transition:background-color .3s ease-in-out,color .3s ease-in-out}.theme-toggle:hover{opacity:.8}@media (max-width: 480px){.header{padding:10px;height:auto}.header-content{flex-direction:column;gap:10px}.logo{height:30px}.nav-links{gap:15px}.nav-link{font-size:14px;padding:5px 10px}.theme-toggle{position:absolute;top:10px;right:10px}}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(35vh - 80px);padding:1rem;text-align:center;color:var(--content-text)}.content h2{color:var(--heading-color);margin-bottom:.5rem;font-size:2rem}.content p{color:var(--text-color);margin-bottom:0rem;font-size:1.1rem;max-width:600px;line-height:1.6}@media (max-width: 480px){.content-container{padding:10px}.content{margin-top:60px;padding:10px}.main-content{margin-left:0;width:100%}}:root{--card-bg: #ffffff;--shadow-color: rgba(0, 0, 0, .1);--text-color: #333333;--heading-color: #2a75bb;--search-bg: #f5f5f5;--error: #dc3545}.pokemon-main{margin-top:-49px;padding:2px 24px 300px;font-family:Arial,sans-serif;border-radius:10px}.pokemon-container{max-width:1609px;margin:0 auto}.pokemon-container h2{margin-top:30px;font-size:30px;margin-bottom:24px;text-align:center;color:var(--heading-color)}.search-filter-container{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.search-input-container{display:flex;justify-content:center;align-items:center;border-radius:10px;background-color:var(--search-bg);padding:0 15px;margin-top:20px;margin-left:16px;width:483px}.search-icon{width:20px;height:20px}.search-input{padding:10px 14px;font-size:16px;border:none;width:100%;outline:none;background-color:transparent}.type-filters{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:1rem}.filter-label{font-weight:700;margin-right:8px}.type-filter{background-color:#f0f0f0;color:#666;border:none;padding:6px 16px;border-radius:50px;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-transform:capitalize;box-shadow:0 1px 2px #0000001a}.type-filter:hover{background-color:#e5e5e5;transform:translateY(-1px)}.type-filter.active{background-color:#6b7280;color:#fff;box-shadow:0 2px 4px #0003}.pokemon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:0rem;margin-bottom:2.5rem}.status-message{text-align:center;font-size:16px;color:var(--text-color);grid-column:1 / -1}.pokemon-card{background:var(--card-bg);border-radius:10px;padding:1.5rem;text-align:center;box-shadow:var(--box-shadow);transition:transform .2s ease;max-width:300px;margin:0 auto;position:relative;display:flex;flex-direction:column;min-height:325px}.pokemon-card:hover{transform:translateY(-5px)}.pokemon-image{width:120px;height:120px;margin-bottom:1rem}.pokemon-name{margin:.5rem 0;color:var(--heading-color);font-size:1.2rem;text-transform:capitalize}.pokemon-types{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.type-badge{background-color:#eee;border-radius:10px;padding:.25rem .75rem;font-size:.875rem;text-transform:capitalize;color:var(--type-fontcolor)}.pokemon-stats{display:flex;flex-direction:row;gap:.5rem;margin-top:.5rem;padding:0 .25rem;flex-wrap:wrap;justify-content:center}.stat-item{background-color:#f5f5f5;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-color);text-transform:uppercase;text-align:center}.stat-badge{font-size:.7rem;padding:.15rem .3rem;border-radius:4px;display:flex;align-items:center;white-space:nowrap;background-color:#f5f5f5;color:var(--type-fontcolor)}.stat-badge[data-stat=hp],.stat-badge[data-stat=attack],.stat-badge[data-stat=defense],.stat-badge[data-stat=speed]{display:inline-flex}.stat-badge[data-stat=special-attack],.stat-badge[data-stat=special-defense]{display:none}.stat-row{display:flex;align-items:center;margin-bottom:.5rem;gap:.5rem}.stat-label{font-size:.8rem;width:100px;text-align:left;color:var(--text-color)}.stat-bar-container{flex:1;height:8px;background-color:#eee;border-radius:4px;overflow:hidden;position:relative}.stat-bar{height:100%;border-radius:4px;transition:width .3s ease-in-out}.stat-value{font-size:.8rem;margin-left:.5rem;color:var(--text-color)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem;grid-column:1 / -1}.loading-spinner{width:60px;height:60px;animation:rotate 1s linear infinite}.loading-text{color:var(--text-color);font-size:1.1rem;margin-top:1rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{text-align:center;padding:2rem;color:var(--error)}.plus-symbol{font-weight:700;margin-right:4px}.add-button{width:92%;margin:0rem auto 0;padding:.75rem;border-radius:10px;border:none;background-color:#3d3f3d;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;transition:all .2s ease;font-weight:500;opacity:0}.pokemon-card:hover .add-button{opacity:1}.add-button:hover:not(:disabled){background-color:#202220;transform:translateY(-2px);box-shadow:0 2px 8px #0003}.add-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.add-button.in-team{background-color:var(--addbutton-bg);opacity:1}.add-button.in-team:disabled{background-color:var(--addbutton-bg);opacity:.8;cursor:default}.team-counter{text-align:center;color:var(--text-color);font-size:1.1rem;margin-bottom:1rem;padding:.5rem;background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color)}.pokemon-details{flex:1;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}@media (min-width: 768px){.search-filter-container{flex-direction:row;justify-content:space-between;align-items:center}.search-input-container{margin-top:0}}@media (max-width: 480px){.pokemon-main{padding:2px 12px;margin-top:-30px}.pokemon-container h2{font-size:24px;margin:20px 0 16px}.search-filter-container{gap:10px;margin-bottom:16px}.search-input-container{width:100%;margin:10px 0;padding:0 10px}.search-icon{width:16px;height:16px}.search-input{padding:8px 10px;font-size:14px}.type-filters{margin:0;gap:8px;padding:0 5px}.type-filter{padding:4px 8px;font-size:12px}.pokemon-grid{grid-template-columns:repeat(auto-fill,minmax(140px,.5fr));gap:.75rem}.pokemon-card{padding:1rem 1.5rem;min-height:278px;max-width:100%}.pokemon-image{width:80px;height:80px;margin-bottom:.5rem}.pokemon-name{font-size:1rem;margin:.25rem 0}.pokemon-types{gap:4px;margin-bottom:8px}.type-badge{font-size:.75rem;padding:.2rem .5rem}.pokemon-stats{gap:.25rem}.stat-badge{font-size:.65rem;padding:.2rem .4rem}.pokemon-stats{padding:.25rem;margin-top:.5rem}.stat-row{margin-bottom:.25rem;gap:.25rem}.stat-label{width:70px;font-size:.7rem}.stat-value{font-size:.7rem}.stat-bar-container{height:6px}.stat-item{padding:4px 8px;font-size:11px}.add-button{width:100%;opacity:1;font-size:.8rem;padding:.5rem;margin-top:auto}.loading-container{min-height:150px}.loading-spinner{width:40px;height:40px}.loading-text{font-size:.9rem}.error-container{padding:1rem;font-size:.9rem}.team-counter{font-size:.9rem;padding:.25rem;margin-bottom:.5rem}.pokemon-card:hover{transform:none}.type-filter:hover{opacity:1}.add-button:hover:not(:disabled){transform:none;box-shadow:none}}.team-display{position:fixed;bottom:0;left:0;right:0;background-color:var(--team-panel);box-shadow:0 -2px 10px #0000001a;padding:1rem;z-index:1000;animation:slideUp .3s ease-out}.team-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.team-header h3{color:var(--heading-color);margin:0}.team-members{display:flex;gap:1.5rem;overflow-x:auto;padding:.5rem;justify-content:center}.team-member-card{position:relative;min-width:160px;background:var(--teamcard-bg);color:var(--text-color);border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000003b;text-align:center}.remove-button{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:#dc3545;cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-button:hover{background-color:#dc35451a}.team-pokemon-image{width:80px;height:80px}.team-member-card h4{margin:.5rem 0;color:var(--text-color)}.team-pokemon-types{display:flex;gap:.5rem;justify-content:center;margin:.5rem 0}.team-pokemon-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;font-size:.8rem;color:var(--text-color)}.team-stat{background-color:var(--search-bg);padding:.25rem;border-radius:4px}.team-stat[data-stat=hp]{background-color:#ff5959;color:#fff}.team-stat[data-stat=attack]{background-color:#f5ac78;color:#fff}.team-stat[data-stat=defense]{background-color:#fae078;color:#333}.team-stat[data-stat=special-attack]{background-color:#9db7f5;color:#fff}.team-stat[data-stat=special-defense]{background-color:#a7db8d;color:#333}.team-stat[data-stat=speed]{background-color:#fa92b2;color:#fff}.team-strength{background:var(--card-bg);border-radius:8px;margin-top:1rem}.team-strength-title{font-size:1rem;color:var(--text-color);margin-bottom:.5rem;text-align:center}.team-total-stats{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.team-total-stat{font-size:.8rem;padding:.25rem .5rem;border-radius:4px;display:flex;align-items:center;gap:.25rem;background-color:#d4cece}.close-icon{font-size:16px;font-weight:700;line-height:1}.team-total-stat[data-stat=total-hp],.team-total-stat[data-stat=total-attack],.team-total-stat[data-stat=total-defense],.team-total-stat[data-stat=total-special-attack],.team-total-stat[data-stat=total-special-defense],.team-total-stat[data-stat=total-speed]{color:var(--type-fontcolor)}.team-controls{display:flex;align-items:center;gap:1rem;margin-left:auto}.team-button{padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 768px){.team-member-card{min-width:150px}}@media (max-width: 480px){.pokemon-main{padding-bottom:250px}.team-display{max-height:200px}.team-container{padding:10px}.team-header{font-size:20px;margin-bottom:15px}.team-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.team-card{padding:10px;min-height:200px}.team-pokemon-image{width:60px;height:60px}.team-pokemon-name{font-size:14px}.team-pokemon-types{gap:5px}.team-type-badge{font-size:12px;padding:3px 8px}.remove-button{padding:5px 10px;font-size:12px}.empty-team-message{font-size:14px;padding:15px}.stats-container{font-size:12px}.stat-label{width:60px}.stat-bar{height:6px}}