body{margin:0;font-family:Arial,sans-serif;transition:all .3s}body.dark{color:#fff;background:#111}body.light{color:#000;background:#fff}.app{padding:30px}.header{text-align:center}.anime-grid{grid-template-columns:repeat(auto-fit,minmax(220px,220px));justify-content:center;gap:20px;display:grid}.random-anime-grid{gap:20px;width:220px;display:grid}.anime-card{text-align:center;background:#1e1e1e;border-radius:12px;padding:15px;transition:all .2s}body.light .anime-card{background:#eaeaea}.anime-card:hover{transform:scale(1.03)}.anime-card img{border-radius:10px;width:100%}.menu{justify-content:center;gap:15px;margin-bottom:30px;display:flex}.menu button{color:#fff;cursor:pointer;background:#2b2b2b;border:none;border-radius:10px;padding:10px 20px;transition:all .2s}.menu button:hover{background:#444}body.light .menu button{color:#000;background:#ddd}.search-bar{justify-content:center;gap:10px;margin-bottom:25px;display:flex}.search-bar input{border:none;border-radius:10px;width:300px;padding:10px}.search-bar button{color:#fff;cursor:pointer;background:#2b2b2b;border:none;border-radius:10px;padding:10px 20px}body.light .search-bar button{color:#000;background:#ddd}a{color:inherit;font-weight:700;text-decoration:none}a:hover{text-decoration:underline}